Como adicionar o menu troca e devoluções no painel do cliente VTEX

Veja com criar um botão na página de pedidos do cliente em sua loja na VTEX, que redirecione o cliente ao TrocaMe, permitindo que o cliente inicie o processo de troca ou devolução diretamente.

Pré-requisito

• Conta cadastrada no TrocaMe
• Configurada a integração da VTEX com o TrocaMe
• Google Tag Manager ativo na loja da VTEX

Instalação

Crie uma tag, no Google Tag Manager vinculado a sua loja da VTEX, do tipo HTML.

Recomendamos que o nome da tag seja BotaodeTroca.

O TrocaMe fornece o seguinte código que deverá ser utilizado na configuração do Google Tag Manager

<script>
   var scriptElement = document.createElement('script'); 

   scriptElement.src = 'https://app.trocame.com/scripts/botaodetroca.js?i=' + Math.floor(Math.random() * 65536);   

    scriptElement.setAttribute('nome-loja', 'nomedaloja');

    scriptElement.setAttribute('titulo-botao', 'Trocar ou Devolver');    

    document.body.appendChild(scriptElement); 

</script>

 scriptElement.setAttribute('nome-loja', 'nomedaloja');

    scriptElement.setAttribute('titulo-botao', 'Trocar ou Devolver');

onde consta 'nomedaloja'  substitua com o nome da loja gerado pelo TrocaMe

onde consta 'Trocar ou Devolver'  substitua com texto que deseja exibir no botão

Copie esse código fornecido edite conforme as orientações a cima e insira no Google Tag Manager

Com o Google Tag Manager configurado e ativo na sua loja da VTEX o botão de troca/devolução será exibido na página de pedidos do cliente.