Aller au contenu

Shopify

Dernière mise à jour :

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

Temps de réalisation : ~2 minutes


Il y a deux façons de le faire :

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

Section intitulée « Option A (recommandée) : depuis l’App Quickchat AI »

Allez sur Quickchat AI AppVotre 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.

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

Capture d'écran : Page Thèmes avec le bouton Customize mis en surbrillance


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

Capture d'écran : Panneau App embeds

Trouvez Quickchat AI Widget et activez-le.

Capture d'écran : Activer Quickchat AI dans l'Éditeur de Thème

Puis cliquez sur Save (en haut à droite).

Capture d'écran : Bouton Save dans l'Éditeur de Thème


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 🎉


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.

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

Modifier le code du thème

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

Ouvrir 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.

Ouvrir theme.liquid

  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>