.png)
.webp)
Bubble.io permet de créer des applications web sans écrire de code complexe. Grâce à l' de ChatArchitect , vous pouvez également connecter WhatsApp à votre application Bubble.io et envoyer des messages directement depuis un workflow.
Dans ce guide, nous allons vous expliquer comment installer le plugin ChatArchitect, connecter votre compte à l'aide de votre ID d'application et de votre code secret d'application, et envoyer votre premier message WhatsApp depuis Bubble.io.
Ce dont vous aurez besoin
Avant de commencer, assurez-vous d'avoir :
- Une application Bubble.io
- Un compte ChatArchitect
- Votre ID d'application et code secret d'application
- Une connexion WhatsApp configurée dans ChatArchitect
Une fois que tout est prêt, vous pouvez commencer à configurer l'intégration dans Bubble.io.
Étape 1 : Ajouter un bouton dans Bubble.io
Ouvrez votre application dans l'éditeur Bubble.io et ajoutez un Button à la page.
Ce bouton déclenchera le flux de travail chargé d'envoyer votre message WhatsApp.
Par exemple, vous pouvez nommer le bouton :
Envoyer un message WhatsApp
Étape 2 : Créer un flux de travail pour le bouton
Cliquez sur le bouton que vous venez de créer et sélectionnez :
Démarrer / Modifier le flux de travail
Bubble.io ouvrira l'éditeur de flux de travail, où vous pourrez définir ce qui doit se produire lorsqu'un utilisateur clique sur le bouton.
Étape 3 : Installer le plugin ChatArchitect
Dans l'éditeur de flux de travail, cliquez sur le Plus et accédez à :
Extensions → Installer plus d'extensions
Cela ouvrira la plateforme de plugins Bubble.io.
Rechercher:
ChatArchitect.com pour WhatsApp
Vous devrez peut-être sélectionner tous les filtres de recherche pertinents avant que l'extension n'apparaisse dans les résultats.
Une fois que vous avez trouvé l'intégration ChatArchitect, cliquez sur Installer.
Le plugin est désormais disponible dans votre application Bubble.io.
Étape 4 : Connexion à ChatArchitect
Après avoir installé le plugin, ouvrez l' Plugins dans Bubble.io et localisez l'intégration ChatArchitect.
Saisissez vos identifiants comme suit :
Nom d'utilisateur : Votre identifiant d'application
Mot de passe : Votre secret d'application
Ces identifiants permettent à votre application Bubble.io de communiquer avec ChatArchitect et d'envoyer des messages WhatsApp.
Gardez votre application secrète et ne la divulguez jamais publiquement ni ne la partagez avec des utilisateurs non autorisés.
Étape 5 : Ajouter l’action Envoyer un message
Retour à l' Flux de travail .
Cliquez :
Cliquez ici pour ajouter une action
Sélectionnez ensuite :
Extensions → Envoyer un SMS
Cela ajoute l'action de messagerie WhatsApp de ChatArchitect à votre flux de travail.
Étape 6 : Saisissez le destinataire et le message
Ensuite, configurez l' Envoyer un texte .
Dans le Destination , saisissez le destinataire.
Dans le Texte , saisissez le message que vous souhaitez envoyer.
Par exemple:
Bonjour ! Ce message a été envoyé depuis mon application Bubble.io.
Vous pouvez également utiliser des données dynamiques Bubble.io au lieu de saisir ces valeurs manuellement. Par exemple, le numéro de téléphone du destinataire peut provenir de votre base de données, tandis que le message lui-même peut être généré à partir des informations soumises via un formulaire.
Étape 7 : Testez votre message WhatsApp
Une fois le flux de travail configuré, cliquez sur le Aperçu situé dans le coin supérieur droit de l'éditeur Bubble.io.
Vous serez redirigé vers la version d'aperçu de votre application.
Cliquez sur le bouton que vous avez créé précédemment.
Bubble.io déclenchera le flux de travail, et ChatArchitect enverra le message au destinataire spécifié via WhatsApp.
Si tout est correctement configuré, le destinataire devrait recevoir le message WhatsApp.
Comment ça marche
Vous avez maintenant connecté Bubble.io à ChatArchitect et créé un flux de travail de base pour l'envoi de messages WhatsApp.
Le processus est simple :
L'utilisateur clique sur le bouton → Bubble.io déclenche le workflow → ChatArchitect traite la requête → Le message est envoyé via WhatsApp
Ceci n'est qu'un exemple simple. Vous pouvez utiliser la même intégration pour automatiser les communications WhatsApp en fonction de nombreux événements différents dans votre application Bubble.io.
Par exemple, vous pouvez configurer l'envoi automatique de messages WhatsApp lorsque :
- Un nouvel utilisateur s'inscrit
- Un client passe une commande
- Quelqu'un soumet un formulaire
- Une commande ou une demande modifie le statut
- Le rendez-vous est confirmé
- Un autre événement se produit au sein de votre application
En combinant Bubble.io, ChatArchitect et WhatsApp, vous pouvez ajouter la messagerie WhatsApp à vos applications sans code et automatiser la communication avec les clients sans avoir à créer l'intégration complète à partir de zéro.
