Instalando o widget com o GTM

VTEX Assisted Sales (SuiteShare)

Google Tag Manager é uma ferramenta gratuita do Google pela qual é possível, além de outras integrações, inserir scripts de integrações sem precisar mexer nesse código.

Ao centralizar a gestão de códigos no GTM, o marketing ganha autonomia, melhora a produtividade e reduz custos com TI.

Para instalar o nosso widget no seu site, siga os passos abaixo:

Em nosso CMS, acesse o menu Widget e depois em Instalação.

${"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAIAAAB2XpiaAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAFklEQVR4nGP4/+/3vFVzGLgZnr57AAA1fQebZjBuHQAAAABJRU5ErkJggg==","img":{"src":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/Conversational%20Commerce/VTEX%20Assisted%20Sales%20(SuiteShare)/instalando-o-widget-com-o-gtm-suiteshare_1.png","width":332,"height":67,"type":"png"}}$
Clique no botão COPIAR CÓDIGO e salve esse código em um bloco de notas.

${"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAACCAIAAADwyuo0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAI0lEQVR4nGNYsWK5mKgoMzNzY2Mjw7dv34oKCtJSUy9evAgAgPILm5gJ6BQAAAAASUVORK5CYII=","img":{"src":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/Conversational%20Commerce/VTEX%20Assisted%20Sales%20(SuiteShare)/instalando-o-widget-com-o-gtm-suiteshare_2.png","width":642,"height":321,"type":"png"}}$
No GTM, clique no menu Tags e, após nisso, no botão New.

${"base64":" ","img":{"width":2448,"height":1110,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":127016,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/Conversational%20Commerce/VTEX%20Assisted%20Sales%20(SuiteShare)/instalando-o-widget-com-o-gtm-suiteshare_3.png"}}$
Na tela abaixo, defina um nome para a tag (ex: VTEX Assisted Sales (SuiteShare) - Widget) e clique em Choose a tag type to begin setup para configurar a tag.

${"base64":" ","img":{"width":2718,"height":1476,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":156878,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/Conversational%20Commerce/VTEX%20Assisted%20Sales%20(SuiteShare)/instalando-o-widget-com-o-gtm-suiteshare_4.png"}}$
Após clicar na opção acima, irá surgir um menu a direita. Nesse menu, selecione a opção Custom HTML.

${"base64":" ","img":{"width":3000,"height":1459,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":184724,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/Conversational%20Commerce/VTEX%20Assisted%20Sales%20(SuiteShare)/instalando-o-widget-com-o-gtm-suiteshare_5.png"}}$
No campo exibido, cole o código copiado no item 1 desse artigo.

${"base64":" ","img":{"width":3000,"height":1528,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":209991,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/Conversational%20Commerce/VTEX%20Assisted%20Sales%20(SuiteShare)/instalando-o-widget-com-o-gtm-suiteshare_6.png"}}$
Ainda na tela acima, após colar o nosso código, clique em Choose a trigger to make this tag fire.... Será exibido um novo menu a direita, onde você deve selecionar a opção All Pages.

${"base64":" ","img":{"width":3000,"height":1537,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":134923,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/Conversational%20Commerce/VTEX%20Assisted%20Sales%20(SuiteShare)/instalando-o-widget-com-o-gtm-suiteshare_7.png"}}$
Após isso, o resultado será uma tela semelhante a abaixo.

${"base64":" ","img":{"width":3000,"height":1494,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":206521,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/Conversational%20Commerce/VTEX%20Assisted%20Sales%20(SuiteShare)/instalando-o-widget-com-o-gtm-suiteshare_8.png"}}$
Clique no botão Save a direita, para salvar sua tag de instalação do widget VTEX Assisted Sales (SuiteShare).
Por fim, publique essa alteração do GTM: clique no menu Submit a direita.

${"base64":" ","img":{"width":3000,"height":1119,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":76979,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/Conversational%20Commerce/VTEX%20Assisted%20Sales%20(SuiteShare)/instalando-o-widget-com-o-gtm-suiteshare_9.png"}}$

Informe um título e descrição da versão do deploy e clique em Publish.

${"base64":" ","img":{"width":3000,"height":1470,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":169295,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/Conversational%20Commerce/VTEX%20Assisted%20Sales%20(SuiteShare)/instalando-o-widget-com-o-gtm-suiteshare_10.png"}}$

Pronto, a integração foi finalizada.