Anmeldeformulare
RAW-Anmeldeformular (HTML) in KlickTipp erstellen
In diesem Beitrag erfährst Du, wie Du ein RAW Anmeldeformular erstellen kannst. Damit gestaltest Du benutzerdefinierte Anmeldeformulare für Deine Marketingkampagnen.
Du kannst das RAW Anmeldeformular ganz flexibel nutzen, wenn Du Dich mit HTML und CSS auskennst. Damit gestaltest Du die Optik Deines Listbuildings ganz nach Deinen Vorstellungen.
Schon gewusst?
Bitte füge den Skriptteil, der am Ende des Einbettungscodes steht, an passender Stelle in Dein CMS ein.
Das stellt sicher, dass Dein RAW Anmeldeformular einwandfrei funktioniert. Wie das geht, zeigen wir Dir im Beitrag: Spam-Schutz-Quellcode auf der Webseite einsetzen.
Schritt-für-Schritt Anleitung
RAW-Anmeldeformular in KlickTipp erstellen
- Klicke im Menü → Listbuildung → Listbuilding → Neues Listbuilding.
- Klicke auf die Schaltfläche → RAW Code.
- Vergib einen Namen und klicke auf → Anmeldeformular anlegen.
- Wähle den gewünschten Double-Opt-In-Prozess aus.
- Vergib optional ein manuelles Tag.
- Du kannst jederzeit weitere Felder hinzufügen, die Du für Dein Formular brauchst.
- Bestimme die Reihenfolge im angezeigten Anmeldeformular. Du kannst dafür die Felder mit den Kreuzen verschieben.
- Aktiviere optional das Digistore24-Multi-Device-Tracking bzw. die DSGVO-Checkbox.
- Den Text für die DSGVO-Checkbox kannst Du ganz einfach im Editor individuell anpassen.
- Klicke abschließend auf → Speichern.
HTML-Code kopieren und in Deine Website einfügen
- Klicke auf → Einbettungscode.
- Kopiere den Code aus dem Feld unter → HTML Quellcode einfügen in Deine Zwischenablage.
- Füge den Code in einen Text-Editor ein. Bitte schneide die letzte Code-Zeile aus – sie enthält das Spam-Schutz-Skript.
- Füge das Spam-Schutz-Skript an geeigneter Stelle in Dein CMS ein. Dies wird in diesem Beitrag erklärt: Spam-Schutz-Quellcode auf der Webseite einsetzen.
- Kopiere den übrigen HTML-Code des Anmeldeformulars. Füge diesen an der gewünschten Stelle in Deinem CMS ein.
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
Mit dem RAW-Anmeldeformular hast Du die volle Kontrolle über Design und Einbindung. Du kannst das Formular flexibel anpassen und direkt in Deine Website oder Anwendung integrieren.
Besonders praktisch: Du entscheidest selbst, welche Felder angezeigt werden und wie das Formular im Frontend aussieht – ganz ohne Einschränkungen durch vordefinierte Designs.
Nutze das RAW-Anmeldeformular, wenn Du maximale Gestaltungsfreiheit brauchst oder Dein Formular in ein bestehendes Layout integrieren möchtest.