Expertise developer

Boutons Interactifs WhatsApp Business : Boostez vos OTP et Campagnes au Maroc

Guide d'implémentation des boutons interactifs WhatsApp (Copier le code, CTA liens URL, appels directs) pour maximiser l'engagement et le ROI de vos flux au Maroc.

whatsapp business api marocboutons interactifs whatsappwhatsapp otp marocbouton copier le code whatsappapi whatsapp maroc

1. Révolutionner l'Engagement Client au Maroc avec l'Interactivité WhatsApp

Avec plus de 80% de taux d'adoption au Maroc, WhatsApp s'est imposé comme le canal de communication privilégié des Marocains. Mais pour les entreprises, envoyer de simples messages texte ne suffit plus. L'introduction des boutons interactifs (Interactive Buttons) transforme la communication transactionnelle et marketing. Qu'il s'agisse de copier un code de sécurité en un clic ou d'ouvrir un lien de suivi de commande instantanément sans friction, les boutons interactifs dopent les taux de clic (CTR) de plus de 40% par rapport aux liens insérés dans des SMS classiques.

2. Les 3 Types de Boutons Clés de l'API WhatsApp Business

Notre API unifiée intègre désormais la gestion native de trois types de boutons interactifs, adaptés à tous vos besoins opérationnels : • Boutons de Copie (Copy Code) : Spécialement conçus pour les OTP. L'utilisateur copie le code de vérification dans son presse-papiers d'un seul tap. • Boutons d'Action URL (Call-to-Action) : Ouvrent un lien web dans le navigateur. Contrairement aux messages texte bruts où les liens sont inactifs si le destinataire n'a pas enregistré votre numéro, les boutons URL restent cliquables immédiatement. • Boutons d'Appel (Call Buttons) : Permettent de lancer un appel téléphonique vers votre service client ou assistance d'une simple pression.

2. Les 3 Types de Boutons Clés de l'API WhatsApp Business

3. Implémentation de l'API /v1/messages avec Boutons Personnalisés

Pour envoyer des messages contenant des boutons interactifs personnalisés, les développeurs peuvent utiliser le paramètre "buttons" dans l'appel API. Voici les exemples types pour vos intégrations logicielles.

// 1. Exemple de requête API avec boutons cURL curl -X POST https://api.envoisms.ma/v1/messages \ -H "Authorization: Bearer YOUR_API_KEY" \ -H "Content-Type: application/json" \ -d '{ "to": "+212661364375", "channel": "whatsapp", "body": "Votre colis est prêt ! Utilisez le bouton ci-dessous pour copier votre numéro de suivi.", "buttons": [ { "type": "copy", "text": "Copier le suivi", "copy_code": "TRK-99201-MA" }, { "type": "url", "text": "Suivre mon colis", "url": "https://envoisms.ma/tracking" } ] }'
// 2. Exemple d'intégration en Node.js const axios = require('axios'); async function sendInteractiveWA() { try { const response = await axios.post('https://api.envoisms.ma/v1/messages', { to: '+212661364375', channel: 'whatsapp', body: 'Merci pour votre confiance. Besoin d\'aide ? Appelez-nous ou visitez le site.', buttons: [ { type: 'url', text: 'Boutique en ligne', url: 'https://envoisms.ma' }, { type: 'call', text: 'Appeler le Support', phone_number: '+212661364375' } ] }, { headers: { 'Authorization': 'Bearer YOUR_API_KEY' } }); console.log('ID Message:', response.data.id); } catch (err) { console.error(err.response.data); } } sendInteractiveWA();

4. Validation OTP et Bouton "Copier le code" Automatique

Pour les cas d'usage d'authentification à deux facteurs (2FA), l'API /v1/verify/send a été enrichie. Désormais, tout envoi de code de validation sur le canal WhatsApp génère et injecte automatiquement le bouton "Copier le code" de manière transparente, sans que vous n'ayez à modifier vos structures de requêtes existantes. Vous pouvez également personnaliser le libellé du bouton (ex: "Copy Code") en passant le paramètre facultatif "otp_button_text". Cela élimine toute friction d'authentification pour l'utilisateur marocain.

// Requête API OTP avec bouton de copie personnalisé curl -X POST https://api.envoisms.ma/v1/verify/send \ -H "Authorization: Bearer YOUR_API_KEY" \ -H "Content-Type: application/json" \ -d '{ "to": "+212661364375", "channel": "whatsapp", "brand": "MaBoutique", "otp_button_text": "Copy OTP Code" }'

5. ROI Marketing : Doper la conversion de vos campagnes au Maroc

Pour vos campagnes de marketing direct, l'interactivité des boutons permet d'établir un tunnel de vente direct sans friction. Intégrés directement à vos flux de campagnes de masse, les boutons redirigent vos abonnés instantanément vers vos boutiques WooCommerce ou Shopify, ou vers des lignes de support dédiées. L'API suit la livraison en temps réel via les webhooks, vous permettant de comparer instantanément la rentabilité de vos campagnes SMS traditionnelles face aux nouvelles routes interactives WhatsApp Business.

💡 Pourquoi choisir EnvoiSMS pour votre entreprise ?

Délivrabilité Critique

Moins de 4 secondes pour vos OTP via des canaux directs opérateurs IAM, Inwi et Orange Maroc.

💰

Optimisation du Budget

WhatsApp Business API à 0,13 MAD seulement par session. Le meilleur ROI conversationnel.

🛡️

Données Souveraines (CNDP)

Hébergement conforme aux réglementations de protection des données personnelles locales.

Les boutons WhatsApp interactifs nécessitent-ils une validation de modèle par Meta ?
Les boutons dynamiques envoyés via l'API interactive de notre passerelle ne requièrent aucune approbation de modèle préalable de la part de Meta lorsqu'ils sont intégrés dans une session de service client active de 24 heures.
Quelle est la limite de boutons autorisés par message ?
Conformément aux spécifications techniques de l'API WhatsApp, chaque message peut comporter un maximum de 3 boutons interactifs.
La longueur du texte affiché sur un bouton est-elle limitée ?
Oui, le texte de chaque bouton (libellé) ne doit pas dépasser 25 caractères pour s'afficher correctement sur tous les smartphones (Android et iOS).