Intégration Shopify
Ajoutez des chatbots IA, des formulaires de contact et des accordéons FAQ ChatReact à votre boutique Shopify avec l'application officielle ChatReact Shopify.
Installation
- Installez l'application ChatReact depuis le Shopify App Store
- Ouvrez l'application dans votre panneau d'administration Shopify
- Connectez-la à votre compte ChatReact
Fonctionnalités
L'application Shopify fournit trois types de widgets :
| Widget | Description | Placement |
|---|---|---|
| Widget Chat | Chatbot IA avec support live chat | Global (toutes les pages) via App Embed |
| Widget Formulaire | Formulaires de contact avec protection anti-spam | Inline via App Block dans le Theme Editor |
| Widget FAQ | Affichage FAQ en style accordéon | Inline via App Block dans le Theme Editor |
Configuration du widget Chat
Le widget chat utilise la fonctionnalité App Embed de Shopify pour apparaître sur toutes les pages :
- Allez dans Online Store → Themes → Customize
- Cliquez sur App embeds (icône puzzle dans la barre latérale)
- Activez le ChatReact Chat Widget
- Entrez votre ID de Chatbot depuis le tableau de bord ChatReact
Le widget chat apparaîtra maintenant sur toutes les pages de votre boutique.
Attributions de widgets
Dans les paramètres de l'application ChatReact, vous pouvez contrôler où le widget chat apparaît :
- Partout : Le widget apparaît sur toutes les pages (par défaut)
- Partout avec exclusions : Le widget apparaît sur toutes les pages sauf les URLs spécifiées
- Pages spécifiques : Le widget n'apparaît que sur les pages sélectionnées
Ajout de widgets Formulaire et FAQ
Les widgets Formulaire et FAQ sont ajoutés en tant que App Blocks dans le Theme Editor :
- Allez dans Online Store → Themes → Customize
- Naviguez vers la page où vous souhaitez le widget
- Cliquez sur Ajouter un bloc et recherchez "ChatReact"
- Choisissez ChatReact Form ou ChatReact FAQ
- Entrez l'ID du Formulaire ou l'ID du Chatbot dans les paramètres du bloc
Style du widget Formulaire
Personnalisez l'apparence du formulaire dans le Theme Editor :
| Paramètre | Options |
|---|---|
| Alignement | Gauche, Centre, Droite |
| Largeur max | 200–1200px |
| Taille de police | 12–28px |
| Marge inférieure | 0–120px |
Style du widget FAQ
| Paramètre | Options |
|---|---|
| Taille de police | 12–28px |
| Marge inférieure | 0–120px |
Gestion des widgets
L'application ChatReact dans votre admin Shopify fournit trois onglets :
- Attributions du widget Chat — Gérez quelles pages affichent le widget chat
- Formulaires — Sélectionnez quel formulaire intégrer
- FAQ — Sélectionnez les FAQ de quel chatbot afficher
Support linguistique
L'application prend en charge les 24 langues de l'UE. La langue du widget est déterminée par les paramètres linguistiques de votre chatbot ChatReact.
Désinstallation
Lorsque vous désinstallez l'application ChatReact, toutes les configurations de widgets et les données stockées sont automatiquement nettoyées de votre boutique Shopify.