WhatsApp Flows : créer des formulaires natifs (tutoriel)

WhatsApp Flows permet de créer des formulaires natifs directement dans la conversation, sans redirection vers une page web externe. C'est l'une des évolutions les plus importantes de WhatsApp Business API ces deux dernières années. Ce tutoriel explique comment concevoir, déployer et exploiter un Flow, avec des exemples concrets pour le marché marocain.

Qu'est-ce qu'un WhatsApp Flow

Un Flow est une séquence d'écrans interactifs (champs texte, listes déroulantes, cases à cocher, boutons) que l'utilisateur remplit sans quitter WhatsApp. Le résultat est renvoyé à votre backend via webhook, exactement comme un formulaire web classique.

Différences avec les boutons classiques

• Un bouton propose une action unique ; un Flow propose un vrai formulaire multi-champs.
• Un bouton s'affiche sous un message ; un Flow ouvre un écran dédié modal.
• Un Flow peut enchaîner plusieurs écrans conditionnels, comme un mini-site.

Anatomie d'un Flow

Un Flow se définit par un fichier JSON qui décrit sa structure. Les blocs principaux :

• Screens : les écrans successifs.
• Components : champs (TextInput, Dropdown, CheckboxGroup, RadioButtonsGroup, DatePicker).
• Actions : navigation entre écrans, envoi au backend (data_exchange).
• Data : variables partagées entre écrans.

Créer un premier Flow : étape par étape

Étape 1 : concevoir le formulaire

Prenons un cas simple : prise de rendez-vous en clinique. Trois écrans :

1. Choix du service (dermatologie, cardiologie, généraliste).
2. Choix de la date et du créneau horaire.
3. Confirmation avec récapitulatif.

Étape 2 : rédiger le JSON

Chaque écran est décrit dans le Flow Builder de Meta Business Manager, ou directement via un fichier JSON versionné en git. La syntaxe suit la spec Meta.

Étape 3 : héberger le endpoint data_exchange

Le Flow appelle votre serveur à chaque changement d'écran pour envoyer les données ou récupérer des options dynamiques (créneaux disponibles selon le service choisi). Cet endpoint doit être HTTPS, retourner du JSON conforme et gérer la signature de Meta.

Étape 4 : publier et tester

Meta impose une validation avant mise en production, avec un environnement de test. Comptez ~24 à 48 heures pour la première approbation.

Étape 5 : envoyer le Flow via template

Le Flow s'envoie via un template WhatsApp qui contient un bouton spécial Flow. L'utilisateur tape sur le bouton, l'écran modal s'ouvre.

Cas d'usage e-commerce marocain

Formulaire de commande cash on delivery

Le client complète en trois écrans : quantité, adresse de livraison (avec ville et quartier), confirmation. Le tout sans quitter WhatsApp. Impact typique : moins d'abandons qu'avec un checkout web classique, surtout sur mobile en 3G/4G limitée.

Formulaire de retour produit

Motif de retour, photo de l'article, choix entre remboursement et remplacement. L'agent reçoit directement le dossier complet, sans allers-retours.

Cas d'usage bancaire

Une banque marocaine peut utiliser un Flow pour :

• Simulation de crédit : montant, durée, revenu, calcul immédiat de la mensualité.
• Ouverture de compte : collecte des informations préalables avant rendez-vous en agence.
• Déclaration de perte de carte : formulaire structuré transmis directement au service fraude.

Cas d'usage santé

Cliniques et laboratoires marocains utilisent les Flows pour :

• Prise de rendez-vous avec choix du praticien et du créneau.
• Pré-questionnaire médical avant consultation.
• Récupération de résultats via authentification renforcée.

Bonnes pratiques UX

• Limiter à 3-5 écrans maximum, l'utilisateur perd patience au-delà.
• Un seul objectif par Flow (une commande OU un rendez-vous, pas les deux).
• Champs pré-remplis dès que possible (numéro déjà connu, nom du profil).
• Message de confirmation clair à la fin, avec récapitulatif.

Conformité et sécurité

Les données transmises via un Flow suivent les règles habituelles : chiffrement en transit, hébergement conforme à la conformité réglementaire, durée de conservation limitée. Pour les données particulièrement sensibles (santé, bancaire), un chiffrement bout en bout supplémentaire au niveau du payload est recommandé.

Coût

Envoyer un Flow revient au coût d'un message template classique (Utility ou Marketing selon le cas), sans surcoût spécifique. Les échanges dans le Flow lui-même ne sont pas facturés au message.

Conclusion

WhatsApp Flows transforme WhatsApp Business API en véritable plateforme d'interaction, capable de remplacer nombre de formulaires web pour des cas d'usage transactionnels. Les entreprises marocaines qui investissent tôt dans ces flux natifs offrent une expérience mobile supérieure et réduisent leurs abandons sur les parcours critiques.