So erstellen Sie ein WhatsApp-Formular in WordPress

Möchten Sie Benachrichtigungen von einem WordPress-Formular an WhatsApp senden?

Obwohl WhatsApp-Benachrichtigungen kompliziert erscheinen mögen, sind sie eigentlich nicht so schlimm.

Wenn Sie sehen möchten, was ich meine, bleiben Sie dran und ich werde Ihnen sagen, was Sie brauchen und wie Sie Benachrichtigungen von Ihrem WordPress-Formular an WhatsApp senden können. Sie können das schaffen. Ich glaube an Sie!

So senden Sie Benachrichtigungen von einem WordPress-Formular an WhatsApp

Bevor wir beginnen, hier sind die Werkzeuge, die Sie für dieses Tutorial benötigen:

• WPForms: Sie müssen das WPForms-Plugin auf Ihrer Website herunterladen und installieren. Bitte beachten Sie, dass Sie den Plus-Plan oder höher benötigen, um auf das Twilio-Addon zugreifen zu können, das WhatsApp-Benachrichtigungen einfach macht.
• Twilio-Konto: Sie müssen den Prozess der Einrichtung eines Twilio-Kontos durchlaufen und eine Telefonnummer erhalten. Dies ist notwendig, um Twilio und WPForms zu verbinden.
• Twilio Addon: Stellen Sie sicher, dass Sie das Twilio-Addon in WPForms installieren und aktivieren.

Erstellen Sie jetzt Ihr WordPress-Formular

Mehr dazu im Laufe des Tutorials. Vorerst hier eine kurze Übersicht:

Im Wesentlichen richten Sie einige Elemente in Twilio ein und konfigurieren diese, verbinden sie dann mit Ihrem WPForms-Konto, damit sie zusammenarbeiten können, um WhatsApp-Nachrichten direkt nach einer erfolgreichen Formularübermittlung an Benutzer zu senden.

Schauen wir uns an, wie alles zusammenkommt.

Schritt 1. Erstellen Sie eine Nachrichten-Vorlage in Twilio

Um WhatsApp-Nachrichten über Twilio zu senden, müssen Sie eine Nachrichten-Vorlage in Twilio erstellen. Später in diesem Prozess werden Sie sehen, wie diese Vorlagen Informationen aus Ihren WPForms-Formularfeldern abrufen. Vorerst erfahren Sie hier, wie Sie sie einrichten.

Navigieren Sie in der linken Seitenleiste zu Messaging » Content Template Builder.

Klicken Sie dann auf die blaue Schaltfläche Create your first content template.

Danach müssen Sie einige Details angeben. Das erste ist der Template Name und das zweite ist die Template Language. Das dritte ist der Content Type. Dort haben Sie mehrere Optionen zur Auswahl, und welche Sie wählen, hängt davon ab, welche Art von Benachrichtigungsnachricht Sie senden möchten.

Wenn Sie zum Beispiel nur etwas Text senden möchten, wählen Sie diese Option.

Nachdem Sie Ihre Auswahl getroffen haben, klicken Sie auf Create.

Jetzt müssen wir die Vorlage konfigurieren.

Scrollen Sie nach unten, bis Sie den Abschnitt Content finden. Geben Sie Ihren Nachrichtentext in das Feld Body ein. Beachten Sie die Zeichenbeschränkungen.

Sie können auch auf + Add Variable klicken, um dynamischen Text zu verwenden, der aus Ihren Formularfeldern abgerufen wird, wie z. B. Namen, Bestellnummern oder andere personalisierte Informationen.

Wenn Sie mit Ihrer Nachricht zufrieden sind, klicken Sie auf Save and Submit for WhatsApp Approval.

Nachdem Sie dies getan haben, wird ein Bildschirm angezeigt, auf dem Sie Beispielwerte angeben müssen, damit Sie sehen können, wie der Text aussieht, wenn diese Variablen ausgefüllt sind. Nachdem Sie diese für die verwendeten Variablenfelder hinzugefügt haben, klicken Sie auf Mit Beispielen speichern.

Verzetteln Sie sich nicht zu sehr in den Beispielwerten. Wenn Sie Ihr Formular in WPForms mit Twilio verbinden, können Sie die Variablen bestimmten Formularfeldern zuordnen. Betrachten Sie dies vorerst eher als eine Testfunktion.

Lassen Sie diesen Tab geöffnet, da wir zu Twilio zurückkehren müssen, um einige Informationen zu erhalten. Öffnen Sie einen weiteren Tab und navigieren Sie zu Ihrem WordPress-Dashboard für den nächsten Schritt.

Schritt 2. Verbinden Sie WPForms mit Twilio

Nachdem Sie die Einrichtung in Twilio vorgenommen haben, wie fühlen Sie sich? Hoffentlich war es bisher ziemlich einfach! Jetzt zeige ich Ihnen, wie Sie WPForms mit Twilio verbinden, damit wir alles zusammenbringen können.

Klicken Sie in Ihrem WordPress-Dashboard auf WPForms » Einstellungen. Wählen Sie dann den Tab Integrationen.

Scrollen Sie nach unten, bis Sie Twilio finden. Klicken Sie auf Neues Konto hinzufügen.

Sie werden sehen, dass Sie einige Informationen angeben müssen, um Ihr Konto hinzuzufügen.

Hier kommt das Öffnen von 2 Tabs ins Spiel. Es wird viel einfacher sein, wenn Sie zwischen ihnen wechseln können, um schnell die Informationen zu erhalten, die Sie zum Verbinden Ihres Kontos benötigen.

Klicken Sie zurück zu dem Tab mit Ihrem geöffneten Twilio-Konto und navigieren Sie zu Ihrem Dashboard. Sie sollten im Dashboard einen Abschnitt namens Konto-Info sehen. Er enthält die Account SID und den Auth Token, die Sie in WPForms eingeben müssen.

Kopieren Sie die Informationen und fügen Sie sie in das entsprechende Feld auf Ihrem WPForms-Tab ein.

Nachdem Sie beide Nummern hinzugefügt haben, fragt das letzte Feld nach einem Twilio-Kontonamen. Betrachten Sie dies einfach als Spitznamen. Es ist nur für den internen Gebrauch bestimmt und hilft Ihnen, zwischen Konten und Verbindungen zu unterscheiden, wenn Sie mehrere haben.

Wenn alle Informationen vorhanden sind, klicken Sie auf Mit Twilio verbinden.

Wenn die Verbindung erfolgreich ist, wird dies im Status angezeigt.

Jetzt ist es an der Zeit, alles zusammenzubringen!

Schritt 3. Erstellen Sie ein Formular in WPForms

In diesem letzten Schritt zeige ich Ihnen, wie Sie alles zusammenbringen, damit Sie Benachrichtigungen von einem WordPress-Formular an WhatsApp senden können. Das Erste, was Sie brauchen, ist das Formular, das Sie verwenden möchten, um Ihre WhatsApp-Benachrichtigungen auszulösen.

Sie können ein Formular erstellen oder eine der über 2.100 Formularvorlagen verwenden, die auf WPForms verfügbar sind. Wenn Sie sich entscheiden, eine Vorlage zu verwenden, können Sie diese anpassen, um sie zu Ihrer eigenen zu machen.

Erstellen Sie jetzt Ihr WordPress-Formular

Wenn Ihr Formular bereit ist und Sie es im WPForms-Formular-Builder sehen, klicken Sie auf Marketing. Wählen Sie in der Liste Ihrer Add-ons, die angezeigt wird, Twilio aus. Klicken Sie auf Neue Verbindung hinzufügen.

Keine Sorge, dies ist anders als das, was Sie am Ende von Schritt 2 getan haben. Hier fügen Sie die Verbindung direkt zu diesem Formular hinzu.

Geben Sie im Modalfenster, das sich öffnet, einen Verbindungsnamen ein. Auch dies ist für den internen Gebrauch bestimmt und hilft Ihnen, zwischen verschiedenen Verbindungen zu unterscheiden, wenn Sie mehrere haben.

Anschließend wählen Sie das zu verbindende Konto aus. Wenn Sie in Schritt 2 nur ein Konto verbunden haben, ist dies das einzige Konto, das hier angezeigt wird. Wählen Sie das Konto aus, mit dem Sie das Formular verbinden möchten.

Wenn Sie das verwirrend finden, denken Sie so: Im letzten Schritt wurde Ihr Twilio-Konto mit WPForms verbunden. Dieser Schritt stellt diese Verbindung direkt zu Ihrem Formular her.

Nachdem Sie das Konto ausgewählt haben, müssen Sie angeben, ob Sie als SMS oder als WhatsApp senden möchten. Für dieses Tutorial wählen wir WhatsApp, da wir uns hier damit befassen.

Wählen Sie als Nächstes die Telefonnummer aus, die Sie zum Senden Ihrer Nachrichten verwenden möchten.

Dann geben Sie an, wer die Nachrichten erhalten soll.

Wenn Sie Telefonfelder auswählen, gehen die Nachrichten an die Personen, die Ihr Formular absenden, basierend auf den Informationen, die sie in den Telefonfeldern Ihres Formulars angeben. Wenn Sie dies tun, erscheint ein Dropdown-Menü, in dem Sie das richtige Feld aus Ihrem Formular auswählen können.

Wenn Sie Verifizierte Telefonnummer auswählen, sehen Sie ein Dropdown-Menü mit allen Nummern, die Sie in Ihrem Twilio-Konto verifiziert haben. Sie wählen die spezifische Nummer aus, an die Sie eine Benachrichtigung erhalten möchten.

Schließlich sehen Sie, da Sie sich für den Versand als WhatsApp entschieden haben, ein Dropdown-Menü, in dem Sie eine Nachrichtenvorlage auswählen können.

Erinnern Sie sich kurz daran, was Sie in Schritt 1 oben getan haben, als Sie eine Nachrichtenvorlage in Twilio erstellt haben. Die dort erstellte(n) Vorlage(n) sollte(n) nun in diesem Dropdown-Menü zur Auswahl stehen.

Wählen Sie die Vorlage aus, die Sie verwenden möchten.

Nachdem Sie die Vorlage ausgewählt haben, sehen Sie Optionen, um die Variablen Ihren Formularfeldern zuzuordnen.

Das mag etwas verwirrend erscheinen, da hier alle Teile zusammenkommen. Lassen Sie es mich aufschlüsseln.

Sie haben eine Nachrichtenvorlage in Twilio erstellt, die für WhatsApp-Benachrichtigungen verwendet werden soll. In dieser Nachrichtenvorlage haben Sie nummerierte Variablen hinzugefügt, um die Nachricht zu personalisieren.

Sie haben auch ein Formular mit WPForms erstellt. Dieses Formular ist das, das Ihre Benutzer tatsächlich ausfüllen werden.

Sie möchten Benachrichtigungen vom WordPress-Formular an WhatsApp senden, was erfordert, dass Sie die Nachrichtenvorlage mit Ihrem Formular verbinden.

Sobald Sie die Formularfelder Ihres WPForms-Formulars Ihrer Twilio-Nachrichtenvorlage (die Sie für den Versand als WhatsApp-Nachricht erstellt haben) zugeordnet haben, werden diese Variablenfelder mit den korrekten personalisierten Informationen gefüllt. Sie sind jetzt verbunden.

Oder vereinfacht ausgedrückt: Ihre WhatsApp-Nachricht enthält Informationen, die über das von Ihnen erstellte Formular auf WPForms übermittelt wurden.

Wenn Sie mit der Konfiguration der Einstellungen hier fertig sind, klicken Sie oben im Formular-Builder auf Speichern.

Optional: Sandbox-Tests aktivieren

Dieser Schritt ist optional, aber ich möchte, dass Sie die Informationen haben, falls sie für Ihre Zwecke relevant sind.

Wenn Sie Ihre WhatsApp-Nachrichten testen möchten, bevor Sie sich für ein WhatsApp Business-Konto entscheiden und die WhatsApp-Genehmigung erhalten, können Sie dies in Twilio tun. Seine Sandbox-Umgebung ermöglicht es Ihnen, Ihre Integration zuerst zu testen.

Glücklicherweise ist dies recht einfach einzurichten, indem Sie Ihre bevorzugte Telefonnummer mit der Twilio WhatsApp Sandbox verbinden.

Beginnen Sie mit der Anmeldung bei Ihrem Twilio-Konto. Klicken Sie in der linken Seitenleiste unter Messaging und dann in diesem Untermenü auf Ausprobieren » Eine WhatsApp-Nachricht senden, wie hier:

Wenn sich die Seite für Eine WhatsApp-Nachricht senden öffnet, Ihre letzte Auswahl hier, scrollen Sie nach unten, bis Sie WhatsApp Sandbox verbinden sehen. Dort sehen Sie Ihre Verbindungsdetails zusammen mit 2 Optionen für den Beitritt.

Sie können wählen, ob Sie eine WhatsApp-Nachricht mit Ihrem persönlichen Beitrittscode an die Twilio-Nummer senden möchten oder ob Sie den QR-Code scannen möchten.

Nachdem Sie den Beitrittscode gesendet haben, überprüfen Sie Ihr Telefon. Sie sollten eine Nachricht erhalten, die bestätigt, dass Ihre Nummer mit der Sandbox-Umgebung verbunden ist und Sie mit dem Testen beginnen können.

Navigieren Sie von Ihrem WordPress-Dashboard zum WPForms-Plugin und öffnen Sie das Formular, das Sie für Ihre WhatsApp-Nachrichten verwenden.

Sobald das Formular im Formular-Builder geöffnet ist, wählen Sie auf der linken Seite die Registerkarte Marketing und suchen Sie dann Twilio.

Wenn Ihnen das bekannt vorkommt, liegt es daran, dass Sie bereits hier waren, als Sie die Twilio-Einstellungen in Schritt 3 konfiguriert haben.

Unter dem Dropdown-Menü, in dem Sie Als WhatsApp senden ausgewählt haben, sehen Sie einen Schalter, um Sandbox-Modus aktivieren.

Wenn Sie den Sandbox-Modus aktivieren, müssen Sie kein vorab genehmigtes Nachrichten-Template mehr verwenden. Stattdessen sehen Sie ein Nachricht-Feld, in dem Sie beliebigen Text für Testzwecke erstellen können.

Jetzt können Sie Nachrichten über die Twilio-Testnummer senden, um die Integration zu testen, ohne sofort ein WhatsApp Business-Konto zu benötigen.

Es ist erwähnenswert, dass Sie im Sandbox-Modus eine 3-tägige Testphase erhalten. Nach Ablauf der 3 Tage werden Ihre Testnachrichten nicht gesendet, es sei denn, Sie verbinden den Sandbox-Modus erneut.

Sobald Sie mit der Konfiguration Ihrer Nachricht fertig sind, speichern Sie Ihr Formular, und Sie sind bereit.

Erkunden Sie als Nächstes weitere Möglichkeiten für Conversational Marketing

Jetzt, da Sie wissen, wie Sie Benachrichtigungen von einem WordPress-Formular an WhatsApp senden, suchen Sie vielleicht nach weiteren Möglichkeiten, Conversational Marketing zu praktizieren. Wenn Sie Kunden durch Konversation und Personalisierung gewinnen und binden möchten, lesen Sie unseren Leitfaden zu Beispielen für Conversational Marketing und Tools zur Kundenbindung.

Erstellen Sie jetzt Ihr WordPress-Formular

Bereit, Ihr Formular zu erstellen? Beginnen Sie noch heute mit dem einfachsten WordPress-Formularersteller-Plugin.  WPForms Pro enthält viele kostenlose Vorlagen und bietet eine 14-tägige Geld-zurück-Garantie.

Wenn Ihnen dieser Artikel geholfen hat, folgen Sie uns bitte auf Facebook und Twitter für weitere kostenlose WordPress-Tutorials und Anleitungen.