Integración con Shopify
Añada chatbots de IA, formularios de contacto y acordeones de FAQ de ChatReact a su tienda Shopify con la app oficial de ChatReact para Shopify.
Instalación
- Instale la app ChatReact desde la Shopify App Store
- Abra la app en su panel de administración de Shopify
- Conéctela a su cuenta de ChatReact
Funcionalidades
La app de Shopify ofrece tres tipos de widgets:
| Widget | Descripción | Ubicación |
|---|---|---|
| Chat Widget | Chatbot de IA con soporte de chat en vivo | Global (todas las páginas) vía App Embed |
| Form Widget | Formularios de contacto con protección contra spam | En línea vía App Block en el Editor de Temas |
| FAQ Widget | Visualización de FAQ en formato acordeón | En línea vía App Block en el Editor de Temas |
Configurar el Chat Widget
El chat widget usa la función App Embed de Shopify para aparecer en todas las páginas:
- Vaya a Online Store → Themes → Customize
- Haga clic en App embeds (icono de pieza de puzzle en la barra lateral)
- Active el ChatReact Chat Widget
- Introduzca su Chatbot ID desde el panel de ChatReact
El chat widget aparecerá ahora en todas las páginas de su tienda.
Asignaciones del Widget
En los ajustes de la app de ChatReact, puede controlar dónde aparece el chat widget:
- En todas partes: El widget aparece en todas las páginas (predeterminado)
- En todas partes con exclusiones: El widget aparece en todas las páginas excepto en las URLs especificadas
- Páginas específicas: El widget solo aparece en las páginas seleccionadas
Añadir Widgets de Formulario y FAQ
Los widgets de formulario y FAQ se añaden como App Blocks en el Editor de Temas:
- Vaya a Online Store → Themes → Customize
- Navegue a la página donde desea el widget
- Haga clic en Add block y busque "ChatReact"
- Elija ChatReact Form o ChatReact FAQ
- Introduzca el Form ID o Chatbot ID en los ajustes del bloque
Estilizado del Widget de Formulario
Personalice la apariencia del formulario en el Editor de Temas:
| Ajuste | Opciones |
|---|---|
| Alignment | Izquierda, Centro, Derecha |
| Max Width | 200–1200px |
| Font Size | 12–28px |
| Margin Bottom | 0–120px |
Estilizado del Widget de FAQ
| Ajuste | Opciones |
|---|---|
| Font Size | 12–28px |
| Margin Bottom | 0–120px |
Gestión de Widgets
La app de ChatReact en su panel de Shopify ofrece tres pestañas:
- Chat Widget Assignments — Gestione en qué páginas se muestra el chat widget
- Forms — Seleccione qué formulario incrustar
- FAQ — Seleccione las FAQs de qué chatbot mostrar
Soporte de Idiomas
La app soporta los 24 idiomas de la UE. El idioma del widget se determina por la configuración de idioma de su chatbot en ChatReact.
Desinstalación
Cuando desinstale la app de ChatReact, todas las configuraciones de widgets y datos almacenados se limpian automáticamente de su tienda Shopify.