Menu
Feedback
Comece aqui


Tutoriais
Explore tutoriais detalhados para operar sua loja VTEX.
Tutoriais
Conversational Commerce
VTEX Assisted Sales (SuiteShare)
Widget

Aproveite os benefícios de um botão estático: direcionamento simples e direto para o WhatsApp.

O Widget leva os leads para um link específico de WhatsApp ou até mesmo para uma sequência de atendimento entre vários atendentes.

Tenha um atendimento sem filas e evite que o seu cliente espere horas para ser atendido. Envie os leads diretamente para o seu WhatsApp.

Para começar a configuração, você deve ter criado anteriormente os links da sequência de atendimento, ou o link que deseja utilizar no seu atendimento.

Dúvidas sobre como criar os links?

Para configurar o Widget, acesse o menu Atrair > Widget:

{"base64":"  ","img":{"width":410,"height":736,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":74178,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/Conversational%20Commerce/VTEX%20Assisted%20Sales%20(SuiteShare)/widget_1.png"}}

Clique em Novo.

{"base64":"  ","img":{"width":1440,"height":624,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":81521,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/Conversational%20Commerce/VTEX%20Assisted%20Sales%20(SuiteShare)/widget_2.png"}}

Selecione qual será o link do seu Widget:

{"base64":"  ","img":{"width":1344,"height":660,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":85042,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/Conversational%20Commerce/VTEX%20Assisted%20Sales%20(SuiteShare)/widget_3.png"}}

Lembrando: Seu widget ficará disponível para visualização durante a configuração para que você acompanhe as alterações simultaneamente, no canto inferior direito.

Defina agora as configurações:

{"base64":"  ","img":{"width":1344,"height":1052,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":122203,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/Conversational%20Commerce/VTEX%20Assisted%20Sales%20(SuiteShare)/widget_4.png"}}

Entre as opções, é possível definir o tamanho do Widget, se ficará posicionado no canto inferior esquerdo ou direito e também, se terá ícone ou título, balão com mensagem ou não.

Dica: explore todas as opções para escolher qual se adequa ao seu objetivo.

Você também pode configurar Gatilhos para o seu Widget, ou seja, definir quando ele ficará visivel ou não para o seu cliente. 

{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAACCAIAAADwyuo0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAH0lEQVR4nGPg5uaeP3/+9evXjxw5wiAtLR0VFf0aDACZWg2y81kzVgAAAABJRU5ErkJggg==","img":{"src":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/Conversational%20Commerce/VTEX%20Assisted%20Sales%20(SuiteShare)/widget_5.png","width":1276,"height":648,"type":"png"}}

Defina em quais páginas do seu site o Widget aparecerá:

{"base64":"  ","img":{"width":1250,"height":592,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":77317,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/Conversational%20Commerce/VTEX%20Assisted%20Sales%20(SuiteShare)/widget_6.png"}}

É possível definir também se o clique no Widget direcionará seu cliente para uma nova aba, ou se o link destino será aberto na mesma aba.

{"base64":"  ","img":{"width":1242,"height":310,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":50038,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/Conversational%20Commerce/VTEX%20Assisted%20Sales%20(SuiteShare)/widget_7.png"}}

Após definir as configurações, gatilhos e ação do clique, acesse “Salvar”

Para instalar o Widget no seu site, acesse o menu \"Widget\" e depois em \"Instalação\":

{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAIAAAB2XpiaAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAFklEQVR4nGP4/f3Lqh2rGLgZ3v14DQA2MgfP4KvGygAAAABJRU5ErkJggg==","img":{"src":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/Conversational%20Commerce/VTEX%20Assisted%20Sales%20(SuiteShare)/widget_8.png","width":668,"height":138,"type":"png"}}

Basta clicar em \"copiar código\" e colar o código fornecido no “Body” do painel administrativo do seu site:

{"base64":"  ","img":{"width":1288,"height":646,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":165326,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/Conversational%20Commerce/VTEX%20Assisted%20Sales%20(SuiteShare)/widget_9.png"}}

E pronto, qualquer ajuste dentro do painel do VTEX Assisted Sales (SuiteShare), seá atualizado automaticamente no seu site, sem que seja necessária qualquer alteração no script.

Contribuidores
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
Isso foi útil?
Sim
Não
Sugerir edições (GitHub)
Links
« Previous
Seletivo
Next »
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 comunidade VTEX.
Junte-se à nossa comunidade
Solicite suporte à VTEX
Para assistência personalizada, entre em contato com nossos especialistas.
Abra um ticket de suporte
GithubDeveloper portalComunidadeFeedback