Integração Shopify
Adicione chatbots de IA, formulários de contato e acordeões de FAQ do ChatReact à sua loja Shopify com o app oficial ChatReact para Shopify.
Instalação
- Instale o app ChatReact na Shopify App Store
- Abra o app no seu painel admin Shopify
- Conecte-o à sua conta ChatReact
Funcionalidades
O app Shopify oferece três tipos de widgets:
| Widget | Descrição | Posicionamento |
|---|---|---|
| Chat Widget | Chatbot de IA com suporte a chat ao vivo | Global (todas as páginas) via App Embed |
| Form Widget | Formulários de contato com proteção anti-spam | Inline via App Block no Editor de Temas |
| FAQ Widget | Exibição de FAQ em estilo accordion | Inline via App Block no Editor de Temas |
Configurando o Chat Widget
O chat widget usa o recurso App Embed do Shopify para aparecer em todas as páginas:
- Vá para Online Store → Themes → Customize
- Clique em App embeds (ícone de peça de puzzle na barra lateral)
- Ative o ChatReact Chat Widget
- Insira seu Chatbot ID do painel do ChatReact
O chat widget agora aparecerá em todas as páginas da sua loja.
Atribuições do Widget
Nas configurações do app ChatReact, você pode controlar onde o chat widget aparece:
- Em todo lugar: O widget aparece em todas as páginas (padrão)
- Em todo lugar com exclusões: O widget aparece em todas as páginas exceto URLs especificados
- Páginas específicas: O widget aparece apenas nas páginas selecionadas
Adicionando Widgets de Formulário e FAQ
Os widgets de Formulário e FAQ são adicionados como App Blocks no Editor de Temas:
- Vá para Online Store → Themes → Customize
- Navegue até a página onde deseja o widget
- Clique em Add block e pesquise "ChatReact"
- Escolha ChatReact Form ou ChatReact FAQ
- Insira o Form ID ou Chatbot ID nas configurações do bloco
Estilização do Widget de Formulário
Personalize a aparência do formulário no Editor de Temas:
| Configuração | Opções |
|---|---|
| Alignment | Esquerda, Centro, Direita |
| Max Width | 200–1200px |
| Font Size | 12–28px |
| Margin Bottom | 0–120px |
Estilização do Widget de FAQ
| Configuração | Opções |
|---|---|
| Font Size | 12–28px |
| Margin Bottom | 0–120px |
Gerenciamento de Widgets
O app ChatReact no seu admin Shopify oferece três abas:
- Chat Widget Assignments — Gerencie em quais páginas o chat widget aparece
- Forms — Selecione qual formulário incorporar
- FAQ — Selecione as FAQs de qual chatbot exibir
Suporte a Idiomas
O app suporta todas as 24 línguas da UE. O idioma do widget é determinado pelas configurações de idioma do seu chatbot no ChatReact.
Desinstalação
Quando você desinstala o app ChatReact, todas as configurações de widgets e dados armazenados são automaticamente limpos da sua loja Shopify.