Menu
Feedback
Tutoriais
Layout
Controle de mensagem de boas vindas
2 min de leitura

O controle <vtex.cmc:welcomeMessage/> renderiza uma mensagem de boas vindas, que deve ser usada na topbar da loja.

Veja um exemplo na imagem abaixo.

Código HTML renderizado

Veja abaixo um exemplo do código renderizado por esse controle:


<div class="welcome col-xs-5">
<script>
$(document).ready(function () {
vtexid.setScope('1acde8b8-c134-45ca-bda6-8496f39d6734');
vtexid.setScopeName('lojadobreno');
$('body').on('click', '#login', function () {
vtexid.start(
{
returnUrl: '/produto-teste/p',
userEmail: '',
locale: 'en-US',
forceReload: false
});
});
});
</script>
<div class="ajax-content-loader" rel="/no-cache/user/welcome">
<p class="welcome">
Bem-vindo!
<em><a id="login">Já é cadastrado?
</a></em>
</div>
</div>

Script de acionamento do login

Note que o controle renderiza um código HTML com a mensagem de boas vindas e também um script.

Esse 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.

O script renderizado pelo controle também cria um cookie responsável por informar à loja que o usuário está logado.

Outros 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.

Veja no script do exemplo acima que o método que cria esse cookie é o vtexid.setScope().

Ainda seguindo o exemplo acima, o cookie criado seria o seguinte: UsuarioGUID=1acde8b8-c134-45ca-bda6-8496f39d6734

Contribuidores
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
Isso foi útil?
Sim
Não
Sugerir edições (GitHub)
Ver o conteúdo dos arquivos CSS da loja
« Anterior
O que são controles?
Próximo »
Contribuidores
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
Nesta página
Ainda tem dúvidas?
Pergunte à comunidade
Encontre soluções e compartilhe ideias na VTEX Community
Junte-se à nossa comunidade
Solicite suporte à VTEX
Receba assistência personalizada com nossos especialistas
Abra um ticket de suporte
GitHubDeveloper PortalComunidadeFeedback