Formulare & Landing Pages
Wix mit KlickTipp verbinden – Leads & Käufe automatisieren
So kannst Du Wix ganz einfach mit KlickTipp verbinden, um Besucherinteraktionen nahtlos zu verfolgen und Deine Marketingstrategie zu optimieren. In diesem Guide erfährst Du Schritt für Schritt, wie Du Deine Website-Daten in Deine E-Mail-Marketing-Strategie einbindest – für personalisierte Kommunikation und maximalen Erfolg.
Deine Vorteile mit KlickTipp und Wix
- Automatische Synchronisierung von Leads aus Wix-Formularen in KlickTipp
- Personalisierte Tag-Zuweisung basierend auf dem Verhalten Deiner Webseitenbesucher zur Optimierung Deiner Kampagnen
- Wertvolle Einblicke in Interessen und Vorlieben Deiner Nutzer für gezielte Inhalte
- Automatisierte Follow-up-Strategien, um Interessenten durch den Verkaufsprozess zu begleiten
- Stärkung der Kundenbindung durch individuell angepasste Marketing-Maßnahmen
Wix via RAW-Formular anbinden
Die einfachste Möglichkeit, Wix mit KlickTipp zu verbinden – ganz ohne Drittanbieter – ist das RAW-Formular von KlickTipp. Mit nur wenigen Schritten bindest Du es per HTML-Code in Deine Wix-Seite ein.
Voraussetzungen
- Zugang zu KlickTipp mit API-Zugriff: Du benötigst ein Premium Abo oder höher, damit Du Zugriff auf die API hast.
- Wix-Konto: Du benötigst einen Account mit entsprechenden Berechtigungen.
- Zugang zu Make: Prüfe, ob Du über ein Make-Konto verfügst und erstelle ggf. einen Account.
Vorbereitungen in Deinem KlickTipp-Konto
Für die Nutzung des RAW-Formulars mit Wix kannst Du in KlickTipp optional ein Tag anlegen. Dieses dient der späteren Segmentierung und ermöglicht eine gezielte Steuerung Deiner Marketingkampagnen.
Damit sich das HTML-Formular optisch in Deine Seite einfügt, kannst Du den HTML-Code aus KlickTipp beispielsweise mit Hilfe von ChatGPT anpassen.
KlickTipp-Tag erstellen
Bitte erstelle das folgende Tag in KlickTipp:
- Wix | Form Lead
RAW-Formular in KlickTipp anlegen
- Listbuilding vom Typ → RAW Code anlegen
- Double-Opt-In-Prozess auswählen
- Optionales Tag → Wix | Form Lead einfügen
- Feld → Nachnahme hinzufügen (Vorname & E-Mail-Adresse bereits vorhanden)
- Optional: DSGVO-Checkbox aktivieren
- Speichern und Einbettungscode kopieren
Vorbereitung in Wix
- Neue Seite in Wix erstellen
- Element → HTML einbetten hinzufügen
- HTML-Code aus KlickTipp einfügen und aktualisieren
- Styling im HTML-Code hinzufügen
- Optional: HTML-Code vorab via KI stylen lassen
Styling des RAW-Anmeldeformulars
Um das Styling von Raw Forms zu vereinfachen, stellen wir Dir einen vordefinierten Prompt zur Verfügung.
Damit kannst Du Deine Formulare ganz einfach an das Design Deiner Website (z. B. WordPress oder ClickFunnels) anpassen – ohne die bestehende Funktionalität zu verändern. So erstellst Du moderne, konsistente und conversion-optimierte Formulare, auch ohne Programmierkenntnisse.
Wichtig: Ersetze die im Prompt enthaltene Beispiel-URL (z. B. https://www.klicktipp.com/de/) durch die Zielseite, an deren Design sich Dein Formular orientieren soll.
Füge außerdem unterhalb des Prompts Deinen originalen Raw-Formular-Code ein, damit dieser entsprechend angepasst werden kann. Teste den generierten Code anschließend sorgfältig und binde ihn erst danach auf Deiner Seite ein.
# 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.
Kopieren
Wix-Daten mit bedingter Kennzeichnung zu KlickTipp übertragen
Diese Anleitung zeigt Dir, wie Du Deine Wix-Website mithilfe von Make mit KlickTipp verbindest. Durch die automatische Übertragung von Bestellungen, Warenkörben und Formulareingaben sowie die Kategorisierung Deiner Kunden anhand ihrer Käufe kannst Du Deine Marketingmaßnahmen optimieren und gezielte Nachrichten genau zur richtigen Zeit an die passende Zielgruppe senden.
Nutze die bereitgestellten Vorlagen, um Deinen Workflow zwischen Wix und KlickTipp ganz einfach einzurichten. Sie erleichtern Dir den Einstieg und helfen Dir dabei, Deine Prozesse effizient zu automatisieren.
Voraussetzungen
- Zugang zu KlickTipp mit API-Zugriff: Du benötigst ein Premium Abo oder höher, damit Du Zugriff auf die API hast.
- Wix-Konto: Du benötigst einen Account mit entsprechenden Berechtigungen.
- Zugang zu Make: Prüfe, ob Du über ein Make-Konto verfügst und erstelle ggf. einen Account.
- Wix-Website und benutzerdefinierte App: Du benötigst die erforderlichen Berechtigungen der App, die mit der Website verbunden ist.
- App-ID und geheimer App-Schlüssel: Diese findest Du in den Einstellungen der benutzerdefinierten App (Entwickeln → OAuth).
Vorbereitungen in Deinem KlickTipp-Konto
Für die Integration mit Wix musst Du in KlickTipp einige zusätzliche Datenfelder und Tags anlegen. Diese dienen der späteren Segmentierung und ermöglichen Dir, Deine Marketingkampagnen gezielt zu steuern und Kontakte anhand ihres Verhaltens automatisch zu kategorisieren.
Datenfelder in KlickTipp erstellen
Bitte erstelle die folgenden benutzerdefinierten Felder in KlickTipp:
- Wix | Produkte
- Wix | Gesamt
KlickTipp-Tags definieren oder erstellen
Du musst die folgenden Tags erstellen:
- Wix | Bekleidungskäufer
- Wix | Premium-Kunde
- Wix | Formular-Lead
- Wix | Warenkorb erstellt
- Wix | Warenkorb aktualisiert
Diese Tags sind wichtig für Deine Segmentierungsstrategien und helfen Dir, Deine Marketingkampagnen gezielt zu steuern.
Vorbereitungen innerhalb von Wix
- Stelle in Make eine Verbindung zu Deiner Wix-Website her und gib die erforderlichen API-Zugangsdaten ein.
- Ordne in den Konfigurationseinstellungen die benötigten Felder von Wix den entsprechenden Feldern in KlickTipp zu – einschließlich Kunden- und Lead-Informationen sowie Warenkorb- und Bestelldetails.
- Sobald die Konfiguration abgeschlossen ist, aktiviere das Szenario → Erstellen, um die Synchronisierung der Daten von Wix zu KlickTipp zu starten – inklusive bedingter Tag-Vergabe basierend auf den von Dir festgelegten Parametern.
Make: Wix-Bestellungen mit bedingter Kennzeichnung an KlickTipp übertragen
Verwende die Vorlage, um Wix-Bestellungen nahtlos mit KlickTipp zu verbinden und bedingte Tags zu nutzen. So kannst Du Deine Marketing-Workflows effizient automatisieren.
- Schließe einen Kauf in Deinem Wix-Shop ab.
- Nutze die Funktion → Einmal ausführen in Make, um das Szenario auszulösen.
- Überprüfe, ob die Bestellinformationen – einschließlich der Tags – in KlickTipp korrekt angezeigt werden.
Sobald die Tests erfolgreich abgeschlossen sind und alle Daten korrekt fließen, aktivieren Sie Ihr Szenario in Make, um es live zu schalten und die automatisierte Verschlagwortung und Kontaktverwaltung zu nutzen.
Make: Wix-Formulareinreichungen an KlickTipp übertragen
Nutze diese Vorlage, um Wix-Formularübermittlungen automatisch in KlickTipp zu integrieren. Klicke auf den folgenden Link, um die Vorlage in Make zu importieren:
Wix-Formularübermittlungen an KlickTipp übertragen.
- Fülle das Formular auf Deiner Wix-Website aus, um die Integration zu testen.
- Gehe anschließend zurück zu → Erstellen in Make und führe das Szenario einmal aus, um die eingehenden Daten zu erfassen.
Nach erfolgreichem Test der Integration aktivieren Sie diese in Make, um live zu gehen und mit dem Empfang von Einsendungen in KlickTipp zu beginnen.
Make: Wix-Warenkörbe mit bedingter Kennzeichnung zu KlickTipp übertragen
Nutze diese Vorlage, um Wix-Warenkörbe mit bedingter Kennzeichnung zu Klick-Tipp zu übertragen.
- Teste die Funktion, indem Du als Testnutzer ein Produkt in den Wix-Warenkorb legst.
- Anschließend kannst Du testen, ob Änderungen erfasst werden, indem Du Produkte hinzufügst, entfernst oder die Mengen anpasst.
- Klicke in → Erstellen auf → Einmal ausführen, um die Ereignisse zu erfassen.
- Überprüfe, ob das Warenkorb-Ereignis in KlickTipp korrekt erfasst wurde und die entsprechenden Tags richtig zugewiesen sind.
Nach einem erfolgreichen Test kannst Du die Einrichtung in Make abschließen.
Aktiviere das Szenario, um das Live-Tracking zu starten und sicherzustellen, dass die Interaktionen Deiner Kunden mit Deinem Wix-Shop in KlickTipp erfasst und personalisiert werden.
Nächste Schritte
Nach der Einrichtung der Integration kannst Du in KlickTipp die folgenden Aktionen nutzen, um Deine Leads und Events noch effektiver zu verwalten:
- Kampagnen basierend auf Warenkorbereignissen aktivieren
- Personalisierte Tags für segmentiertes Marketing festlegen
- Automatisierte E-Mail-Sequenzen für Neukunden basierend auf ihrem Kaufverhalten starten
- Tags für importierte Leads festlegen
- Automatisierungen basierend auf Lead-Tags starten
- Leads für gezielte Marketingmaßnahmen segmentieren
Zusammenfassung
Durch die Integration von Wix und KlickTipp vereinfachst Du nicht nur Deine Prozesse, sondern nutzt auch wertvolle Insights, um Deine Marketingstrategie zu optimieren. Diese Verbindung ermöglicht Dir eine automatisierte und personalisierte Kommunikation – für maximalen Erfolg.