Intégration WhatsApp : site web, CRM, boutique (widget, API, webhooks, n8n)

Intégrer WhatsApp, c'est relier votre numéro WhatsApp Business à vos autres outils pour que les conversations commencent au bon endroit (site, emballage, publicité) et que les informations circulent sans ressaisie (CRM, boutique, base de données). Il existe quatre niveaux d'intégration, du plus simple au plus technique : un lien ou un widget sur le site, un formulaire WhatsApp, l'API pour synchroniser contacts et déclencher des messages, et les webhooks pour recevoir les événements dans vos outils. Les deux premiers ne demandent aucun développement ; les deux derniers demandent un développeur ou un outil d'automatisation comme n8n, Make ou Zapier.

Ce guide présente chaque niveau, avec des exemples concrets et l'effort à prévoir.

Les 4 niveaux d'intégration WhatsApp

Niveau	Ce qu'il fait	Effort technique	Exemple
1. Lien, widget, QR code	Ouvre une conversation WhatsApp depuis un site ou un support imprimé	Aucun (copier un code)	Bouton de chat sur le site, QR code en caisse
2. Formulaire WhatsApp	Collecte des informations structurées dans WhatsApp	Aucun	Prise de rendez-vous, demande de devis
3. API	Crée des contacts, les ajoute à des groupes, envoie des messages depuis vos outils	Développeur ou outil d'automatisation	Nouveau lead du CRM ajouté à WhatsApp
4. Webhooks	Transmet les événements WhatsApp à vos outils en temps réel	Développeur ou outil d'automatisation	Réponse client enregistrée dans le CRM

La plupart des entreprises n'ont pas besoin des quatre. Une PME commence souvent par le niveau 1 et 2 ; l'intégration CRM vient quand le volume le justifie.

Niveau 1 : intégrer WhatsApp à un site web

Le lien WhatsApp

Le plus simple : un lien https://wa.me/ suivi de votre numéro au format international, éventuellement avec un message pré-rempli. Le visiteur clique, WhatsApp s'ouvre avec le message prêt à envoyer. Limite : vous ne savez pas d'où vient le contact, sauf à lire le message.

Un widget est une bulle flottante affichée sur toutes les pages du site. Il présente un titre, un message d'accueil et un bouton qui ouvre WhatsApp. Avec Whakup, le widget WhatsApp se configure sans code (titre, message d'accueil, bouton, couleur, position) et s'installe en collant un script dans le site, quel que soit le CMS.

L'intérêt par rapport au simple lien :

un code de suivi permet de savoir de quel point d'entrée vient chaque conversation ;
des statistiques : clics, conversations, nouveaux contacts ;
chaque point d'entrée peut déclencher une automatisation, par exemple un message de bienvenue avec un menu.

Le QR code

Même principe pour les supports physiques : vitrine, emballage, flyer, ticket de caisse, stand. Le QR code ouvre WhatsApp avec un message pré-rempli et un code de suivi. C'est un excellent moyen de collecter des contacts qui ont eux-mêmes initié la conversation, donc consentants.

Niveau 2 : les formulaires WhatsApp

Les formulaires WhatsApp reposent sur WhatsApp Flows, la fonctionnalité de Meta qui affiche des écrans de formulaire natifs dans la conversation. Le client remplit sans quitter WhatsApp.

Avec les formulaires WhatsApp de Whakup :

des modèles prêts à l'emploi : prise de rendez-vous, demande d'informations, satisfaction client ;
10 types de champs (texte, e-mail, téléphone, nombre, date, liste déroulante, choix unique, cases à cocher, opt-in) et jusqu'à 10 écrans ;
les réponses sont enregistrées dans la fiche contact et peuvent déclencher une automatisation ;
export CSV et webhook form.submitted pour les envoyer vers un autre outil.

C'est souvent l'intégration la plus rentable : elle remplace un formulaire web peu rempli sur mobile par une saisie dans une application que le client utilise déjà. Les formulaires sont inclus à partir de l'offre Essentiel.

Niveau 3 : l'API pour connecter un CRM ou une boutique

L'API permet à vos outils d'agir sur WhatsApp sans intervention manuelle. Avec l'API REST de Whakup (https://api.whakup.com/v1), vous pouvez :

créer ou mettre à jour un contact (POST /contacts), sans créer de doublon si le numéro existe déjà, avec ses champs personnalisés et ses groupes ;
ajouter des contacts à un groupe (POST /groups/{groupe}/contacts) ;
envoyer un message texte (POST /messages), avec une catégorie ;
créer, soumettre et lister des templates.

Point important : l'API envoie des messages texte. Pour envoyer un template (obligatoire pour écrire en premier à un client), on passe par une automatisation. Le schéma est le suivant :

Votre outil ajoute le contact à un groupe via l'API (par exemple « Commande confirmée »).
Une automatisation déclenchée par « ajout à un groupe » envoie le template correspondant, avec les variables reliées aux champs du contact.
L'automatisation retire le contact du groupe si le message doit pouvoir être renvoyé plus tard.

Exemple : boutique en ligne

Votre boutique émet un événement à chaque commande payée. Un script ou un workflow n8n appelle l'API :

curl -X POST https://api.whakup.com/v1/contacts \
  -H "Authorization: Bearer wk_votre_cle" \
  -H "Content-Type: application/json" \
  -d '{
    "firstName": "Awa",
    "phone": "+221770000000",
    "customFields": { "numero_commande": "C-10482" },
    "groups": ["Commande confirmée"]
  }'

L'automatisation envoie alors un template utilitaire « Votre commande {{1}} est confirmée ». Whakup n'a pas d'intégration native avec les plateformes e-commerce : l'intégration passe par l'API et les webhooks de la boutique.

Exemple : CRM

Quand un commercial qualifie un lead dans le CRM, un workflow ajoute le contact au groupe « Prospects chauds ». Une automatisation envoie un template de prise de contact, puis attend la réponse et assigne la conversation au commercial dans l'inbox. Whakup n'a pas non plus de connecteur natif avec les CRM du marché : on passe par l'API, en direct ou via un outil d'automatisation.

L'API est disponible dans l'offre Business (450 € HT par mois).

Niveau 4 : les webhooks pour remonter les événements

Les webhooks font le chemin inverse : Whakup envoie une requête HTTP à l'adresse de votre choix à chaque événement. Les événements disponibles :

message.received : un client a écrit ;
message.sent, message.delivered, message.read, message.failed : cycle de vie d'un message envoyé ;
channel.alert : alerte sur le numéro ;
form.submitted : un formulaire a été rempli.

Chaque requête est signée en HMAC-SHA256, ce qui permet de vérifier qu'elle vient bien de Whakup. Usages typiques : enregistrer les réponses dans le CRM, marquer un lead comme « a lu le message », créer une tâche quand un formulaire est rempli, alerter l'équipe technique en cas d'alerte sur le numéro. Le fonctionnement détaillé est dans notre guide Webhooks WhatsApp.

Intégrer WhatsApp avec n8n, Make ou Zapier

Ces outils d'automatisation permettent de relier WhatsApp à des centaines d'applications sans écrire de code serveur. Whakup n'a pas de connecteur officiel dans ces outils ; l'intégration se fait avec les blocs génériques :

requête HTTP pour appeler l'API (créer un contact, l'ajouter à un groupe) avec l'en-tête Authorization: Bearer ;
webhook entrant pour recevoir les événements Whakup et déclencher la suite du scénario.

Un workflow n8n type pour les leads :

Déclencheur : nouveau lead dans un formulaire publicitaire ou un tableur.
Nettoyage du numéro (format international).
Requête HTTP POST /contacts avec le groupe « Nouveaux leads ».
Côté Whakup, l'automatisation envoie le template de bienvenue.
Un second workflow reçoit message.received et met à jour le lead dans le CRM.

Voir notre tutoriel n8n et API WhatsApp pour les leads.

Quel niveau d'intégration pour quelle entreprise ?

Profil	Intégration recommandée	Offre Whakup
Commerce local, prestataire de services	Widget, QR code, formulaire de rendez-vous	Essentiel (90 € HT/mois) pour formulaires et automatisations
E-commerce sans développeur	Widget, formulaires, campagnes, import des contacts	Essentiel
E-commerce avec développeur	API pour les notifications, webhooks pour le suivi	Business (450 € HT/mois)
Équipe commerciale avec CRM	API et webhooks via n8n ou Make	Business
Éditeur de logiciel, agence	API, webhooks, MCP	Business

Les messages template sont facturés par Meta en plus, selon la catégorie et le pays du destinataire.

Les erreurs d'intégration les plus fréquentes

Numéros mal formatés : sans indicatif international, le message échoue. Normalisez avant l'appel API ; Whakup corrige aussi les cas courants à l'import.
Créer des doublons : utilisez un appel qui met à jour le contact existant au lieu d'en créer un nouveau.
Oublier le consentement : un widget ou un formulaire avec case d'opt-in vous donne une base propre ; un import de fichier acheté vous expose à des blocages.
Envoyer du texte libre à un nouveau contact : hors fenêtre de 24 heures, seul un template est accepté par Meta.
Ne pas vérifier la signature des webhooks : n'importe qui pourrait alors envoyer de faux événements à votre serveur.

FAQ

Comment intégrer WhatsApp sur mon site web ?

Le plus simple est un widget de chat WhatsApp : une bulle sur le site qui ouvre une conversation avec un message pré-rempli. Il s'installe en collant un script et ne demande pas de développement. Un lien wa.me fonctionne aussi, sans suivi de la source.

Peut-on intégrer WhatsApp à un CRM sans connecteur natif ?

Oui, via l'API et les webhooks, directement ou avec un outil comme n8n, Make ou Zapier en requêtes HTTP. Le CRM crée ou met à jour les contacts dans Whakup, et les webhooks renvoient les réponses et statuts vers le CRM.

L'API Whakup peut-elle envoyer une confirmation de commande ?

Elle peut envoyer un message texte, mais une confirmation à un client qui ne vous a pas écrit récemment nécessite un template. La méthode consiste à ajouter le contact à un groupe via l'API, ce qui déclenche une automatisation qui envoie le template utilitaire.

Faut-il un développeur pour intégrer WhatsApp ?

Pas pour le widget, les QR codes et les formulaires. Pour l'API et les webhooks, il faut un développeur ou quelqu'un à l'aise avec un outil d'automatisation comme n8n.

Commencer votre intégration

Commencez par le widget et un formulaire, mesurez les conversations générées, puis connectez vos outils quand le volume le justifie. Créez votre compte Whakup : essai gratuit de 15 jours, sans carte bancaire. Pour un projet d'intégration ou d'agence, voir la page API WhatsApp.