---
description: Apprenez à installer un widget de chat en ligne sur votre boutique Shopify.
title: Installer le widget de chat du site web sur Shopify
image: https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F3f43c48b21b24f4e8b02b100c0c8fab0
---

[Nouveau🤖 Les agents IA sont désormais en ligne sur respond.io! Rencontrez votre nouvel agent de réception, agent des ventes ou d'assistance. En savoir plus.![arrow-icon](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2Fe43213a7a9314673bd8d2060c25f9b87)](/fr/whatsapp-business-calling-api)

Aidez-moi avec... ⌘ 

1. [All Collections >](/fr/help)
2. [ Canaux >](/fr/help/channels)
3. [ Widget de chat du site web >](/fr/help/website-chat-widget)
4. Installer le widget de chat du site web sur Shopify

# Installer le widget de chat du site web sur Shopify

![Avatar](https://assets2-proxy.respond.io/ph8r57dk1q9w/7tin8k9c1emscQGOhIuNbC/0ed3f91c8580c4e5dfa90f035355122e/Petrina_Jo_avatar.svg)

JQ Lee

· 09 May 2025

moins d'une minute de lecture

Ajouter un widget de chat en ligne à votre boutique Shopify est un processus rapide et facile. Il ne nécessite aucune compétence de codage ni aucune connaissance technique. 

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/4g8hW8m6uO1gSyElwlebfS/067c4806e0789fd1cef13b1ecfe7e065/shopify-logo.png?fm=avif&w=1000) 

## Mise en place pour l'installation

Pour installer un widget de chat en ligne sur Shopify, vous aurez besoin des éléments suivants :

* Accédez à votre compte [Shopify](https://accounts.shopify.com/store-login).
* Un extrait de code pour votre widget de chat en ligne.

Si vous n'avez pas déjà un extrait de code, vous le générerez lors de la création d'un [widget de chat web](https://respond.io/fr/help/website-chat-widget/website-chat-widget-overview) ou en utilisant le [plugin de chat Facebook](https://respond.io/fr/help/facebook-messenger/facebook-chat-plugin) pour [Facebook Messenger](https://respond.io/fr/help/facebook-messenger/facebook-messenger-overview).

> Si vous avez déjà connecté les canaux sur la plateforme respond.io et que vous devez récupérer le code généré, suivez les [instructions ici](https://respond.io/fr/help/website-chat-widget/website-chat-widget-overview#finding%5Fthe%5Fwebsite%5Fchat%5Fwidget%5Fcode%5Fafter%5Fconnecting%5Fthe%5Fchannel).

## Installation sur Shopify

**Étape 1 : Connectez-vous à Shopify**

Connectez-vous à votre compte [Shopify](https://accounts.shopify.com/store-login) et cliquez sur "Boutique en ligne" dans la barre de navigation.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/7tRcn0OXfRGQUMZjFjphGO/501489927f139ed86837a55efd2c8faf/Screenshot_2025-05-09_at_9.45.09_AM.png?fm=avif&w=1000) 

**Étape 2 : Cliquez sur Modifier le code**

Naviguez vers la section Thèmes. Ici, cliquez sur le menu déroulant Actions et sélectionnez l'option Modifier le Code.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/3cn3wZrdJVpQjhuXsIe706/ec513e34543161d111e48851eb599f06/Screenshot_2025-05-09_at_9.39.10_AM.png?fm=avif&w=1000) 

**Étape 3 : Coller le script**

Copiez votre script de plugin depuis la plate-forme respond.io. Dans le panneau de gauche de la page Modifier le code, cliquez sur le dossier **Sections** pour l'expandir. Appuyez sur la section **footer.liquid** et collez le script du plugin de chat.

Une fois que vous avez collé le script dans la section appropriée, appuyez sur le bouton violet **Enregistrer** en haut à gauche.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/70gjY4BLtHDpF6SjG0APKT/8863b7fd0ec2ad0599ea4327059debae/Screenshot_2025-05-09_at_9.38.15_AM.png?fm=avif&w=1000) 

**Terminé !**

Ouvrez le site Web et consultez le plugin de chat. Vous le trouverez dans le coin inférieur droit. Désormais, les visiteurs de votre site Web peuvent discuter facilement avec vous. Si vous avez utilisé les extraits de code générés à partir de la plateforme respond.io, vous pourrez gérer les conversations et mettre à jour l'apparence du widget depuis la plateforme.

> Le widget de chat est maintenant actif sur votre site web.

> **Note**: Si vous utilisez un thème externe et que le widget ne fonctionne pas, essayez d'intégrer le code du site sous la section **theme.liquid** avant **</body>**.

Partager cet article

[![Telegram](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F44daca77a4844f0c8fd29040ddeba057?width=22)](https://api.whatsapp.com/send?text=https://respond.io/help/website-chat-widget/install-on-shopify)[![Facebook](https://assets1-proxy.respond.io/api/v1/image/assets/11f7a662b80a4675973850b067c01fa5/fff57eeb01160bc604392f519b4f3461ca16f0fa1b6a587b20b142cdf1ad0ba7?placeholderIfAbsent=true&width=22)](https://www.facebook.com/sharer/sharer.php?u=https://respond.io/help/website-chat-widget/install-on-shopify)[![Linkedin](https://assets1-proxy.respond.io/api/v1/image/assets/11f7a662b80a4675973850b067c01fa5/7aaf8d87b5410844d83e06a4ed663e4f551b8c5ef51dbb20a8ff064a1eed9a0f?placeholderIfAbsent=true&width=22)](https://www.linkedin.com/sharing/share-offsite/?url=https://respond.io/help/website-chat-widget/install-on-shopify)[![Twitter](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F4e03e02422a94e8eab9b8b41457c2371?width=22)](http://twitter.com/share?url=https://respond.io/help/website-chat-widget/install-on-shopify)

## 

Articles connexes 👩‍💻

* [Installer le widget de chat du site Web sur SquarespaceApprenez à installer un widget de chat en ligne sur votre site Web Squarespace. ](/fr/help/website-chat-widget/install-on-squarespace)
* [Installer le widget de chat du site Web sur JoomlaApprenez à installer un widget de chat en ligne sur votre site Joomla. ](/fr/help/website-chat-widget/install-on-joomla)
* [Installer le widget de chat sur le site WixApprends à installer un widget de chat sur ton site Wix. ](/fr/help/website-chat-widget/install-on-wix)
* [Installer le widget de chat du site Web sur WordPressApprenez à installer un widget de chat en ligne sur votre site WordPress. ](/fr/help/website-chat-widget/install-on-wordpress)
* [Démarrage rapide du widget de chat du site Web.Ajoutez le widget de chat du site Web respond.io à votre site. ](/fr/help/website-chat-widget/website-chat-widget)

Vous ne trouvez pas ce que vous recherchez? 🔎

[Contacter le support technique](/fr/contact-us)

2025-12-05T03:57:45.392Z

help

```json
[{"@context":"https://schema.org","@type":"TechArticle","articleBody":"Apprenez à installer un widget de chat en ligne sur votre boutique Shopify.","author":{"@type":"Person","image":"https://assets2-proxy.respond.io/ph8r57dk1q9w/7tin8k9c1emscQGOhIuNbC/0ed3f91c8580c4e5dfa90f035355122e/Petrina_Jo_avatar.svg","name":"JQ Lee","url":"https://respond.io/fr/author"},"dateCreated":"2023-02-27T08:55:38.000Z","dateModified":"2025-05-09T08:17:09.018Z","datePublished":"2023-02-27T08:55:38.000Z","headline":"Installer le widget de chat du site web sur Shopify","image":"https://assets2-proxy.respond.io/ph8r57dk1q9w/4g8hW8m6uO1gSyElwlebfS/067c4806e0789fd1cef13b1ecfe7e065/shopify-logo.png","mainEntityOfPage":"https://respond.io/fr/help/website-chat-widget","publisher":{"@type":"Organization","logo":"https://respond.io/favicon/favicon.svg","name":"respondio"},"thumbnailUrl":"https://assets2-proxy.respond.io/ph8r57dk1q9w/4g8hW8m6uO1gSyElwlebfS/067c4806e0789fd1cef13b1ecfe7e065/shopify-logo.png","url":"https://respond.io/fr/help/website-chat-widget/install-on-shopify"},{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","name":"Help","item":"https://respond.io/fr/help","position":1},{"@type":"ListItem","name":"Canaux","item":"https://respond.io/fr/help/channels","position":2},{"@type":"ListItem","name":"Widget de chat du site web","item":"https://respond.io/fr/help/website-chat-widget","position":3},{"@type":"ListItem","name":"Installer le widget de chat du site web sur Shopify","item":"https://respond.io/fr/help/website-chat-widget/install-on-shopify","position":4}]}]
```
