Formulare einbetten

Nutzen Sie einen Einbettungscode, um ein Formular auf einer Website einzurichten.
Ein Einbettungscode ist ein HTML-Schnipsel, mit dem Sie ein Formular in Ihre Website einbinden können, ohne es direkt dort erstellt haben zu müssen. Jedes Mal, wenn die Website neu geladen wird, holt der Code-Schnipsel das Formular aus seiner ursprünglichen Quelle. Das hat den entscheidenden Vorteil, dass Sie nichts weiter machen müssen, wenn Sie Änderungen in einem Formular vornehmen. Sobald Sie in Formcentric Änderungen veröffentlichen, werden auch die eingebetteten Formulare automatisch aktualisiert.

Für das Formular können Sie mehrere Einbettungscodes in unterschiedlichen Designs generieren.
Gehen Sie hierfür zum Bereich Teilen und dann zu Einbetten. Wählen Sie bei Design-Auswahl das Design für das Formular aus, kopieren Sie den Einbettungscode und fügen Sie ihn anschließend im Code Ihrer Website ein.

Domain hinterlegen

Tragen Sie im Admin-Center bei Organisation die entsprechende Domain oder Subdomain der Website ein, auf der Sie das Formular einbetten möchten.
Navigieren Sie zum Bereich Teilen des Formulars, das Sie einbetten möchten. Wählen Sie das gewünschte Design für das Formular aus.
Klicken Sie auf Einbettungscode kopieren, um den Code zu kopieren.

Anschließend können Sie den Einbettungscode in das HTML-Markup der Website einfügen, auf der das Formular angezeigt werden soll.

Einbettungscode ins HTML der Website einfügen

Script-Tag einfügen

Fügen Sie das Script-Tag im <head> oder am Ende des <body> Ihrer Website ein:

<script src="https://form.formcentric.com/form/formcentric.js" defer></script>

Formular-Container einfügen

Fügen Sie den Formular-Container an der Stelle ein, an der das Formular angezeigt werden soll:

<div data-fc-id="IHRE-FORMULAR-ID"></div>

Nach dem Einfügen des Einbettungscodes wird das Formular automatisch geladen und angezeigt.

Beispiel

<!DOCTYPE html>
<html>
<head>
    <title>Meine Website</title>
    <script src="https://form.formcentric.com/form/formcentric.js" defer></script>
</head>
<body>
    <h1>Willkommen auf meiner Website</h1>
    
    <!-- Formular wird hier angezeigt -->
    <div data-fc-id="IHRE-FORMULAR-ID"></div>
    
    <footer>
        <p>© 2024 Meine Website</p>
    </footer>
</body>
</html>