Menu
Feedback
Comece aqui
Tutoriais
Portal do desenvolvedor

Problemas conhecidos
Diretivas de suporte
Troubleshooting

Perguntas frequentes
Comunicados
Tutoriais
Tutoriais
Explore tutoriais detalhados para operar sua loja VTEX.
Tutoriais
Conversational Commerce
VTEX Assisted Sales (SuiteShare)
Call to Action
Call to Action

Não perca clientes que acessam o seu site, ou sua página de vendas e tenha alertas que aumentam suas conversões no WhatsApp que aparecem quando seu cliente tem a intenção de sair da sua página ou já esteja a um bom tempo no site. 

Para configurar, acesse seu painel do VTEX Assisted Sales (SuiteShare) e clique em Atrair > Call to Action.

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

Clique em “Novo”.

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

Selecione o modelo.

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

Clique na opção de selecionar o modelo e escolha uma das opções.

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

Defina o “Layout”.

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

Imagem: Você pode editar a imagem inserindo uma imagem com URL válida. Defina o Título que irá chamar o cliente e a Descrição do CTA. 

Defina as configurações do Botão

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

Qual será o link que ele será encaminhado quando o cliente clicar. 

Texto do botão que irá atrair o seu cliente. 

Defina configurações, como por exemplo: Se o botão será centralizado ou não e também o tipo de animação.

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

Defina se irá habilitar o Overlay , ou seja , se vai sobressair a tela (deixando o restante da tela escura). 

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

Faça a configuração para mobile.

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

Defina os gatilhos de exibição do seu CTA.

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

Defina em quais locais do seu site irá aparecer a mensagem ou onde não irá aparecer: 

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

Antes de clicar em “Salvar” clique em “preview” para confirmar todas as alterações.

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

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

Se não houver nenhuma alteração, clique em “Salvar”

NOTA: Se você já tiver o código do chat instalado no seu site, não será preciso realizar nenhuma alteração, agora se você não tiver basta acessar esse link para ver as configurações de instalação.

Contribuidores
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
Isso foi útil?
Sim
Não
Sugerir edições (GitHub)
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