Menú
Feedback
Comienza aquí
Tutoriales


Tutoriales
Layout
Control de mensaje de bienvenida
2 min de lectura

El control <vtex.cmc:welcomeMessage/> renderiza un mensaje de bienvenida, que se debe utilizar en la barra superior de la tienda.

Vea un ejemplo en la siguiente imagen.

{"base64":"  ","img":{"width":331,"height":41,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":2199,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/storefront/layout/control-de-mensaje-de-bienvenida_1.png"}}

Código HTML renderizado

A continuación se muestra un ejemplo del código renderizado por este control:


<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 activación de login

Tenga en cuenta que el control renderiza un código HTML con el mensaje de bienvenida y también un script.

Este script se activa cuando el usuario hace clic en el elemento de ID "login", que por defecto viene con el mensaje "Já é cadastrado?" ("¿Ya está registrado?"), y es responsable de llevar al usuario a la pantalla de login.

El script renderizado por el control también crea una cookie responsable de informar a la tienda que el usuario está conectado.

Otros servicios de VTEX utilizan el mismo cookie (por ejemplo, el de evaluaciones de productos), y así tienen que pedir de nuevo que el usuario inicie sesión.

En el script del ejemplo anterior, el método que crea este cookie es vtexid.setScope().

Aún siguiendo el ejemplo anterior, el cookie creado sería el siguiente: userGUID=1acde8b8-c134-45ca-bda6-8496f39d6734

Contribuidores
1
Photo of the contributor
+ 1 contributors
¿Te ha parecido útil?
No
Sugerir cambios (GitHub)
Configurar marketplace para tiendas múltiples
« Anterior
Ver el contenido de los archivos CSS de la tienda
Siguiente »
Contribuidores
1
Photo of the contributor
+ 1 contributors
En esta página
¿Tienes otras preguntas?
Pregunta a la comunidad
Encuentra soluciones y comparte ideas en VTEX Community
Únete a nuestra comunidad
Solicita soporte a VTEX
Recibe asistencia personalizada de nuestros especialistas
Abre un ticket de soporte
GitHubDeveloper PortalComunidadFeedback