Souhaitez-vous envoyer des messages SMS et WhatsApp lorsque des formulaires sont soumis sur votre site WordPress ? Avec l'addon WPForms Twilio, vous pouvez envoyer automatiquement des notifications SMS et WhatsApp lorsque les formulaires sont complétés.
Ce tutoriel vous montrera comment installer et utiliser l'addon Twilio avec WPForms.
Exigences :
- Vous devez disposer d'une licence Plus ou d'une licence supérieure pour accéder à l'addon Twilio.
- Assurez-vous que vous avez installé la dernière version de WPForms afin de respecter la version minimale requise pour l'addon Twilio.
Configuration de votre compte Twilio
Avant de configurer l'addon Twilio dans WPForms, vous devez créer et configurer votre compte Twilio. Ce processus implique la création de votre compte, la vérification de votre identité et l'obtention d'un numéro de téléphone pour l'envoi de messages. Si vous avez déjà un compte Twilio, vous pouvez passer directement à la section Connecter WPForms à Twilio.
Commencez par vous rendre sur le site Web de Twilio et créez un compte. Vous devrez fournir quelques informations de base pour commencer.
Après l'inscription, Twilio vous guidera dans le processus de configuration de votre compte. Il s'agit notamment de vérifier votre identité à l'aide d'un numéro de téléphone où vous pouvez recevoir un code de vérification. Entrez votre numéro de téléphone et Twilio vous enverra un code par SMS.
Après avoir saisi le code de vérification, vous serez dirigé vers votre tableau de bord Twilio Console. C'est là que vous trouverez tous les outils et paramètres nécessaires pour intégrer Twilio à WPForms.
Achat d'un numéro de téléphone Twilio
Pour envoyer des messages via votre intégration WPForms, vous devez acheter un numéro de téléphone Twilio dédié. Dans votre Twilio Console, allez dans Numéros de téléphone " Gérer " Acheter un numéro dans le menu de navigation de gauche.
Vous y trouverez des options de recherche des numéros de téléphone disponibles. Vous pouvez rechercher des indicatifs régionaux ou des modèles de numéros spécifiques en utilisant les options de recherche en haut de la page.
Une fois que vous avez trouvé le numéro qui vous convient, cliquez sur le bouton Acheter situé à côté.
Une fenêtre de confirmation s'affiche, indiquant les capacités du numéro et les frais mensuels. Cliquez sur Acheter pour finaliser votre achat. Pendant l'essai gratuit, Twilio vous offre un crédit de 15 $ que vous pouvez utiliser pour acheter votre numéro de téléphone et envoyer des messages.
Pour plus de détails sur la recherche et l'achat de numéros de téléphone dans Twilio, veuillez consulter le guide officiel de Twilio.
Création de modèles de messages
Les modèles de message vous aident à normaliser vos notifications WhatsApp et à les rendre plus dynamiques en y incluant les données de soumission des formulaires. Vous pouvez créer des modèles qui insèrent automatiquement des informations provenant des champs de votre formulaire.
Pour configurer des modèles de message, allez dans Messagerie " Créateur de modèles de contenu dans le menu latéral gauche de votre Twilio Console.
Cliquez ensuite sur le bouton Créer votre premier modèle de contenu.
Après avoir cliqué sur le bouton, vous verrez apparaître le formulaire de création de modèle dans lequel vous devrez fournir plusieurs informations importantes :
- Nom du modèle: Saisissez un nom descriptif qui indique clairement l'objectif du modèle. Ce champ ne peut contenir que des caractères alphanumériques minuscules et des traits de soulignement.
- Langue du modèle: Sélectionnez la langue que vous souhaitez utiliser pour vos messages parmi les options disponibles.
- Type de contenu: Dans ce champ, vous trouverez différentes options de mise en forme de votre message. Sélectionnez le type qui correspond le mieux à vos besoins, selon que vous souhaitez envoyer de simples messages textuels, inclure des médias, ajouter des éléments interactifs ou créer des mises en page plus structurées.
- Pour notre exemple, nous allons sélectionner le type de contenu Texte.
Une fois ces informations ajoutées, cliquez sur le bouton Créer pour passer à l'étape suivante.
Vous accéderez ensuite à la page de configuration du modèle. Vous y trouverez des options pour personnaliser le contenu de votre modèle. Faites défiler la page jusqu'à la section Contenu et, dans le champ Corps , saisissez le texte de votre message.
Pour rendre vos messages dynamiques, vous pouvez ajouter des variables qui seront remplacées par les données réelles du formulaire lorsque le message sera envoyé. Pour ajouter une variable, cliquez sur le bouton Ajouter une variable sous le champ Corps.
Les variables utilisent des doubles accolades avec des nombres, comme par exemple : "Bonjour {{1}}! Merci pour votre numéro de commande {{2}}."
Après avoir saisi votre message, cliquez sur Enregistrer et soumettez-le à l'approbation de WhatsApp.
Vous verrez apparaître une fenêtre contextuelle vous demandant de fournir des exemples de valeurs pour chaque variable que vous avez utilisée. Ces valeurs types aident WhatsApp à comprendre comment votre modèle sera utilisé.
Saisissez le texte de l'échantillon approprié pour chaque variable et cliquez sur Enregistrer avec les échantillons pour terminer le processus de création du modèle.
Pour plus de détails sur la création de modèles de messages, les options de formatage et les meilleures pratiques, veuillez consulter le guide officiel de Twilio sur la configuration des modèles de messages WhatsApp.
Connecter WPForms à Twilio
Une fois que le plugin WPForms est en place et que votre licence est vérifiée, installez et activez l'addon Twilio.
Pour connecter votre compte Twilio à WPForms, allez dans WPForms " Settings et cliquez sur l'onglet Integrations .
Cliquez ensuite sur l'option Twilio pour développer ses paramètres. Cliquez ensuite sur le bouton Ajouter un nouveau compte.
Vous verrez apparaître deux champs dans lesquels vous devrez ajouter le SID de votre compte Twilio et le jeton d'authentification, ainsi qu'un surnom pour le compte.
Gardez cet onglet de navigateur ouvert, car nous y reviendrons plus tard.
Accéder à vos identifiants Twilio
Pour trouver vos informations d'identification, commencez par vous connecter à votre Twilio Console. Une fois connecté, localisez la section Infos sur le compte dans votre tableau de bord.
Cette section contient deux informations importantes dont vous aurez besoin : l'identifiant de votre compte et le jeton d'authentification. Veillez à copier ces deux informations en cliquant sur l'icône de copie.
Ajouter des informations d'identification Twilio à WPForms
Après avoir copié votre clé Account SID, retournez dans l'onglet du navigateur avec WPForms ouvert et collez la clé que vous venez de copier dans le champ Twilio Account SID .
De même, vous devrez copier votre jeton d'authentification de Twilio et le coller dans le champ jeton d'authentification de Twilio.
Ensuite, ajoutez un surnom dans le champ Nom du compte Twilio. Ceci est uniquement pour référence interne et peut être utile si vous décidez ultérieurement de connecter d'autres comptes Twilio.
Lorsque vous êtes prêt, cliquez sur le bouton Connect to Twilio.
WPForms va maintenant connecter votre site à votre compte Twilio. Une fois la connexion terminée, un statut vert " Connecté" apparaîtra à côté de votre intégration Twilio.
Utiliser Twilio avec vos formulaires
Maintenant que vous avez connecté WPForms à votre compte Twilio, vous pouvez lier Twilio à vos formulaires. Pour ce faire, vous devrez d'abord créer un nouveau formulaire ou éditer un formulaire existant pour accéder au constructeur de formulaire.
Dans le générateur de formulaires, allez dans Marketing " Twilio. Cliquez ensuite sur le bouton Ajouter une nouvelle connexion.
Ensuite, une fenêtre apparaît pour vous permettre de saisir un pseudonyme de connexion. N'hésitez pas à utiliser le surnom de votre choix, car il ne sera pas visible par vos utilisateurs. Une fois que vous avez ajouté un surnom, cliquez sur le bouton OK.
Une fois que vous avez nommé votre connexion, vous devez choisir le compte que vous avez connecté dans le menu déroulant Sélectionner un compte.
Après avoir sélectionné un compte, plusieurs options de configuration s'offrent à vous.
Envoyer en tant que
Choisissez le mode d'envoi de vos notifications. Vous pouvez choisir entre SMS et WhatsApp. Votre choix déterminera certaines des options supplémentaires qui apparaissent ci-dessous.
Envoyer depuis
Choisissez lequel de vos numéros de téléphone Twilio doit être utilisé pour envoyer le message. Cette liste déroulante affichera tous les numéros de téléphone que vous avez achetés dans votre compte Twilio.
Envoyer à
Indiquez qui doit recevoir les notifications. Vous avez le choix entre deux options :
- Champs de téléphone: Sélectionnez cette option pour envoyer des messages aux personnes qui soumettent un formulaire.
- Numéro de téléphone vérifié: Choisissez cette option pour envoyer des notifications à un numéro de téléphone spécifique que vous avez préalablement vérifié dans votre compte Twilio.
Champ du téléphone
Remarque: Ce champ n'apparaît que lorsque l'option Champs téléphoniques est sélectionnée dans le menu déroulant Envoyer à.
Dans cette liste déroulante, sélectionnez le champ du formulaire qui contient le numéro de téléphone du destinataire.
Numéro de téléphone vérifié
Remarque: Ce champ n'apparaît que lorsque l'option Numéros de téléphone vérifiés est sélectionnée dans le menu déroulant Envoyer à.
Dans ce menu déroulant, choisissez parmi la liste des numéros de téléphone vérifiés dans votre compte Twilio.
Message
Ce champ apparaît lorsque SMS est sélectionné dans le champ Envoyer sous. Saisissez ici le texte que vous souhaitez envoyer. Vous pouvez cliquer sur le bouton Afficher les balises intelligentes situé à côté de ce champ pour inclure du contenu dynamique, comme les valeurs des champs de formulaire, dans votre message.
Modèle de message
Ce champ apparaît lorsque WhatsApp est sélectionné dans le champ Envoyer sous. Sélectionnez ici l'un des modèles que vous avez créés précédemment dans la section Modèles de message. Ceci est nécessaire pour la conformité de la messagerie WhatsApp Business.
Variables du modèle
Après avoir sélectionné un modèle de message WhatsApp contenant des variables, vous verrez apparaître une section Variables du modèle. Ici, vous pouvez associer les champs de votre formulaire aux variables de votre modèle.
Pour chaque variable de votre modèle, vous verrez une liste déroulante correspondante dans laquelle vous pourrez sélectionner la valeur du champ de formulaire qui remplacera cette variable lors de l'envoi du message.
Par exemple, si votre modèle de message est "Bonjour {{1}}! Merci pour votre numéro de commande {{2}}"Vous le feriez :
- Associez la variable 1 à un champ de formulaire contenant le nom du client.
- Associer la variable 2 à un champ de formulaire contenant le numéro de commande.
Ce mappage permet de s'assurer que vos messages WhatsApp incluent automatiquement les informations correctes de vos formulaires.
Une fois que vous avez fini de configurer la connexion Twilio de votre formulaire, cliquez sur Enregistrer en haut du générateur de formulaires.
Activation de l'Environnement de test pour WhatsApp (facultatif)
Si vous souhaitez tester la messagerie WhatsApp avant de créer un compte WhatsApp Business complet, vous pouvez utiliser l'environnement Sandbox de Twilio. Cela vous permet de tester votre intégration sans avoir besoin de l'approbation de WhatsApp.
Pour ce faire, vous devez connecter votre numéro de téléphone au Twilio WhatsApp Sandbox. Pour ce faire, connectez-vous à votre Twilio Console et naviguez vers Messagerie " Essayer " Envoyer un message WhatsApp dans la barre latérale gauche.
Sur la page de test de WhatsApp, faites défiler vers le bas jusqu'à la rubrique Se connecter à l'Environnement de test de WhatsApp où vous verrez les détails de votre connexion unique à l'Environnement de travail, y compris un numéro de téléphone Twilio. (+14155238886) et un code de participation. Vous pouvez vous connecter à l'Environnement de travail en envoyant votre code de participation à ce numéro via WhatsApp ou en scannant le code QR affiché sur la page avec l'application WhatsApp de votre téléphone.
Après avoir envoyé le code d'adhésion, vous recevrez un message de confirmation indiquant que votre numéro de téléphone est désormais connecté à l'Environnement de test et prêt à être testé.
Une fois que vous avez connecté votre numéro de téléphone à la Sandbox de Twilio, vous pouvez configurer WPForms pour l'utiliser. Ouvrez votre formulaire dans le constructeur de formulaire et allez dans vos paramètres de connexion Twilio, sélectionnez WhatsApp dans la liste déroulante Send As pour faire apparaître l'option Enable Sandbox Mode.
Lorsque vous activez cette option, elle modifie la façon dont vos messages WhatsApp sont traités. Au lieu de demander un modèle de message pré-approuvé, vous verrez un champ Message dans lequel vous pourrez saisir tout texte personnalisé que vous souhaiteriez utiliser.
L'addon enverra alors vos messages en utilisant le numéro de test de Twilio. (+14155238886)Vous pouvez ainsi tester l'intégration de WhatsApp sans disposer d'un compte WhatsApp Business.
N'oubliez pas d'enregistrer votre formulaire après avoir activé le mode bac à sable et configuré le texte de votre message dans le champ Message.
Configuration de la logique conditionnelle (facultatif)
La logique conditionnelle vous permet de choisir si une action est exécutée ou non en fonction des choix de l'utilisateur dans votre formulaire. À titre d'exemple, nous allons montrer comment vous pouvez utiliser la logique conditionnelle pour envoyer des messages via la méthode de notification préférée de l'utilisateur en créant deux connexions Twilio distinctes - l'une pour les notifications SMS et l'autre pour les notifications WhatsApp.
Pour ce faire, vous devez d'abord créer deux connexions Twilio en suivant les étapes décrites ci-dessus. Configurez une connexion pour envoyer des messages SMS et une autre pour envoyer des messages WhatsApp.
Ajoutez ensuite un champ Choix multiples à votre formulaire. Dans notre exemple, nous allons intituler le champ " Comment souhaitez-vous être informé ?" et ajouter deux choix : SMS et WhatsApp.
Ensuite, allez dans Marketing " Twilio dans le générateur de formulaires et activez l'option Enable Conditional Logic (Activer la logique conditionnelle ). Vous devez ensuite définir les règles de votre logique conditionnelle.
Pour la connexion SMS, définissez la règle comme suit : Traiter cette connexion si Comment voulez-vous être notifié ? est SMS.
Pour la connexion WhatsApp, réglez-la sur : Traiter cette connexion si Comment voulez-vous être notifié ? est WhatsApp.
Enfin, veillez à enregistrer votre formulaire pour appliquer la logique conditionnelle.
Avec cette configuration, lorsque les utilisateurs remplissent votre formulaire, ils reçoivent automatiquement des notifications par le biais de leur méthode préférée - SMS ou WhatsApp - en fonction de leur sélection dans le formulaire.
Questions fréquemment posées
Nous répondons ci-dessous à quelques-unes des questions les plus fréquentes concernant l'addon Twilio.
Pourquoi mes messages WhatsApp ne fonctionnent-ils plus en mode bac à sable ?
Lorsque vous testez des messages WhatsApp en mode bac à sable, vous disposez d'une période de test de trois (3) jours après la connexion initiale de votre numéro de téléphone. À l'issue de cette période, vos messages cesseront d'être envoyés. Pour poursuivre les tests, il vous suffit de vous reconnecter à l'Environnement de test en suivant les étapes de la section Activer l'Environnement de test pour WhatsApp ci-dessus.
Puis-je consulter l'état de livraison et les journaux de mes messages ?
Oui, vous pouvez suivre l'état des messages et les journaux dans WPForms et dans la console Twilio.
Dans WPForms, vous pouvez voir l'état de livraison des messages et les journaux directement depuis WPForms " Outils et en ouvrant l'onglet Journaux.
Pour plus de détails sur l'enregistrement des activités dans WPForms, voir notre guide sur l'activation de l'enregistrement des activités.
En outre, dans la console Twilio, allez dans Moniteur " Journaux " Messagerie programmable pour afficher les journaux de messagerie détaillés, y compris l'état de livraison, l'horodatage, le contenu, les informations sur le destinataire et les erreurs éventuelles.
Pour plus d'informations sur les journaux de messagerie, consultez le guide officiel de Twilio sur les journaux de messagerie.
Voilà, c'est fait ! Nous venons de vous montrer comment installer et utiliser l'addon Twilio avec WPForms.
Ensuite, vous souhaitez ajouter un CAPTCHA à vos formulaires afin d'éviter les soumissions de spam ? N'oubliez pas de consulter notre tutoriel sur le choix d'un CAPTCHA pour vos formulaires pour plus de détails.