Control de mensaje de bienvenida

Layout

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>
	    </p>
	</div>
</div>

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

Código HTML renderizado

Script de activación de login

Cookie