Die einfachste Möglichkeit, um das Kontaktformular responsive in Ihre Website einzubinden, funktioniert via iFrame. Sie müssen lediglich eine kleine Zeile Code an eine geeignete Stelle einfügen! Es spielt hierbei keine Rolle, ob es sich um eine statische Website oder um eine dynamische Website (z.B. WordPress, Bootstrap, Joomla!, Typo3 usw.) handelt.
Hinweis: Dieses iFrame besitzt allerdings noch keine automatische Höhenanpassung.
» Zum iFrame mit automatischer Höhenanpassung!
URL zum Formular
Zwischen src="" fügen Sie die URL zum Kontaktformular ein. Bitte achten Sie ggf. auf http: bzw. https: am Anfang der URL!
Breite definieren
Die Breite des iFrame können Sie über den Parameter width anpassen.
Hinweis: Wenn Sie das Kontaktformular nicht responsive einbinden möchten, können Sie den Wert unter "width" auch in px (z.B. 720px) angeben. Also zum Beispiel:
Höhe definieren
Die Höhe des iFrame können Sie über den Parameter height anpassen. Alternativ kann die Höhe auch automatisch angepasst werden. (siehe nächster Abschnitt!)
Tipp: iFrame mit automatischer Höhenanpassung
1. Fügen Sie diesen Javascript Code zwischen <head> und </head> in die Seite ein, in welche das Kontaktformular integriert wird:
Wichtig: Der Javascript Code funktioniert nur, wenn sich das Kontaktformular auf der selben Domain befindet. Hinweis für WordPress Nutzer: Sie benötigen ein Plugin, um Javascript Code einzufügen. (z.B.: Insert Headers and Footers)
2. Fügen Sie diesen iFrame Code an eine geeignete Stelle ein:
Achten Sie auf die korrekte URL zwischen src="", sofern Sie die URL ausschreiben. (insbesondere auf http: bzw. https:)
3. Denken Sie daran, für die Danke-Seite ein Framebrecher Script zu nutzen. Siehe nächster Abschnitt!
Es kann sinnvoll sein, die Danke-Seite außerhalb des iFrame anzeigen zu lassen. Fügen Sie diesen Code in Ihre Danke-Seite zwischen <head> und </head> ein:
Hinweis für WordPress Nutzer: Sie benötigen ein Plugin, um Javascript Code einzufügen. (z.B.: Insert Headers and Footers)