WordPress mit KlickTipp verbinden: Plugin & Automation

• Das offizielle KlickTipp-Plugin: Die einfachste Methode, um Formulare direkt in WordPress zu bauen.
• Klassische Einbettung (HTML/JS): Ideal, wenn Du Listbuilding-Formulare im KlickTipp-Backend erstellst.
• Erweiterte Automatisierung via Make/n8n: Perfekt, um WordPress-Nutzerkonten automatisch anzulegen oder Kontakte anhand von Blog-Kommentaren zu taggen.

Option 1: KlickTipp WordPress Plugin

Deine Vorteile mit dem Plugin

• Native Integration: Erstelle Formulare direkt in WordPress, ohne zwischen den Plattformen hin und her zu wechseln.
• Intuitive Vorlagen: Nutze fertige Designs für Newsletter, Leadmagneten oder Webinare und starte in Sekunden.
• Echtzeit-Design-Editor: Passe Farben, Abstände und Buttons mit einer Live-Vorschau an, bis sie perfekt zu Deinem Theme passen.
• Dynamisches Tagging: Weise Tags basierend auf den Nutzereingaben zu (z. B. länderspezifische Tags).
• URL-Prefill & UTM-Parameter: Übergib Daten automatisch aus der URL in (auch versteckte) Formularfelder für präzises Tracking.

Voraussetzungen

• Zugang zu KlickTipp mit API-Zugriff: Du benötigst ein Premium Abo oder höher, damit Du Zugriff auf die API hast.
• WordPress: Eine Website mit Admin-Zugriff.
• Plugin: Das (kostenlose) KlickTipp-Plugin aus dem WordPress-Plugin-Verzeichnis.

Schritt-für-Schritt-Anleitung

Plugin installieren und verbinden

• Gehe in Deinem WordPress-Dashboard zu → Plugins → Installieren.
• Suche nach → KlickTipp – E-Mail Marketing and Marketing Automation, Forms, Tags  und klicke auf Jetzt installieren und danach auf Aktivieren.
• Klicke im Menü links auf den neuen Punkt KlickTipp.
• Klicke auf den Button → Mit KlickTipp verbinden.
• Ein Fenster öffnet sich. Logge Dich in Deinen KlickTipp-Account ein und bestätige den Zugriff mit einem Klick auf → Zulassen (Allow).  Dein Account ist nun sicher via API verbunden.

Grundlegende Einstellungen festlegen

• In den Plugin-Einstellungen legst Du Details wie die Datenaufbewahrung (Standard: 180 Tage) und das Verhalten zur Datenhaltung bei der Deinstallation fest.
• Die Sprache kannst Du in den persönlichen Einstellungen Deines WordPress-Benutzers ändern. Klicke dafür oben rechts auf Deinen Avatar und wechsle anschließend die Sprache zwischen Deutsch und Englisch.

Dein erstes Formular erstellen

• Navigiere zur Formularübersicht und klicke auf → Neu hinzufügen.
• Vorlagen nutzen oder von Grund auf neu erstellen: Wähle aus Anwendungsfällen wie Newsletter oder Leadmagnet, bei denen Felder vorausgefüllt sind.
• Konfiguration der Logik: Wähle den gewünschten Opt-in-Prozess und lege globale Tags fest, die jeder Kontakt erhalten soll.

Formularfelder und dynamisches Tagging

• Unter → Felder  definierst Du Deine Abfragen (E-Mail, Name etc.) und markierst sie ggf. als Pflichtfelder.
• Profi-Feature → Feldbasiertes Tagging:  Definiere Regeln. Wählt ein Nutzer im Feld → Land  z. B. → DE  aus, wird automatisch das Tag Deutschland zugewiesen.

Formularfeld	Feldtyp in KlickTipp
E-Mail-Adresse	E-Mail
Webadresse (muss mit http:// bzw. https:// beginnen)	URL
Ganze Zahlen (ohne Komma, Vorzeichen oder sonstigen Inhalt)	Zahl

Design und Einbettung

• Nutze den visuellen Editor für Farben, Abstände und den Call-to-Action-Text.
• Einbetten: Öffne die WordPress-Seite oder den Beitrag, füge einen neuen Block hinzu, suche nach → KlickTipp  und wähle Dein erstelltes Formular aus dem Dropdown. Fertig!
• Du kannst Formulare auch per Shortcode in Deine Website einbinden. Den passenden Shortcode findest Du in der Formularübersicht über das Code-Icon des jeweiligen Formulars.

Fortgeschrittene Funktionen

• UTM-Parameter und Vorbefüllung: Hängst Du → [email protected] an Deine URL an, ist das E-Mail-Feld beim Seitenaufruf bereits ausgefüllt.
• Versteckte Felder: Nutze versteckte Felder, um interne Informationen (wie die Werbequelle utm_source) unsichtbar an KlickTipp zu übertragen.

Option 2: Standard & RAW Formulare

Deine Vorteile

• Volle Flexibilität: Nutze KlickTipp-Designs oder passe RAW-Formulare zu 100% per CSS in Deinem Theme an.
• Bewährter Prozess: Ideal für bestehende KlickTipp-Nutzer mit komplexen Opt-in-Strukturen.

Schritt-für-Schritt-Anleitung

Formular in KlickTipp erstellen

• Navigiere in KlickTipp zu → Listbuilding →  Neues Listbuilding.
• Standard-Anmeldeformular: Ideal, wenn Du das Design im KlickTipp-Editor festlegen willst (inklusive Kontaktzähler oder DigiStore Multi-Device Tracking).
• RAW-Anmeldeformular: Wähle diese Option für volle optische Flexibilität. Hier wird nur die reine Funktionalität übertragen, das Design muss eigenständig überarbeitet werden.

Einbettung in WordPress

• Klicke in KlickTipp nach dem Speichern auf Einbettungscode.
• Kopiere den JavaScript/iFrame-Code (für Standard) oder den HTML-Quellcode (für RAW).
• Öffne Deine Seite im WordPress-Editor.
• Füge einen neuen Block hinzu und suche nach → Individuelles HTML.
• Füge den kopierten Code ein und klicke auf → Veröffentlichen.

Option 3: Make oder n8n

Übersicht & Vorteile

• Automatisierte Lead-Erfassung: Keine manuellen Ex- und Importe mehr.
• Verhaltensbasiertes Tagging: Segmentierung basierend auf Kommentaren oder Registrierungen.
• Bessere Conversion: Sofortige Follow-ups direkt nach der Aktion.
• Benutzerverwaltung: Automatische Erstellung von WP-Konten für neue Abonnenten.

Voraussetzungen

• Zugang zu KlickTipp mit API-Zugriff: Du benötigst ein Premium Abo oder höher, damit Du Zugriff auf die API hast.
• WordPress Admin-Zugriff: Rechte zur Installation von Plugins und Bearbeitung von Seiten.
• Make-Konto (oder n8n): Zum Importieren und Ausführen der Szenarien.

Schritt 1: Konfiguration in KlickTipp

Vorbereitungen: Felder & Tags

• WordPress | Username (Typ: Zeile)
• WordPress | Temporary Password (Typ: Zeile)
• WordPress | User ID (Typ: Zeile)
• WordPress | Comment (Typ: Zeile)
• WordPress | Consent (Typ: Zeile) – Wichtig: Dient als Filter in Make für die Erlaubnis zur Benutzererstellung.

• WordPress | User registration (Für die initiale Anmeldung)
• WordPress | Subscriber comment A (Für spezifische Kommentar-Interaktionen)
• WordPress | Subscriber comment B (Für spezifische Kommentar-Interaktionen)

Das Anmeldeformular erstellen

Typ	Vorteile	Einbindung
Standard-Formular	Design, Farben & Breite direkt im Editor anpassbar.	JavaScript- oder iFrame-Code.
RAW-Formular	Maximale Freiheit; nutzt das CSS Deiner Website.	HTML-Quellcode (Spam-Schutz separat einfügen).

• Vorname & Nachname (Standardfelder)
• E-Mail (Pflichtfeld)
• Consent (Einwilligung): Erstelle ein zusätzliches Feld (z. B. Checkbox), mit dem der Nutzer der Erstellung eines WordPress-Kontos zustimmt. (Hinweis: Make prüft dieses Feld auf den Wert → True.  Nur dann wird der User angelegt).
• DSGVO-Checkbox: Aktiviere die offizielle Checkbox im Editor.
• Optionales Tagging: Hinterlege hier das Tag → WordPress | User registration.

Webhook erstellen (Die Brücke zu Make/n8n)

• Pfad: Automatisierung → Webhook → Neuer Webhook.
• Aktivierungs-URL: Hier die URL aus Deinem Make/n8n-Webhook-Modul einfügen.
• Methode: Wähle → POST  (Format: Form Data oder JSON).
• Trigger: Verknüpfe den Webhook mit dem Smart-Tag zu Deinem Anmeldeformular oder mit dem Tag aus dem optionalen Tagging.

Schritt 2: Vorbereitung in WordPress

• Anmeldeseite erstellen: Lege eine neue Seite an (z. B. /registrierung).
• KlickTipp-Formular einbetten: Kopiere den Code aus KlickTipp und nutze den „Individuelles HTML“-Block, um ihn einzufügen.
• Kommentare aktivieren: Prüfe unter Einstellungen → Diskussion,  ob Kommentare für die gewünschten WordPress-Seiten erlaubt sind.

Schritt 3: Einrichtung & Konfiguration in Make

• Import & Setup: Nutze die Vorlage für die Benutzerregistrierung. Erstelle im ersten Modul einen neuen Webhook, kopiere die URL und hinterlege sie in KlickTipp (siehe Schritt 1-C).
• Verbindung: Verbinde Dein WordPress-Modul über ein Application Password (zu finden in WordPress unter Benutzer > Profil).
• Mapping & Filter (Wichtig!): Prüfe im WP-Modul, ob Vorname, Nachname und E-Mail korrekt den WP-Feldern zugeordnet sind. Richte zwischen Webhook und WP-Modul den Consent-Filter ein (z.B. WordPress | Consent — Equal to — true oder 1).

• Import & Setup: Nutze die Vorlage für die Tag-Segmentierung. Das erste Modul ( → Watch Comments)  überwacht neue Kommentare (Intervall z.B. alle 15 Min).
• Router-Logik: Der Router verzweigt den Flow basierend auf dem Kommentar.
  • Beispiel Filter Zweig A: Bedingung: Comment Content — Contains — Link A — Aktion: → Tag WordPress | Subscriber comment A  zuweisen.

Alternative: Integration via n8n

Go-Live & Qualitätssicherung

• Aktivierung: Schalte die Szenarien von → Draft  auf → ON/Active. Ersetze temporäre Test-Webhooks in KlickTipp durch die finalen Live-URLs.
• Error-Handling (Profi-Tipp): Füge in Make einen Error-Handler (z. B. Slack/E-Mail) hinzu, falls eine Benutzerregistrierung fehlschlägt (z.B. Benutzername bereits vergeben).
• Monitoring: Überprüfe in den ersten 72 Stunden regelmäßig die → Run History  auf Fehler und verifiziere stichprobenartig die Tag-Zuweisungen in KlickTipp.

Option 4: Weitere Partner Integrationen

Integrationsplattformen für WordPress

• WPFusion: Verbinde mühelos eine Vielzahl von WordPress-Plugins mit KlickTipp – zum Beispiel WPForms.
• WPWebhooks: So kannst Du auch Klickereignisse an KlickTipp senden.

Weitere WordPress PlugIns zur Einbindung

• Woo Commerce
• EZFunnels
• FunnelCockpit
• Gravity Forms
• Elementor
• DigiMember
• KlickMember
• KlickDivi
• Thrive Themes

DSGVO & Datensicherheit

• Den Einsatz der DSGVO-Checkbox direkt im Formular (im Plugin oder in den KlickTipp-Einstellungen aktivierbar).
• Einen sauberen Double-Opt-In-Prozess, um die ausdrückliche Einwilligung einzuholen.
• Eine verschlüsselte Verbindung (HTTPS) Deiner WordPress-Website.

Nächste Schritte & Marketing-Anwendungsfälle

• Automatisierte Willkommens-Sequenzen: Verknüpfe den Formular-Tag direkt mit einer Kampagne, die eine E-Mail-Info-Reihe versendet und neue User sofort begrüßt.
• Mitglieder-Onboarding: Führe Registranten/Käufer automatisch durch den Onboarding-Prozess.
• Nurture-Strecken & VIP-Status: Sende passenden Content, wenn jemand ein bestimmtes Thema kommentiert, und tagge besonders aktive Kommentatoren für exklusive Vorteile.
• Behavioral Targeting: Kombiniere Seitenbesuch-Tags mit Kommentar-Tags für hyper-personalisierte Mailings.

FAQs

Benötige ich für die WordPress-Anbindung einen API-Key?

Nein. Für das KlickTipp-WordPress-Plugin benötigst Du keinen manuellen API-Key. Ein Klick auf → Verbinden  reicht aus, um WordPress mit Deinem KlickTipp-Account zu verknüpfen.

Werden bestehende KlickTipp-Tags in WordPress übernommen?

Ja. Deine vorhandenen KlickTipp-Tags werden automatisch synchronisiert. Du kannst sie im Plugin aus der Liste auswählen und Formularen zuweisen.

 

Kann ich das Design meines WordPress-Formulars später ändern?

Ja. Änderungen im Plugin-Editor werden automatisch auf allen Seiten übernommen, auf denen Du das Formular eingebunden hast. Du musst die Seite nicht erneut bearbeiten.

Kann ich KlickTipp auch ohne WordPress-Plugin einbinden?

Ja. Du kannst ein KlickTipp-Formular im KlickTipp-Backend erstellen und den Einbettungscode in WordPress über den Block → Individuelles HTML  einfügen.

Wann brauche ich Make oder n8n für WordPress und KlickTipp?

Make oder n8n brauchst Du für erweiterte Automatisierungen, zum Beispiel wenn Du WordPress-Benutzer automatisch erstellen oder Kontakte anhand von Kommentaren taggen möchtest.

Zusammenfassung

Zusätzliche Ressourcen

• Anmeldeformular erstellen – Leads per Formular gewinnen
• RAW-Anmeldeformular (HTML) in KlickTipp erstellen
• KlickTipp Integrationen - Anleitungen
• KlickTipp Integrationen - Überblick
• WordPress Support Forum