Gravity Forms Integration mit KlickTipp und n8n

Vorteile der Gravity Forms-Integration

• Automatisierte Feedback-Verarbeitung: Unser Integrationstemplate ermöglicht eine sofortige Erfassung und Kategorisierung von Kundenfeedback, wodurch Du wertvolle Rückmeldungen effizient und ohne manuelle Eingriffe verarbeiten kannst.
• Optimierte Kundenkommunikation: Automatische Bestätigungen und personalisierte Antworten basierend auf dem Feedback-Inhalt sorgen für eine professionelle und transparente Kommunikation mit Deinen Leads und Kunden. So bleibt der Kommunikationsfluss stets aufrechterhalten.
• Strukturierte Qualitätsverbesserung: Durch die strukturierte Erfassung von Verbesserungsvorschlägen und die einfache Identifikation von Optimierungspotentialen kannst Du datenbasierte Entscheidungen treffen und Dein Angebot kontinuierlich verbessern.
• Effizientes Feedback-Management: Alle Kundenrückmeldungen werden zentral verwaltet und automatisch nach Themen oder Bereichen kategorisiert. Diese systematische Verwaltung spart Zeit und ermöglicht eine schnelle Auswertung der Daten.

Schritt-für-Schritt-Anleitung

Voraussetzungen

• Stelle sicher, dass Du einen aktiven Gravity Forms-Account hast. Es kann sich dabei um die Demo- oder die Vollversion handeln.
• Überprüfe, ob Du Zugriff auf Deinen KlickTipp-Account hast. Der API-Zugriff ist dabei erforderlich.
• Sorge dafür, dass eine funktionsfähige n8n-Umgebung bereitsteht, bevor Du startest. Schaue Dir dazu auch diesen Artikel an: n8n und Node-RED ganz einfach mit elestio einrichten.
• Achte darauf, dass das Webhook-Add-on in Gravity Forms aktiviert ist, damit die Integration reibungslos funktioniert.

Gravity Forms registrieren

• Rufe die Pricing-Seite von Gravity Forms auf, um mit der Registrierung zu beginnen.
• Scrolle nach unten bis zu → Try Our Demo  und wähle → Start Your Test Drive,  um die Demo zu starten.
• Gib Deine Daten ein: Trage Deinen Vor- und Nachnamen sowie Deine E-Mail-Adresse ein und bestätige sie. Löse das Captcha und klicke anschließend auf → I'm ready, let's build some forms.
• Nach der Registrierung wirst Du automatisch in das Dashboard weitergeleitet, wo Du direkt starten kannst.

Formular in Gravity Forms erstellen

• Ein neues Formular erstellen:
  • Wähle → Create a New Form  und entscheide Dich für → Blank Form,  um ein neues Formular zu starten.
  • Gib Deinem Formular einen passenden Titel und eine Beschreibung, wie z. B. → Feedback-Formular für KlickTipp.
• Felder hinzufügen:
  • Erstelle folgende Felder:
    • Vorname: Ein einzeiliges Textfeld.
    • Nachname: Ein einzeiliges Textfeld.
    • E-Mail-Adresse: Ein E-Mail-Feld.
    • Telefonnummer: Ein Feld für Telefonnummern.
    • Geburtsdatum: Ein Datumsfeld im Format → dd.mm.yyyy.
    • LinkedIn-URL: Ein Feld für URLs.
    • Feedback-Bewertung: Radio-Buttons mit einer Skala von 1 bis 5.
    • Offene Frage: Ein mehrzeiliges Textfeld.
    • Checkbox zur Kontaktaufnahme: Eine Zustimmung, z. B. → Ich stimme zu, kontaktiert zu werden.
• Speichere das Formular mit → Save Form  und sieh es Dir über → Preview  an, um sicherzugehen, dass alles passt.
• Nach der Vorschau kannst Du das Formular veröffentlichen. Wähle → </> Embed,  klicke auf → Create New → Page  und gib den Namen der Formular-Seite ein.

Webhook-Add-on aktivieren

• Melde Dich in Deinem WordPress-Dashboard an und gehe im linken Menü zu → Gravity Forms  → Add-ons.
• Finde in der Liste das Webhook-Add-on.
• Wähle → Activate,  um das Add-on zu aktivieren.

Vorbereitungen in KlickTipp

Stammsatzfelder erstellen

Workflow importieren

• Workflow über die bereitgestellte JSON-Datei in n8n importieren:
  • Klicke auf Use Workflow
  • Klicke auf Copy Template to Clipboard, um den Inhalt des Workflows (als JSON) in die Zwischenablage zu kopieren.
  • Öffne N8n und erstelle einen neuen Workflow. Klicke in den leeren Inhaltsbereich des Editors und füge den kopierten JSON-Inhalt mit STRG+V (Windows) oder CMD+V (Mac) ein.
• Webhook-Node einrichten:
  • Kopiere die Produktions-URL aus der Webhook-Node in n8n.
• Navigiere in Gravity Forms zu → Forms  und öffne das Formular, das Du zuvor erstellt hast.
• Gehe in den Form Settings zu → Webhooks  und füge mit → Add New  einen neuen Webhook hinzu.
• Konfiguriere den Webhook:
  • Vergib einen aussagekräftigen Namen für den Webhook, z. B. → Feedback-Formular zu KlickTipp.
  • Trage die URL aus der Webhook-Node in n8n in das Feld → Request URL  ein.
    • Diese URL findest Du in der Webhook-Node in n8n. Wähle die Produktions-URL, damit die Daten an die richtige Adresse gesendet werden.
  • Setze die → Request Method  auf POST.
  • Stelle das → Request Format  auf JSON ein.
  • Wähle für den → Request Body  die Option → All Fields,  damit alle Formulardaten übertragen werden.
• Speichere den Webhook, indem Du auf → Save Settings  klickst.
• KlickTipp-Node konfigurieren:
  • Nutze unter → Credentials  vorhandene Zugangsdaten oder lege neue an.
  • Gib Deinen Benutzernamen und das Passwort Deines KlickTipp-Accounts ein.
  • Verknüpfe die Felder aus Gravity Forms mit den entsprechenden KlickTipp-Stammsatzfeldern, die Du zuvor erstellt hast (z. B. → Gravityforms_URL_Linkedin, → Gravityforms_kurs/webinar_zeitpunkt, → Gravityforms_feedback,  etc.).

Workflow aktivieren und testen

• Aktiviere den Workflow in n8n, indem Du ihn auf → Active  schaltest.
• Teste Dein Formular, indem Du es öffnest, die Felder ausfüllst und das Formular absendest.
• Sieh in KlickTipp nach, ob die Daten korrekt übertragen wurden.
  • Verwende die Produktions-URL in Gravity Forms, um sicherzustellen, dass der Workflow im Live-Modus korrekt arbeitet.