WordPress mit KlickTipp verbinden und automatisieren

Deine Vorteile mit KlickTipp und WordPress

• Automatisierte Lead-Erfassung: Neue Anmeldungen und Formularkontakte aus WordPress landen automatisch in Deinem KlickTipp-Account — keine manuelle Übertragung mehr.
• Gezielte Segmentierung und Tagging: Weise Kontakte direkt beim Import Tags zu, um personalisierte Kampagnen und Trigger zu starten.
• Bessere Conversion: Synchronisierte Leads ermöglichen zeitnahe Follow-ups und automatisierte Funnels für eine höhere Abschlussrate.
• Zeit- und Ressourceneinsparung: Automatisierung reduziert Routineaufwand, sodass Du Dich auf Inhalte und Angebote konzentrieren kannst.

WordPress-Registrierungen und Tag-Segmentierung mit KlickTipp und Make

Nutze die fertigen Make-Vorlagen, um schnell zu starten:

• WordPress-Benutzerregistrierung via KlickTipp-Formulareinsendung erstellen
• KlickTipp Tag-Segmentierung via WordPress-Kommentare

Voraussetzungen

• Ein KlickTipp-Konto mit API-Zugriff (API-Key/Zugangsdaten verfügbar)
• Ein Make-Konto (um die Vorlage zu importieren und auszuführen)
• Eine WordPress-Website, auf der Du Seiten bearbeiten und Formulare einbetten oder Kommentarblöcke hinzufügen kannst (Admin-Zugriff)
• Ein KlickTipp-Formular oder eine Landingpage, die in KlickTipp erstellt wurde und in WordPress eingebettet werden kann (empfohlen)
• Zugriffsrechte zur Installation und Aktivierung von WordPress-Plugins, falls erforderlich (z. B. zum Einbetten von Formularen oder zum Verwalten von Kommentaren)

Vorbereitungen in Deinem KlickTipp-Konto

Datenfelder in KlickTipp erstellen

• WordPress | Username — Zeile
• WordPress | Temporary password — Zeile
• WordPress | User ID — Zeile
• WordPress | Comment — Zeile
• WordPress | Signup consent — Zeile

KlickTipp-Tag definieren oder erstellen

• WordPress | User registration
• WordPress | Subscriber
• WordPress | Subscriber comment A
• WordPress | Subscriber comment B

Weitere Vorbereitungen in KlickTipp

• KlickTipp-Anmeldeformular erstellen
  • Erfasse E-Mail-Adresse und alle weiteren Felder, die synchronisiert werden sollen.
  • Füge eine GDPR/DSGVO-Checkbox hinzu.
  • Ergänze ein zusätzliches Feld, das die Erlaubnis gibt, einen WordPress-Benutzer zu erstellen.
  • Bette das Formular später auf der entsprechenden WordPress-Seite ein.
• Webhook einrichten
  • Erstelle einen Webhook, der durch den Smart-Tag des Formulars aktiviert wird.
  • Dieser Webhook sendet die Daten automatisch an Make.
• Willkommens-E-Mail-Kampagne vorbereiten (optional)
  • Trigger nach der Anmeldung über das Formular.
• Kommentarbasiertes Kampagnen-Setup (optional)
  • Wenn Du kommentarbasierten Content nutzen möchtest, erstelle die Kampagnen-Sequenzen, die durch die kommentarbezogenen Tags ausgelöst werden.
• Sonstiges
  • Falls keine kommentarbasierten Kampagnen geplant sind, sind keine weiteren Vorbereitungen notwendig.

Styling des RAW-Anmeldeformulars

# Role / Context
Du bist ein erfahrener Frontend-Developer und UX-Designer mit Spezialisierung auf Conversion-optimierte Marketing-Websites. Du kennst das visuelle Design, die Typografie, Farben und Formular-Patterns der offiziellen Website (https://www.klicktipp.com/de/).

# Task / Goal
Passe das unten stehende HTML-Formular so an, dass es optisch und strukturell wirkt, als wäre es direkt für diese Homepage erstellt worden.

# Constraints / Rules
Die Funktionalität des Formulars darf nicht verändert werden (Action-URL, Feldnamen, API-Key, DSGVO-Checkbox, Captcha-Script bleiben erhalten).
Erlaubt sind nur HTML- und Inline-CSS-Anpassungen (kein externes CSS, kein JavaScript).

## Das Design soll:
- modern, clean und vertrauenswürdig wirken
- zur Markenoptik der Homepage passen (Farben, Abstände, Typografie, Button-Stil)
- responsiv sein (Desktop & Mobile)
- Beschriftungen dürfen UX-freundlich optimiert werden (z. B. Platzhalter, klarere Texte), ohne den rechtlichen Sinn zu verändern.
- Der Output soll nur das finale HTML enthalten – keine Erklärungen.

# Input HTML
Das HTML wird über die Eingabe im Chat geliefert.

Vorbereitungen in WordPress

• Anmeldeseite erstellen
  • Gehe in WordPress zu Seiten → Erstellen und erstelle eine Seite, z. B. „Anmeldung“ oder „Registrierung“. Füge eine kurze Erklärung hinzu, damit Besucher wissen, was sie erhalten.
• KlickTipp-Formular einbetten
  • Öffne in KlickTipp die erstellte Landingpage oder das Formular und kopiere den Einbettungscode (JavaScript/iframe) oder den Formular-Shortcode.
  • Bearbeite die Anmeldeseite in WordPress und füge den Code in einen individuellen HTML-Block (Gutenberg) oder direkt in den Editor ein, wo das Formular erscheinen soll.
  • Speichern und in der Vorschau prüfen, ob das Formular korrekt angezeigt wird und funktioniert.
• Kommentarbereiche für Segmentierung konfigurieren
  • Lege fest, auf welchen Beiträgen oder Seiten kommentarbasiertes Tagging genutzt werden soll.
  • Stelle sicher, dass Dein WordPress-Theme Kommentare unterstützt, oder verwende ein Kommentar-Plugin bzw. einen Kommentar-Block.
  • Im Block-Editor: Kommentar-Block hinzufügen oder unter Diskussions-Einstellungen → Kommentare erlauben aktivieren.
• Support-Plugins hinzufügen (optional)
  • Für detailliertere Kommentardaten (z. B. Sentiment, Upvotes) können Plugins oder kleine benutzerdefinierte Skripte installiert werden, um Kommentar-IDs und Inhalte zu erfassen.
  • Änderungen minimal halten – die Vorlage liest nur grundlegende Kommentar-Ereignisse aus.
• Testen von Formularen und Kommentaren
  • Führe eine Test-Anmeldung über das KlickTipp-Formular durch und hinterlasse einen Test-Kommentar unter einem Beitrag.
  • Prüfe, ob das Formular korrekt funktioniert und die Kommentare sichtbar sind.
• Hinweise
  • Make muss jetzt noch nicht konfiguriert werden. Der Fokus liegt darauf, das Formular bereitzustellen und Kommentare in WordPress zu ermöglichen.
  • Die Make-Vorlage verbindet später KlickTipp und WordPress, um Einsendungen und Kommentare auszulesen und Benutzer oder Tags automatisch zu erstellen.

Importvorlage importieren, einrichten und Integration testen

WordPress-Benutzer anlegen via KlickTipp

• Vorbereitung für den Test
  • Stelle sicher, dass sich das Make-Szenario im Modus „Run Once“ oder im Listening-Modus befindet.
  • Vergewissere Dich, dass die Webhook-URL von Make korrekt in Deinen KlickTipp Smart-Tag- oder Formular-Einstellungen hinterlegt ist.
• Test-Anmeldung durchführen
  • Fülle das KlickTipp-Formular auf Deiner WordPress-Website mit einer Test-E-Mail und einem Namen aus.
  • Schließe den Double-Opt-In-Prozess ab, falls dieser erforderlich ist, um den Webhook auszulösen.
• In Make überprüfen
  • Beobachte den Durchlauf des Szenarios: Bestätige, dass das Webhook-Modul die Daten von KlickTipp empfangen hat.
  • Überprüfe das WordPress-Modul, um sicherzustellen, dass die Benutzererstellung erfolgreich war und die Felder (Benutzername, E-Mail) korrekt zugeordnet wurden.
• In WordPress und KlickTipp prüfen
  • Bestätige, dass der neue Benutzer in Deinem WordPress-Dashboard unter „Benutzer“ existiert.
  • Überprüfe den Kontakt in KlickTipp, um sicherzustellen, dass die erwarteten Tags (z. B. „WordPress | Subscriber“) zugewiesen wurden.
• Abschließende Prüfung
  • Vergewissere Dich, dass alle Module erfolgreiche Testläufe zeigen und die Datenzuordnung korrekt ist.
• Szenario aktivieren
  • Schalte das Szenario in Make von „Draft/Test“ auf aktiv (den Schalter auf „ON“ stellen).
  • Falls Du während der Testphase eine temporäre Webhook-URL genutzt hast, stelle sicher, dass in Deinem KlickTipp Webhook nun die finale Live-URL hinterlegt ist.
• Die ersten Live-Durchläufe überwachen
  • Beobachte die ersten echten Registrierungen oder Kommentare in der „Run History“ von Make, um ein stabiles Verhalten sicherzustellen.
  • Prüfe die neu angelegten Benutzer in WordPress sowie die entsprechenden Kontakte in KlickTipp auf korrekte Tags und den erfolgreich abgeschlossenen Opt-in-Prozess.

KlickTipp Tag-Segmentierung via WordPress-Kommentare

• Test-Tags und Test-Kontakt vorbereiten
  • Erstelle die geplanten Tags in KlickTipp (z. B. WordPress | Subscriber comment A, WordPress | Subscriber comment B) und lege einen Test-Kontakt mit der Test-E-Mail an.
• Kontrollierte Kommentar-Tests durchführen
  • Schreibe auf der konfigurierten WordPress-Seite Kommentare mit der Test-E-Mail. Erstelle mindestens zwei unterschiedliche Kommentare, um verschiedene Router-Zweige in Make zu testen.
• Make-Verlauf beobachten
  • Öffne in Make die „Run History“ und prüfe, ob der Router den richtigen Pfad gewählt hat und die KlickTipp-Module den Kontakt korrekt gefunden und die Tags zugewiesen haben.
• Tags in KlickTipp verifizieren
  • Öffne den Test-Kontakt in KlickTipp und bestätige, dass die richtigen Tags zugewiesen oder aktualisiert wurden. Vergleiche bei Bedarf die Tag-IDs im Make-Output mit den KlickTipp-Daten.
• Abschließende Prüfung vor der Aktivierung
  • Stelle sicher, dass alle benötigten Tags existieren und die Tag-IDs in Make korrekt zugeordnet sind. Prüfe das E-Mail-Mapping und teste verschiedene Praxisfälle (neue vs. bestehende Kontakte). Profi-Tipp: Füge einen Error-Handler in Make hinzu, um bei fehlgeschlagenen Durchläufen sofort benachrichtigt zu werden.
• Szenario in Make aktivieren
  • Schalte das Szenario von „Draft“ auf „Active“.
• Die ersten Durchläufe überwachen
  • Überprüfe in den ersten 24–72 Stunden regelmäßig die Run History in Make und die KlickTipp-Kontaktdaten. Verifiziere, dass Tags korrekt zugewiesen werden und keine Duplikate oder Datenüberschreibungen in WordPress entstehen.
• Optimieren und Erweitern
  • Nutze die ersten Realdaten, um Router-Filter (z. B. Schlüsselwörter oder Einwilligungs-Checkboxen) zu verfeinern und Fehlerquellen zu minimieren.

Nächste Schritte

• Willkommenssequenz für neue Benutzer: Löse direkt nach der Erstellung des WordPress-Kontos eine automatisierte Willkommens-E-Mail-Kampagne in KlickTipp aus (verwende das Tag wp_signup oder wp_user_created).
• Kommentarbasierte Nurture-Strecken: Weise Tags basierend auf der Stimmung oder Aktivität der Kommentare zu (z. B. wp_comment_positive), um engagierte Nutzer in produktbezogene Follow-ups aufzunehmen.
• VIP- oder Reaktivierungs-Segmente: Nutze die Kommentarfrequenz oder spezielle Tags, um VIP-Kommentatoren zu markieren und sie in eine Premium-Kampagne zu verschieben oder zu Webinaren einzuladen.
• Behavioral Targeting: Kombiniere Tags von WordPress-Seitenbesuchen mit Kommentar-Tags, um hyper-personalisierte Inhalte zu senden (z. B. sende ein Content-Upgrade nur an Nutzer, die ein spezifisches Tutorial kommentiert haben).

Zusammenfassung

Weitere Ressourcen

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