Shopify

Dans ce guide, nous vous montrerons comment ajouter le Widget Quickchat AI à votre boutique Shopify.

Ce dont vous aurez besoin

• Une boutique Shopify
• L’application Shopping Agent by Quickchat AI installée depuis le Shopify App Marketplace (si vous ne voulez pas l’installer et préférez la connecter manuellement, descendez à la deuxième partie du tutoriel)
• Permission utilisateur pour modifier les thèmes

Temps de réalisation : ~2 minutes

---

Étape 1 : Ouvrez votre Éditeur de Thème

Il y a deux façons de le faire :

Option A (recommandée) : depuis l’App Quickchat AI

Allez sur Quickchat AI App → Votre site web → onglet Install → cliquez sur Embed in your Shopify Store.

Cela ouvre l’Éditeur de Thème de votre boutique directement sur la page où l’intégration de l’app peut être activée.

Option B : depuis l’Admin Shopify

Allez sur Shopify Admin → Online Store → Themes → sur votre thème actuel cliquez sur Customize.

---

Étape 2 : Activer l’intégration de l’app

Dans l’Éditeur de Thème, ouvrez la barre latérale gauche et allez à App embeds.

Trouvez Quickchat AI Widget et activez-le.

Puis cliquez sur Save (en haut à droite).

---

Étape 3 : Confirmez sur votre vitrine

Ouvrez votre vitrine (aperçu ou site en direct) et cherchez la bulle de chat Quickchat AI dans le coin inférieur droit de la page.

C’est tout !

L’Agent Quickchat AI est en direct sur la Boutique Shopify 🎉

---

Comment ajouter manuellement un script de widget

Si vous ne voulez pas installer notre App Shopify parce que vous avez déjà un Agent IA construit dans l’App Quickchat AI, vous pouvez ajouter un script simple qui l’affiche sur votre Boutique Shopify.

Avez-vous déjà connecté votre IA aux données Shopify ?

Pour connecter votre Agent IA aux données de votre boutique Shopify comme le catalogue de produits et le panier, veuillez faire ce qui suit :

1. Collez le lien de votre boutique sur cette page : quickchat.ai/shopify
2. Revendiquez-le, personnalisez-le et intégrez-le sur votre site

1. Ouvrez l’éditeur de code du thème

1. Allez sur votre Panneau d’Administration Shopify.
2. Dans le menu de gauche, cliquez sur Online Store → Themes.

3. Dans la section “Current theme”, cliquez sur les trois points (⋯) à côté du bouton Customize.
4. Sélectionnez Edit code dans le menu déroulant.

2. Trouvez theme.liquid

1. Dans l’éditeur de code, développez le dossier layout à gauche.
2. Cliquez sur theme.liquid pour ouvrir le fichier de mise en page principal de votre thème.

3. Collez le script

1. Dans l’App Quickchat, naviguez vers Your Website → Install.
2. Copiez le script généré.
3. Collez-le juste au-dessus de la balise </body> à la fin du fichier theme.liquid.

<script>
  window.__quickchat = {
    host: "app.quickchat.ai",
    init: "YOUR_AI_ID_HERE",
  };
</script>