Envoyer votre premier WhatsApp Flow à partir d'un formulaire HubSpot

Dans ce tutoriel, vous transformez un formulaire marketing HubSpot en WhatsApp Flow, vous l’envoyez sur votre propre téléphone, puis vous l’envoyez depuis un workflow HubSpot. À la fin, un Flow rempli apparaît dans HubSpot comme une soumission du formulaire d’origine. Comptez environ 50 minutes de travail effectif, d’après les estimations du guide de configuration de Flowella, plus jusqu’à 24 heures pendant que Meta examine votre modèle.

​

Avant de commencer

• Lisez Avant de commencer et préparez vos accès Meta et HubSpot.
• La vérification de l’entreprise par Meta doit être terminée avant de pouvoir créer un Flow à l’étape 3. Voir Vérification de l’entreprise.
• Munissez-vous de votre propre téléphone avec WhatsApp, sur un numéro personnel plutôt que sur le numéro professionnel que vous connectez.
• Choisissez ou créez un court formulaire marketing HubSpot pour les tests. Incluez un champ e-mail : HubSpot utilise l’adresse e-mail pour rattacher une soumission de formulaire à un contact.
• L’étape 6 nécessite les workflows HubSpot, inclus dans les offres Professional et Enterprise de HubSpot. Sans eux, vous vous arrêtez à l’étape 5.

Si WhatsApp et HubSpot sont déjà connectés, passez directement à l’étape 3.

​

Comment les éléments s’articulent

Le diagramme montre l’ordre dans lequel un Flow est créé, approuvé, envoyé et renvoyé vers HubSpot.

​

Étape 1 : connecter WhatsApp et HubSpot

Environ 16 minutes. Vérifiez que cela fonctionne : en haut de l’application, les pastilles de statut WhatsApp et HubSpot affichent toutes deux Connected. Sur un petit écran, vérifiez Settings → WhatsApp (Meta), où votre numéro figure sous Connected WhatsApp numbers, et Settings → HubSpot, qui affiche Connected. Pour plus de détails sur chaque étape, consultez Configurer Flowella.

​

Étape 2 : envoyer votre premier message

Environ 2 minutes.

1. Depuis votre téléphone, envoyez un message WhatsApp quelconque à votre numéro professionnel. Cela ouvre la fenêtre de 24 heures, la fenêtre de service client de Meta, pendant laquelle vous pouvez répondre sans modèle.
2. Dans Flowella, ouvrez l’Inbox et sélectionnez la nouvelle conversation.
3. Saisissez une réponse dans Type a message… et appuyez sur Entrée.

Vérifiez que cela fonctionne : la réponse arrive sur votre téléphone. Consultez Inbox pour en savoir plus sur les conversations.

​

Étape 3 : créer le Flow

Environ 15 minutes.

1. Dans HubSpot, créez ou choisissez votre formulaire marketing de test. Flowella convertit les champs texte sur une ligne, texte multiligne, e-mail, téléphone, nombre, liste déroulante, boutons radio, cases à cocher et date, et transforme les champs fichier en sélecteur de photo. Il ignore les champs qu’il ne peut pas convertir, et un champ obligatoire qu’il ne peut pas convertir bloque la synchronisation.
2. Dans Flowella, ouvrez Flows. Flowella actualise la liste des formulaires HubSpot lorsque vous ouvrez la page. Si votre formulaire n’apparaît pas, sélectionnez le bouton d’actualisation en haut de la page.
3. Trouvez votre formulaire et sélectionnez Create WA Flow dans la colonne WhatsApp Flow. Le bouton affiche Syncing… pendant que Flowella crée le Flow et le publie sur votre WABA.

Vérifiez que cela fonctionne : la ligne affiche Created, ou Updated si votre WABA contenait déjà un Flow portant le même nom, et le bouton devient Sync WA Flow. Sélectionnez Open in Meta pour prévisualiser le Flow. Le Flow comporte un écran avec les questions de votre formulaire, intitulé du nom du formulaire, suivi d’un écran de remerciement. Flowella n’a pas d’éditeur de Flow : pour modifier les questions plus tard, modifiez le formulaire dans HubSpot, puis sélectionnez Sync WA Flow. Voir Flows et Bonnes pratiques de conception de formulaires.

​

Étape 4 : ajouter le Flow à un modèle

Environ 5 minutes, puis l’examen de Meta. Les contacts ouvrent un Flow à partir d’un bouton Flow dans un message de modèle : le Flow a donc besoin d’un modèle. Utilisez l’une ou l’autre option, puis soumettez le modèle.

​

Option A : partir de la page Flows

Après la première synchronisation réussie de votre organisation, Flowella affiche Your form is now a WhatsApp Flow. Sélectionnez Create template with this Flow. Si la boîte de dialogue n’apparaît pas, sélectionnez plutôt Create template sur la ligne du formulaire. L’éditeur de modèles s’ouvre avec un bouton Flow déjà relié à votre Flow. Le texte du bouton est Continue, que vous pouvez modifier. Rédigez le message, choisissez une Category et saisissez un Template name en lettres minuscules, chiffres et tirets bas.

​

Option B : partir du modèle de démarrage Flowella

1. Dans Templates, sélectionnez New template, puis View starters sous Flowella Templates.
2. Trouvez flowella_start_flow et sélectionnez Use this starter. Son message est Hi {{1}}, tap below to complete a short form and we will get back to you. et son bouton Flow indique Open form.
3. Dans le champ WhatsApp Flow du bouton, choisissez votre Flow. Les Flows sont listés sous le nom du formulaire HubSpot dont ils sont issus.
4. Dans Body variables, remplacez la Fallback value de {{1}}, Alex, par une valeur qui convient à tout le monde, comme there. Flowella l’envoie lorsqu’un contact n’a pas de prénom.

Le modèle de démarrage utilise la catégorie Marketing. Choisissez la catégorie adaptée à votre message avant de le soumettre. Voir Tarifs et catégories de messages WhatsApp.

​

Soumettre le modèle à Meta

1. Sélectionnez Save draft.
2. Sélectionnez Publish Template, vérifiez la catégorie, puis sélectionnez à nouveau Publish Template pour le soumettre à Meta. Si le message contient des variables comme {{1}}, attribuez d’abord une Fallback value à chacune. Meta l’examine comme exemple de la variable. Voir Variables de modèle.
3. Attendez que le statut passe de Pending à Approved. Selon Meta, une décision peut prendre jusqu’à 24 heures.

Vérifiez que cela fonctionne : le statut du modèle est Approved. Si Meta le rejette, consultez Modèle rejeté.

​

Étape 5 : tester le Flow sur votre téléphone

Environ 3 minutes.

1. Ouvrez votre modèle approuvé et accédez à l’onglet Send.
2. Dans Test Template, choisissez votre Country, saisissez votre WhatsApp Number et renseignez les éventuelles variables du modèle.
3. Sélectionnez Send Test.
4. Sur votre téléphone, ouvrez le message et appuyez sur le bouton Flow. Remplissez le formulaire avec votre propre adresse e-mail, puis soumettez-le.

Vérifiez que cela fonctionne :

• WhatsApp affiche l’écran de remerciement avec le message de remerciement de votre formulaire HubSpot.
• Dans l’Inbox de Flowella, la conversation affiche une carte avec vos réponses, marquée Response sent. Le titre de la carte est le texte du bouton Flow, ou Flow response.
• Dans HubSpot, le formulaire a une nouvelle soumission provenant d’une page nommée d’après le formulaire, par exemple WhatsApp Flow · Contact us. HubSpot met à jour les propriétés de contact associées au formulaire.
• La chronologie du contact affiche un événement Form Completed avec un lien View submission.

Flowella soumet les réponses au formulaire HubSpot d’origine. La soumission et les propriétés du contact apparaissent dans HubSpot comme pour un formulaire rempli sur votre site web.

​

Étape 6 : envoyer le Flow depuis un workflow HubSpot

Environ 10 minutes. Vérifiez que cela fonctionne :

• Le modèle arrive sur votre téléphone, et l’historique des workflows du contact indique que l’action Send WhatsApp Template est terminée. Flowella termine l’action lorsque WhatsApp signale le premier statut du message, généralement « envoyé ».
• Après avoir rempli le Flow, le contact passe l’étape Delay until event, et la soumission apparaît sur le formulaire HubSpot comme à l’étape 5.
• Dans le guide de configuration, Send a template from HubSpot est coché.

Form Completed ne se déclenche que lorsqu’une personne soumet un WhatsApp Flow via Flowella, jamais pour les soumissions du même formulaire sur votre site web. Pour des workflows complets reposant sur ce modèle, consultez les guides de workflows.

​

Dépannage

​

Voir aussi