Überblick
Mit dem Embed-Feature platzierst du dein ProtocolHero-Formular genau dort, wo deine Besucher schon sind: auf deiner Website. Statt nur einen Link zu teilen, bindest du das Formular als iframe, Popup-Button oder Vollseite ein. Deine Besucher brauchen kein ProtocolHero-Konto, und abgeschickte Formulare landen wie gewohnt unter Einreichungen. Du brauchst einen Plan ab Standard, ein aktives Protokoll ohne Workflow oder Level-Blöcke und die Möglichkeit, HTML-Code auf deiner Website einzufügen.
Schritt für Schritt
Protokoll aktivieren
Öffne die Protokollübersicht, klicke im Drei Punkte-Menü der Protokollkarte auf Aktivieren, falls das Protokoll noch inaktiv ist. Erst ein aktives Protokoll können Besucher ausfüllen
„Öffentlicher Link“ öffnen
Bleib in der Protokollübersicht, öffne das ⋯-Menü des gewünschten aktiven Protokolls und wähle Öffentlicher Link. Link freischalten Das Modal „Öffentlicher Link“ öffnet sich — hier konfigurierst du Link, Einbettung und Erfolgsseite.
Öffentlichen Link aktivieren
Schalte den öffentlichen Link ein und lies den Hinweis darunter: Jeder mit dem Link kann eine Einreichung starten — das Protokoll muss aktiv sein. Erscheint eine rote Warnung wegen Workflow, Level-Blöcken oder einem inaktiven Protokoll, behebe das zuerst, sonst funktioniert das eingebettete Formular für Besucher nicht.
Einbettungsmodus wählen
Unter Layout-Vorschau legst du fest, wie das Formular auf deiner Website erscheint. Im Standard-Modus wird es als iframe direkt auf der Seite angezeigt, ideal für Kontakt- oder Landingpages. Im Popup-Modus erscheint ein schwebender Button, der das Formular im Overlay öffnet — inklusive Einstellungen für Text, Position, Farbe und Icon. Im Vollseiten-Modus füllt das iframe fast den gesamten Bereich und eignet sich für eigene Formularseiten.
Erfolgsbildschirm anpassen (optional)
Im Bereich Erfolgsseite vergibst du Titel und Nachricht nach dem Absenden, zum Beispiel „Vielen Dank für deine Anfrage!“. Optional können Besucher eine PDF-Kopie per E-Mail erhalten oder nach dem Absenden automatisch auf eine Danke-Seite weitergeleitet werden.
Optionen speichern
Scrolle nach unten oder nutze die Fußzeile des Dialogs und klicke auf Optionen speichern. Erst danach ist der öffentliche Link aktiv und der Embed-Code gültig. Hast du das Protokoll später im Editor geändert, öffne Öffentlicher Link erneut und speichere noch einmal — sonst sehen Besucher möglicherweise eine Wartungsseite statt des aktualisierten Formulars.
Embed-Code kopieren
Im Bereich Embed-Code klickst du ins Codefeld, um den vollständigen Code anzuzeigen, und dann auf Code kopieren. Bei Standard und Vollseite erhältst du iframe-HTML, beim Popup Container und Script. Im Vollseiten-Modus kannst du alternativ auch die Direkt-URL kopieren.
Code auf deiner Website einfügen
Öffne dein Website-CMS oder den HTML-Editor der Zielseite, füge den kopierten Code an der gewünschten Stelle ein und veröffentliche die Seite. Wird im Standard- oder Vollseiten-Modus ein Teil des Formulars abgeschnitten, erhöhe die iframe-Höhe im Code oder wechsle in den Vollseiten-Modus. Beim Popup kopierst du immer den gesamten Codeblock — Button und Script müssen zusammenbleiben. Bei strengen Content-Security-Policies passt du ggf. die frame-src- und script-src-Richtlinien an. Tipp bei Standard/Vollseite: Wirkt der Inhalt abgeschnitten, erhöhe die iframe-Höhe im Code (Standardwert oft 800 px) oder wähle Vollseite. Tipp bei Popup: Den gesamten Block kopieren und einfügen — Button und Skript gehören zusammen. Hinweis für strikte Website-Sicherheit (CSP): Unter manchen Content-Security-Policies sind Anpassungen für frame-src und ggf. script-src nötig, damit iframe und Popup-Skript laden dürfen.
Einbettung testen
Öffne deine Website im Browser, am besten im Inkognito-Fenster, und prüfe, ob das Formular lädt oder der Popup-Button erscheint, alle Felder ausfüllbar sind und nach dem Absenden die Erfolgsseite oder Weiterleitung erscheint. In ProtocolHero schaust du unter Einreichungen nach — Website-Einreichungen erscheinen mit dem Kanal Embed.