Chat

VTEX Assisted Sales (SuiteShare)

O que vamos ver aqui: Como criar um chat, personalizar e incorporar no site.

Tenha um chat sem filas e sem que o seu cliente fique esperando horas para ser atendido. Envie ele diretamente para o seu WhatsApp.

Para começar você deve ter criado os links que serão utilizados no seu atendimento e um link âncora.

Importante: Para criar um chat é preciso ter um captura ou um seletivo criado. Se você ainda não criou, acesse os nossos artigos.

Acesse “Atrair” > “Chat”

${"base64":"","img":{"width":544,"height":360,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":39055,"url":"//images.ctfassets.net/alneenqid6w5/7QkjjcJQEBynDhVtqSQHi/4a33ad632ba4d0c0913d2778e852cd6d/Screenshot_2022-08-29_at_17-02-02_Chat.png"}}$

Clique em “Novo”

${"base64":"","img":{"width":1304,"height":744,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":177258,"url":"//images.ctfassets.net/alneenqid6w5/3i0wj6QgqLwd1mqpIrN9Cj/e1951a2c9a93477b4c96f1b4afee0cc3/Screenshot_2022-08-29_at_17-02-07_Chat.png"}}$

Selecione qual será o link do seu chat :

${"base64":"","img":{"width":1318,"height":546,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":73522,"url":"//images.ctfassets.net/alneenqid6w5/5lcQyorVcU4ZFXsKJlerd5/7bb744985853675460e4775b1019d4d8/Screenshot_2022-08-29_at_17-02-12_Chat.png"}}$

Lembre-se: Ele pode ser uma Captura ou um Seletivo.

Defina o Layout:

${"base64":"","img":{"width":1098,"height":776,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":127508,"url":"//images.ctfassets.net/alneenqid6w5/45MgsdFohomYzP2atFignF/0bfab8a649f076cead3547d17957890d/Screenshot_2022-08-29_at_17-02-19_Chat.png"}}$

Você pode escolher as cores, mensagens e ir visualizando todas as alterações simultaneamente.

${"base64":"","img":{"width":1440,"height":977,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":419065,"url":"//images.ctfassets.net/alneenqid6w5/6v1BUpIM5UsdYmDisRjrLF/043369a7399ffd66dc76a97a088e570b/Screenshot_2022-08-29_at_17-02-28_Chat.png"}}$

Você também pode configurar o CTAs do seu chat, ou seja, definir quando ele vai abrir automaticamente para o seu cliente.

${"base64":"","img":{"width":842,"height":678,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":112867,"url":"//images.ctfassets.net/alneenqid6w5/fBbGQGQ0idJ21232uW63u/dc35acc6cac9ee80a7ba1d6d36552d50/Screenshot_2022-08-29_at_17-02-34_Chat.png"}}$

Veja um exemplo de “Houver uma intenção de sair da página”

${"base64":"","img":{"width":1440,"height":745,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":1317999,"url":"//images.ctfassets.net/alneenqid6w5/4mhPnDPQXDhbBAGXb3mVyw/be5f484fcca61f4b2f9553e51bd9e4a6/Screenshot_2022-08-29_at_17-02-42_Chat.png"}}$

Defina onde mostrar o chat no seu site ou quando ele não irá aparecer:

${"base64":"","img":{"width":986,"height":870,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":133740,"url":"//images.ctfassets.net/alneenqid6w5/2dodZaa9eN1w5OszTVRgxp/88cc53edda282f4c0954aaae18dc9915/Screenshot_2022-08-29_at_17-02-49_Chat.png"}}$

Depois de definir o layout e os gatilhos, clique em “Salvar”

Para inserir o chat no seu site, acesse na aba “Chat” e clique no seletor e clique em “instruções de instalação” :

${"base64":"","img":{"width":1294,"height":414,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":73325,"url":"//images.ctfassets.net/alneenqid6w5/6AOJ9KqJxYgGtIG8b856Bu/81d1968ccebbfb72e35193a4a12150b4/Screenshot_2022-08-29_at_17-02-57_Chat.png"}}$

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

${"base64":"","img":{"width":982,"height":1096,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":194044,"url":"//images.ctfassets.net/alneenqid6w5/5VggBGuNNuPxGkNS6RtMQR/4b3b14a171a47d9aad8cf73cff31faac/Screenshot_2022-08-29_at_17-03-03_Chat.png"}}$

E pronto, qualquer alteração feita no Chat dentro do painel da Suiteshare, já será alterado automaticamente no chat do seu site.