Como adicionar o chat widget da CXWizard à sua loja Shopify

Este guia mostra como criar o chat widget da CXWizard, copiar o código de incorporação e colá-lo no tema da Shopify para que seus clientes conversem com seu agente de IA.

Parte 1: Criar o chat widget na CXWizard

1. No painel da CXWizard, vá em Integrations → Website Widget.
   • Ou abra este link diretamente: https://cxwizard.app/dashboard/integrations/website-widget
2. Personalize o widget:
   • Dê um nome
   • Defina a posição do widget
   • Adicione botões de ação rápida (opcional, mas recomendado)
   • Escolha a cor do tema
   • Clique em Save

Após salvar, você verá o embed code. Copie-o (você colará na Shopify na parte 2).

Parte 2: Adicionar o widget à sua loja Shopify

1. Na barra lateral do admin da Shopify, clique em Online Store → Themes.
2. Clique em Edit theme.

3. Abra o menu suspenso com o nome da sua loja (como na imagem) e escolha Edit code.

4. No explorador de arquivos à esquerda:
   • Expanda a pasta layout
   • Clique no arquivo theme.liquid (ou use a barra de pesquisa do editor)

5. Role até o final do arquivo.
   • Cole o código do chat widget da CXWizard logo antes da tag de fechamento </body>.
   • Clique em Save (canto superior direito) ou pressione Ctrl + S (Command + S no Mac).

6. Feche a aba do editor e acesse a vitrine da sua loja Shopify para verificar se o chat widget aparece.

Ativar a IA do widget

Para a IA funcionar no chat widget, você precisa criar um agente e selecionar “Website widget” como canal de mensagens.

Leia este artigo para conectar os dados da sua loja Shopify e permitir que o agente recomende produtos e ajude com pedidos: Conectar sua loja Shopify ao CXWizard.