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":"//images.ctfassets.net/alneenqid6w5/plu5lwBYTbLY02fyz1orV/42c0462dfe1cf8bbb2990a684992cbb9/Screenshot_2022-08-26_at_16-48-30_Widget.png"}}

Clique em Novo.

{"base64":"","img":{"width":1440,"height":624,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":81521,"url":"//images.ctfassets.net/alneenqid6w5/5gdzo6cmPcnahgjsNBggVm/625f4267163a0acd29e77357a29591de/Screenshot_2022-08-26_at_16-48-35_Widget.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":"//images.ctfassets.net/alneenqid6w5/3KLP64x03ZXU08YUj91rWO/7f4164e710339ea907d081da684e5a20/Screenshot_2022-08-26_at_16-52-25_Widget.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":"//images.ctfassets.net/alneenqid6w5/4jdAfiLbtqcX6PjueiA6nk/46ad924295bd825ca9629270d2041d42/Screenshot_2022-08-26_at_16-52-32_Widget.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":"","img":{"width":1276,"height":648,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":108299,"url":"//images.ctfassets.net/alneenqid6w5/3Adkuu3v93Bi7t0boSDTrN/e1e66f29e390c15bde4d2e1cf6b7d3d4/Screenshot_2022-08-26_at_16-52-38_Widget.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":"//images.ctfassets.net/alneenqid6w5/3tfk4LFq53xFe71wCzaKl7/82271947ed49cd1ce205d2860dc19ec7/Screenshot_2022-08-26_at_16-52-41_Widget.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":"//images.ctfassets.net/alneenqid6w5/01vdpRCpknmKAuCn4Vepve/8272a56f4daf91e749bd35c8b2a461b9/Screenshot_2022-08-26_at_16-52-46_Widget.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":"","img":{"width":668,"height":138,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":19372,"url":"//images.ctfassets.net/alneenqid6w5/14g7BJkYhfCrn5l2W4GQB5/c1929880319410d55d389976bd1ba456/Screenshot_2022-08-26_at_16-52-51_Widget.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":"//images.ctfassets.net/alneenqid6w5/6S6gSymknb9qibSStoAINz/d76815718ce166b4b922519224a9316c/Screenshot_2022-08-26_at_16-52-56_Widget.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
1
Photo of the contributor
+ 1 contributors
Isso foi útil?
Sim
Não
Sugerir edições (GitHub)
Links
« Anterior
Seletivo
Próximo »
Contribuidores
1
Photo of the contributor
+ 1 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