{"section":"tutorials","requestedLocale":"pt","requestedSlug":"controle-de-mensagem-de-boas-vindas","locale":"pt","slug":"controle-de-mensagem-de-boas-vindas","path":"docs/pt/tutorials/storefront/layout/controle-de-mensagem-de-boas-vindas.md","branch":"main","content":"O controle `<vtex.cmc:welcomeMessage/>` renderiza uma mensagem de boas vindas, que deve ser usada na topbar da loja.\n\nVeja um exemplo na imagem abaixo.\n\n![welcome1](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/storefront/layout/controle-de-mensagem-de-boas-vindas_1.png)\n\n## Código HTML renderizado\n\nVeja abaixo um exemplo do código renderizado por esse controle:\n\n```html\n<div class=\"welcome col-xs-5\">\n\t<script>\n\t    $(document).ready(function () {\n\t        vtexid.setScope('1acde8b8-c134-45ca-bda6-8496f39d6734');\n\t        vtexid.setScopeName('lojadobreno');\n\t        $('body').on('click', '#login', function () {\n\t            vtexid.start(\n\t                    {\n\t                        returnUrl: '/produto-teste/p',\n\t                        userEmail: '',\n\t                        locale: 'en-US',\n\t                        forceReload: false\n\t                    });\n\t        });\n\t    });\n\t</script>\n\t<div class=\"ajax-content-loader\" rel=\"/no-cache/user/welcome\">\n\t    <p class=\"welcome\">\n\t    Bem-vindo!\n\t    <em><a id=\"login\">Já é cadastrado?\n\t    </a></em>\n\t    \n\t</div>\n</div>\n```\n\n## Script de acionamento do login\n\nNote que o controle renderiza um código HTML com a mensagem de boas vindas e também um script.\n\nEsse script é acionado quando o usuário clica no elemento de id `\"login\"`, que por padrão vem com a mensagem \"Já é cadastrado?\", e é responsável por levar o usuário para a tela de login.\n\n## Cookie\n\nO script renderizado pelo controle também cria um cookie responsável por informar à loja que o usuário está logado. \n\nOutros serviços da VTEX usam o mesmo cookie (por exemplo, o de avaliações de produtos), e assim não preciam pedir novamente que o usuário faça login.\n\nVeja no script do exemplo acima que o método que cria esse cookie é o `vtexid.setScope()`.\n\nAinda seguindo o exemplo acima, o cookie criado seria o seguinte: `UsuarioGUID=1acde8b8-c134-45ca-bda6-8496f39d6734`"}