Contact Form 7

Bevor du startest

• In WordPress: das Plugin Contact Form 7 und das kostenlose Plugin CF7 to Webhook von Mário Valney auf WordPress.org (früher „CF7 to Zapier“). Contact Form 7 allein benachrichtigt keine anderen Systeme.
• In SendApp: Um das Adressbuch zu füllen, brauchst du sonst nichts. Für eine Begrüßung auf WhatsApp brauchst du verbundenes WhatsApp und eine von Meta genehmigte Vorlage.

1. Adresse in Contact Form 7 einfügen

1. Öffne auf der Seite Integrationen die Karte Contact Form 7, wähle das KI-Konto und klicke auf Automatisierung erstellen: Eine ausgeschaltete Automatisierung öffnet sich, mit dem Ereignis Contact Form 7 bereits gewählt und dem Schritt Tag hinzufügen „sito-web“.
2. Kopiere die fertige Adresse mit Kopieren. Sie gehört nur zu dieser Automatisierung: Halte sie geheim, wer sie hat, kann sie starten.
3. Installiere und aktiviere in WordPress unter Plugins → Installieren das Plugin CF7 to Webhook.
4. Öffne Formulare → Kontaktformulare, bearbeite das Formular und gehe zum Tab Webhook, den das Plugin hinzufügt.
5. Hake Send to Webhook an, füge die Adresse bei Webhook URL ein und speichere das Formular. Lass Send CF7 mail as usually angehakt, wenn du die E-Mail des Formulars weiter erhalten möchtest.

2. Test in Contact Form 7 machen

1. Lass die SendApp-Automatisierung ausgeschaltet: Der Aufruf wird als Beispiel gespeichert und der Kontakt noch nicht erstellt.
2. Fülle das Formular auf deiner Website mit deiner eigenen Nummer und E-Mail aus.
3. Kehre dann in den Editor zurück: Die Daten erscheinen nach wenigen Sekunden von selbst.

3. Empfangene Daten prüfen

Im Editor erscheinen die Felder des Formulars von selbst, mit ihren Werten. Wenn du sie nicht siehst, klicke auf Aktualisieren.

Welche Felder zu erwarten sind

Das Plugin sendet jedes Feld mit dem Namen, den es im Formular hat. Das Standardformular von Contact Form 7 verwendet your-name, your-email, your-subject und your-message: Name und E-Mail werden automatisch erkannt, ebenso your-tel oder your-phone für die Telefonnummer und your-first-name mit your-last-name für getrennten Vor- und Nachnamen.

Ein Feld, das mit den Schaltflächen von Contact Form 7 erstellt wurde, bekommt einen Namen wie tel-123: Benenne es im Formular in your-tel um oder wähle das Feld selbst unter Wer der Kontakt ist.

Dann die Automatisierung fertigstellen

1. Lass unter Wer der Kontakt ist die Option Automatisch erkennen oder wähle die Felder für Telefon, E-Mail und Name selbst. WhatsApp braucht die Nummer mit internationaler Vorwahl: Prüfe sie im Test.
2. Der Schritt Tag hinzufügen setzt „sito-web“ auf den Kontakt: Du kannst den Namen des Tags ändern.
3. Für eine Begrüßung auf WhatsApp füge den Schritt WhatsApp-Vorlage senden hinzu, wähle die Vorlage und für jeden Parameter das Feld aus der Gruppe Empfangene Daten.
4. Für eine Begrüßung per E-Mail füge den Schritt E-Mail aus deinem Postfach senden hinzu, wähle Ich verwende eine E-Mail-Vorlage und die Vorlage aus dem Email Builder (die Kontaktdaten werden automatisch ausgefüllt) und als E-Mail-Art Service. Du brauchst ein verbundenes Postfach unter Apps → E-Mail: Outlook / Microsoft 365 oder Eigenen SMTP verwenden.
5. Speichere die SendApp-Automatisierung, schalte sie ein und wiederhole den Test: Der Kontakt erscheint unter Kontakte mit dem Tag „sito-web“.

Gut zu wissen

• Ein Formular ohne Telefonnummer und ohne E-Mail erstellt keinen Kontakt.
• Für Werbenachrichten brauchst du die Einwilligung des Kunden: Füge dem Formular ein Kästchen für die Einwilligung hinzu.
• Wenn du eine neue Adresse erzeugst, funktioniert die alte sofort nicht mehr: Füge die neue bei Webhook URL ein.
• Die Bezeichnungen von CF7 to Webhook sind die des Plugins auf Englisch und können sich ändern.