.png)
.webp)
Bubble.io ermöglicht die Entwicklung von Webanwendungen ohne umfangreiche Programmierkenntnisse. Dank der ChatArchitect- Integration können Sie WhatsApp mit Ihrer Bubble.io-Anwendung verbinden und Nachrichten direkt aus einem Workflow versenden.
In diesem Leitfaden zeigen wir Ihnen, wie Sie das ChatArchitect-Plugin installieren, Ihr Konto mithilfe Ihrer App-ID und Ihres App-Geheimnisses verbinden und Ihre erste WhatsApp-Nachricht von Bubble.io aus senden.
Was Sie benötigen
Bevor Sie beginnen, stellen Sie sicher, dass Sie Folgendes haben:
- Eine Bubble.io -Anwendung
- Ein ChatArchitect- Konto
- Ihre App-ID und Ihr App-Geheimnis
- Eine in ChatArchitect konfigurierte WhatsApp-Verbindung
Sobald alles vorbereitet ist, können Sie mit der Einrichtung der Integration in Bubble.io beginnen.
Schritt 1: Einen Button in Bubble.io hinzufügen
Öffne deine Anwendung im Bubble.io-Editor und füge der Seite ein Button- Element hinzu
Durch diese Schaltfläche wird der Workflow ausgelöst, der für das Versenden Ihrer WhatsApp-Nachricht zuständig ist.
Sie können beispielsweise den Button wie folgt benennen:
WhatsApp-Nachricht senden
Schritt 2: Erstellen Sie einen Workflow für die Schaltfläche
Klicken Sie auf die soeben erstellte Schaltfläche und wählen Sie Folgendes aus:
Workflow starten/bearbeiten
Bubble.io öffnet den Workflow-Editor, in dem Sie festlegen können, was passieren soll, wenn ein Benutzer auf die Schaltfläche klickt.
Schritt 3: Installieren Sie das ChatArchitect-Plugin
Klicken Sie im Workflow-Editor auf die Plus- Schaltfläche und navigieren Sie zu:
Plugins → Weitere Plugins installieren
Dadurch wird der Bubble.io-Plugin-Marktplatz geöffnet.
Suchen nach:
ChatArchitect.com für WhatsApp
Möglicherweise müssen Sie alle relevanten Suchfilter auswählen, bevor das Plugin in den Suchergebnissen erscheint.
Sobald Sie die ChatArchitect-Integration gefunden haben, klicken Sie auf Installieren.
Das Plugin steht Ihnen nun in Ihrer Bubble.io-Anwendung zur Verfügung.
Schritt 4: ChatArchitect verbinden
Nach der Installation des Plugins öffnen Sie den „Plugins“ in Bubble.io und suchen die ChatArchitect-Integration.
Geben Sie Ihre Zugangsdaten wie folgt ein:
Benutzername: Ihre App-ID
Passwort: Ihr App-Geheimnis
Diese Zugangsdaten ermöglichen es Ihrer Bubble.io-Anwendung, mit ChatArchitect zu kommunizieren und WhatsApp-Nachrichten zu senden.
Halten Sie Ihre App geheim und geben Sie sie niemals öffentlich preis oder teilen Sie sie mit unbefugten Benutzern.
Schritt 5: Die Aktion „Nachricht senden“ hinzufügen
Zurück zur „Workflow“ .
Klicken:
Klicken Sie hier, um eine Aktion hinzuzufügen
Wählen Sie dann Folgendes aus:
Plugins → SMS senden
Dadurch wird die ChatArchitect WhatsApp-Messaging-Aktion zu Ihrem Workflow hinzugefügt.
Schritt 6: Empfänger und Nachricht eingeben
Konfigurieren Sie als Nächstes die „SMS senden“ .
im „Ziel“ den Empfänger ein.
im „Text“ die Nachricht ein, die Sie senden möchten.
Zum Beispiel:
Hallo! Diese Nachricht wurde von meiner Bubble.io-Anwendung gesendet.
Alternativ können Sie auch dynamische Bubble.io-Daten verwenden, anstatt diese Werte manuell einzugeben. Beispielsweise kann die Telefonnummer des Empfängers aus Ihrer Datenbank stammen, während die Nachricht selbst aus den über ein Formular übermittelten Informationen generiert wird.
Schritt 7: Teste deine WhatsApp-Nachricht
Sobald der Workflow konfiguriert ist, klicken Sie auf die „Vorschau “ in der oberen rechten Ecke des Bubble.io-Editors.
Sie werden zur Vorschauversion Ihrer Anwendung weitergeleitet.
Klicken Sie auf die Schaltfläche, die Sie zuvor erstellt haben.
Bubble.io löst den Workflow aus, und ChatArchitect sendet die Nachricht über WhatsApp an den angegebenen Empfänger.
Wenn alles korrekt konfiguriert ist, sollte der Empfänger die WhatsApp-Nachricht erhalten.
So funktioniert es
Sie haben nun Bubble.io mit ChatArchitect und einen einfachen Workflow zum Versenden von WhatsApp-Nachrichten erstellt.
Der Vorgang ist einfach:
Der Nutzer klickt auf den Button → Bubble.io löst den Workflow aus → ChatArchitect verarbeitet die Anfrage → Die Nachricht wird über WhatsApp versendet
Dies ist nur ein einfaches Beispiel. Sie können dieselbe Integration verwenden, um die WhatsApp-Kommunikation basierend auf vielen verschiedenen Ereignissen in Ihrer Bubble.io-Anwendung zu automatisieren.
Beispielsweise können Sie WhatsApp-Nachrichten automatisch versenden, wenn:
- Ein neuer Benutzer registriert sich
- Ein Kunde gibt eine Bestellung auf
- Jemand reicht ein Formular ein
- Eine Bestellung oder Anfrage ändert den Status
- Ein Termin wurde bestätigt
- Ein weiteres Ereignis tritt innerhalb Ihrer Anwendung auf
Durch die Kombination von Bubble.io, ChatArchitect und WhatsAppkönnen Sie WhatsApp-Messaging in Ihre No-Code-Anwendungen integrieren und die Kundenkommunikation automatisieren, ohne die gesamte Integration von Grund auf neu entwickeln zu müssen.
