Si vous avez un site web Shopify, vous pouvez installer le widget de chat Conversations en copiant et en collant son code d'installation dans le code de votre site web. 

Avant de commencer

Connectez-vous à votre compte administrateur Shopify.

🔐 Partie 1 : récupérer le code du widget de chat

Pour installer le widget de chat Conversations sur votre site web Shopify, vous devez récupérer le code du widget dans Conversations : 

1. Depuis votre compte Brevo, accédez à Conversations > Paramètres > Widget de chat.
2. Cliquez sur Installer le widget de chat.
   
3. Personnalisez l'apparence de votre widget de chat et configurez votre profil d'agent :
   
   Pour en savoir plus sur la personnalisation de votre widget de chat et de votre profil, consultez nos articles dédiés Personnaliser l'apparence de votre widget de Chat et Personnaliser votre profil d'opérateur du Chat.
4. À l'étape Installation, choisissez d'installer Manuellement votre widget de chat et cliquez sur Continuer. 
   
   
5. Copiez le code du widget de chat Conversations.
   

Maintenant que vous avez copié le code d'installation du widget de chat Conversations, vous pouvez accéder à votre compte Shopify pour l'installer. 

⚙️ Partie 2 : installer le widget de chat sur votre site web Shopify

1. Accédez à votre compte administrateur Shopify. 
2. Cliquez sur Boutique en ligne > Thèmes pour accéder aux paramètres de thème de votre site web. 
3. Cliquez sur Personnaliser. 
   
4. Depuis le thème de votre site web, cliquez sur l'icône à trois points > Modifier le code en haut à gauche de votre écran. Cela vous redirige vers le code du thème de votre site web.
   
5. Dans le panneau de gauche, choisissez le fichier </> theme.liquid et faites défiler la page pour accéder à la fin de votre code. 
6. Juste avant la balise </head>, collez le code du widget de chat Conversations que vous avez copié dans la partie 1. 
7. Si vous voulez voir le contenu du panier de votre visiteur lorsque vous discutez avec lui, copiez le code suivant et collez-le sous le code du widget de chat Conversations, avant la balise </head> :
   <script src="https://conversations-widget.brevo.com/static/js/shopify.js" async></script>
   
8. Cliquez sur Enregistrer.
9. Ouvrez votre site web Shopify pour lancer votre widget de chat et voir à quoi il ressemble.

Félicitations ! 🎉 Vous pouvez maintenant utiliser les fonctionnalités que Conversations offre pour le widget de chat et commencer à discuter avec les visiteurs de votre site web en temps réel ! 

⏩ Et après ?

• Définir des éléments de personnalisation avancés pour votre widget de Chat
• Définir des paramètres de disponibilité différents pour chaque agent
• Comprendre la page Visiteurs en ligne
• Comprendre la différence entre les statuts En ligne, Hors ligne et Invisible
• Comprendre la différence entre les modes Live Chat et Messagerie
• Modifier mes paramètres de notifications Conversations
• Configurer des scénarios Chatbot
• Série d'articles sur le bot de formulaire de contact
• Désactiver votre widget de Chat au besoin

🤔 Vous avez des questions ?

Pour toute question, n’hésitez pas à contacter notre service client en créant un ticket à partir de votre compte. Si vous n’avez pas encore de compte, vous pouvez nous contacter ici.

Si vous avez besoin d'aide pour un projet impliquant Brevo, nous pouvons vous mettre en relation avec un Partenaire Brevo certifié.