<?xml version="1.0" encoding="UTF-8"?>
<page lang="fr" url="https://spoki.com/fr/blog/widget-chat-whatsapp-wordpress-shopify-cms">
  <meta>
    <title>Comment ajouter un widget chat WhatsApp gratuit à WordPress, Shopify et autres CMS</title>
    <page>blog/widget-chat-whatsapp-wordpress-shopify-cms</page>
    <language>fr</language>
    <generated_at>2026-04-18T19:59:29.875Z</generated_at>
    <formats>
      <html>https://spoki.com/fr/blog/widget-chat-whatsapp-wordpress-shopify-cms</html>
      <markdown>https://spoki.com/fr/blog/widget-chat-whatsapp-wordpress-shopify-cms.md</markdown>
      <json>https://spoki.com/fr/blog/widget-chat-whatsapp-wordpress-shopify-cms.json</json>
      <xml>https://spoki.com/fr/blog/widget-chat-whatsapp-wordpress-shopify-cms.xml</xml>
    </formats>
  </meta>
  <sections>
    <section level="1" heading="Comment ajouter un widget chat WhatsApp gratuit à WordPress, Shopify et autres CMS">
      <text><![CDATA[**Author:** Spoki | **Published:** 18/02/2026

*Ajoutez un widget chat WhatsApp à WordPress, Shopify ou autre CMS. Click-to-chat, modèles et conformité. Guide pas à pas avec Spoki.*

---

Un **widget** **chat** **WhatsApp** sur votre **site** permet aux **visiteurs** de démarrer une **conversation** en un **clic**, sans enregistrer votre numéro ni quitter la page. Ajouter un **widget** **WhatsApp** à **WordPress**, **Shopify** ou d’autres **CMS** est simple si vous utilisez une **plateforme** qui fournit **click-to-chat** et premiers **messages** basés sur **modèles** pour rester **conforme** à l’**API WhatsApp Business**.

Ce guide explique comment ajouter un **widget** **chat** **WhatsApp** **gratuit** à **WordPress**, **Shopify** et d’autres **sites** **CMS** : ce qu’il vous faut (accès **API**, **modèles**), comment installer le **widget** (plugin, script ou **lien**) et comment gérer le premier **message** et les **conversations**. Pour des **solutions** incluant **widget** et **API** **WhatsApp**, voir [solutions Spoki](https://spoki.com/fr/solutions) et [fonctionnalités](https://spoki.com/fr/features).]]></text>
    </section>
    <section level="2" heading="Ce qu’il vous faut avant d’ajouter le widget">
      <text><![CDATA[Pour afficher un **widget** **chat** **WhatsApp** qui démarre de vraies **conversations** (pas seulement un **lien** **click-to-chat** qui ouvre l’app avec un texte prérempli), il vous faut en général :

- **Accès à l’API WhatsApp Business :** Direct ou via un **BSP** (Business Solution Provider). L’**API** est requise pour les premiers **messages** basés sur **modèles** et la gestion des **conversations** à l’échelle.

- **Modèle approuvé :** Le premier **message** à un **contact** doit être un **modèle** **approuvé**. Vous utiliserez un **modèle** (ex. **bienvenue**, « Bonjour, comment pouvons-nous vous aider ? ») pour les **clics** sur le **widget** afin que la **conversation** démarre de façon **conforme**.

- **Widget ou plugin :** Un **widget** (bouton flottant, **lien** **click-to-chat** ou **plugin**) qui ouvre **WhatsApp** avec le bon **modèle** ou texte **prérempli** et, si besoin, connecte les **réponses** à votre **inbox** ou **CRM**.

Les **plateformes** comme Spoki fournissent l’accès **API**, la gestion des **modèles** et des options **widget**/intégration pour **WordPress** et d’autres **sites**. Pour [cas d’usage](https://spoki.com/fr/use-cases) et [support client](https://spoki.com/fr/customer-support), voir les liens.

**Gratuit vs payant :** Un **widget** « **gratuit** » signifie souvent aucun coût supplémentaire pour le **widget** lui-même ; vous pouvez avoir besoin de l’accès à l’**API WhatsApp Business** (souvent via **BSP** ou **plateforme** facturant l’usage **API** ou les **conversations**). Certaines **plateformes** proposent un niveau **gratuit** ou **essai** pour tester **widget** et **modèles** avant de scaler. Vérifiez si le **widget** ajoute seulement un **lien** **click-to-chat** (ouvre **WhatsApp** avec texte prérempli) ou connecte aussi les **réponses** à une **inbox** ou **CRM** ; le second est préférable pour la gestion des **conversations** et l’**automatisation**.]]></text>
    </section>
    <section level="2" heading="Ajouter le widget WhatsApp à WordPress">
      <text><![CDATA[Sur **WordPress**, vous pouvez ajouter un **widget** **chat** **WhatsApp** de deux façons principales :

**Plugin ou intégration :** De nombreuses **plateformes** **API** **WhatsApp** proposent un **plugin** **WordPress** ou une **intégration** qui ajoute un **bouton** flottant ou **widget**. Vous connectez votre compte **API**, choisissez un **modèle** **approuvé** (ou texte **prérempli** adapté à votre **modèle**) et le **plugin** affiche le **bouton** sur votre **site**. Les **clics** ouvrent **WhatsApp** et envoient le premier **message** via **modèle** quand requis. Vérifiez que le **plugin** prenne en charge les premiers **messages** basés sur **modèles** si vous utilisez l’**API**.

**Intégration manuelle :** Sans **plugin**, vous pouvez ajouter un **lien** **click-to-chat** ou un **script** qui affiche un **bouton**. Le **lien** ressemble en général à `https://wa.me/NUMERO?text=TEXTE_PRE rempli`. Le texte **prérempli** doit correspondre à ce qu’attend votre **modèle** (ex. **modèle** **bienvenue** avec un **bouton** qui démarre la **conversation**). Les **réponses** vont alors à votre **inbox** **WhatsApp** ou à la **plateforme** utilisée.

Après installation, testez le **widget** : **cliquez** depuis **mobile** ou **desktop** et confirmez que le premier **message** est envoyé et que les **réponses** arrivent dans votre **inbox**. Pour [FAQ](https://spoki.com/fr/faq) et [contact](https://spoki.com/fr/contact), voir les liens.]]></text>
    </section>
    <section level="2" heading="Ajouter le widget à Shopify et autres CMS">
      <text><![CDATA[**Shopify** et d’autres **CMS** (ex. **Wix**, **Squarespace**, **sites** custom) suivent la même logique :

- **Shopify :** Utilisez une **app** du **Shopify** **App** **Store** qui se connecte à l’**API WhatsApp Business** et ajoute un **bouton** **chat**, ou ajoutez un **snippet** **liquid** ou **script** custom dans votre thème pour intégrer un **lien** ou **widget** **click-to-chat**. Assurez-vous que le premier **message** utilise un **modèle** **approuvé** si vous êtes sur l’**API**.

- **Autres CMS :** La plupart permettent un bloc **HTML** ou **script** custom en pied ou en-tête. Collez le **script** ou **lien** du **widget** fourni par votre **plateforme** (ex. Spoki). Le **widget** s’affichera sur chaque page où le **code** est chargé.

Dans tous les cas, utilisez un **modèle** **approuvé** pour les **clics** sur le **widget** afin que les **conversations** démarrent dans le cadre de la politique **WhatsApp**. Pour [tarifs](https://spoki.com/fr/pricing) et [inscription](https://spoki.com/fr/landing-registration), voir les liens ; vous pouvez [réserver une demo](https://spoki.com/fr/book) pour voir **widget** et **API** ensemble.]]></text>
    </section>
    <section level="2" heading="Gérer les conversations après le premier clic">
      <text><![CDATA[Quand un **visiteur** **clique** sur le **widget** :

- Le premier **message** est envoyé via votre **modèle** **approuvé** (ex. **bienvenue**).

- Une **session** **24 h** démarre ; vous pouvez **répondre** en **messages** **free-form** ou utiliser l’**automatisation** (ex. **chatbot**, **FAQ**).

- Les **réponses** peuvent être gérées dans l’**inbox** de la **plateforme** ou le **CRM** pour que les **agents** voient **contexte** et **historique**.

Garder les **conversations** dans un seul fil **WhatsApp** et n’utiliser **modèles** que lorsque requis (premier **message**, après fin de **session**) vous garde **conforme** et améliore les temps de **réponse**. Pour [solutions](https://spoki.com/fr/solutions) et [intelligence artificielle](https://spoki.com/fr/artificial-intelligence), voir les liens.

**Placement et design :** Placez le **bouton** du **widget** où les **visiteurs** le voient sans masquer le contenu (ex. coin bas-droite). Utilisez une **étiquette** claire (ex. « Discutez avec nous ») et assurez-vous que ça fonctionne sur **mobile** et **desktop**. Certains **widgets** permettent **couleurs** ou **icônes** custom pour la **marque** ; gardez le **bouton** visible sans être intrusif pour une **conversion** **site** vers **WhatsApp** élevée.]]></text>
    </section>
    <section level="2" heading="Conclusion">
      <text><![CDATA[Ajouter un **widget** **chat** **WhatsApp** **gratuit** à **WordPress**, **Shopify** ou d’autres **sites** **CMS** nécessite l’accès à l’**API WhatsApp Business** (ou **BSP**), un **modèle** **approuvé** pour le premier **message** et un **widget** ou **plugin** qui affiche le **bouton** et ouvre **WhatsApp** correctement. Installez via **plugin** ou **script**, testez **clics** et premier **message** et gérez les **réponses** dans votre **inbox** ou **CRM**. Découvrez les [fonctionnalités Spoki](https://spoki.com/fr/features) et [solutions](https://spoki.com/fr/solutions), [inscrivez-vous](https://spoki.com/fr/landing-registration) ou [réservez une demo](https://spoki.com/fr/book) pour ajouter un **widget** **WhatsApp** à votre **site** avec **API** et **conformité** en tête.]]></text>
    </section>
    <section level="3" heading="Categories">
      <text><![CDATA[- Blog-fr]]></text>
    </section>
    <section level="3" heading="Tags">
      <text><![CDATA[- Shopify

---]]></text>
    </section>
    <section level="2" heading="About Spoki">
      <text><![CDATA[Utilisez la plateforme simple, rapide et intuitive de Spoki pour générer des conversions, automatiser les tâches et développer votre entreprise.]]></text>
    </section>
    <section level="3" heading="Solutions">
      <text><![CDATA[- Marketing
- Ventes
- Service Client
- Développeurs]]></text>
    </section>
    <section level="3" heading="Programmes Spéciaux">
      <text><![CDATA[- Agences
- Affiliation
- Revendeur
- Start up]]></text>
    </section>
    <section level="3" heading="Quick Links">
      <text><![CDATA[- [Features](https://spoki.com/fr/features)
- [Pricing](https://spoki.com/fr/pricing)
- [About](https://spoki.com/fr/about)
- [FAQ](https://spoki.com/fr/faq)
- [Blog](https://spoki.com/fr/blog)
- [Case Studies](https://spoki.com/fr/case-studies)
- [Integrations](https://spoki.com/fr/integrations)

© 2026 Spoki. Tous droits réservés.]]></text>
    </section>
  </sections>
</page>