Nachdem du dein Formular erstellt hast, kannst du es ganz einfach auf deiner Website einbetten. Hier erfährst du, wie es funktioniert.
Embed-Code kopieren
Öffne dein Formular im Form-Editor
Klicke auf Veröffentlichen in der oberen rechten Ecke
Kopiere den angezeigten Embed-Code
Code auf deiner Website einfügen
Der Embed-Code besteht aus zwei Teilen:
1. Das Script (einmal pro Seite)
Füge dieses Script im <head> oder vor dem schließenden </body> Tag ein:
<script src="https://cdn.rocketlead.io/widget.js" defer></script>
2. Der Container (wo das Formular erscheinen soll)
Füge dieses Element dort ein, wo das Formular angezeigt werden soll:
<div data-rocketlead-form data-form-id="deine-form-id"></div>
Beispiel: Vollständige Integration
<!DOCTYPE html> <html> <head> <title>Probestunde buchen</title> <script src="https://cdn.rocketlead.io/widget.js" defer></script> </head> <body> <h1>Jetzt Probestunde buchen</h1> <div data-rocketlead-form data-form-id="abc-123-def"></div> </body> </html>
Plattform-spezifische Anleitungen
WordPress
Bearbeite die Seite, auf der das Formular erscheinen soll
Füge einen Custom HTML Block hinzu
Füge den Container-Code ein
Füge das Script in den Theme-Einstellungen unter "Header Scripts" ein
Wix
Füge ein Embed HTML Element hinzu
Füge beide Code-Teile zusammen ein
Webflow
Füge ein Embed Element hinzu
Füge den Container-Code ein
Gehe zu Project Settings → Custom Code → Head Code und füge das Script ein
Fehlerbehebung
Formular wird nicht angezeigt
Prüfe, ob das Script korrekt geladen wird (Browser-Konsole öffnen, nach Fehlern suchen)
Stelle sicher, dass die
data-form-idkorrekt istPrüfe, ob das Formular veröffentlicht wurde
Styling-Probleme
Das Formular passt sich automatisch an die Breite des Containers an. Wenn du die Breite begrenzen möchtest:
<div style="max-width: 600px; margin: 0 auto;"> <div data-rocketlead-form data-form-id="abc-123-def"></div> </div>