Ein Google Formular in Ihre Website einbetten

Ein eingebettetes Formular ist das Live-Formular, angezeigt in einem Rahmen auf Ihrer eigenen Seite. Besucher antworten, ohne Ihre Website zu verlassen.

Das Einbetten erlauben

Das Einbetten ist standardmäßig aus, sodass keine andere Website Ihr Formular anzeigen kann.

1. Klicken Sie im Tab Formular der Seitenleiste auf den Stift in der Zeile Live-Formular-Einstellungen
2. Schalten Sie im Tab Design Live-Formular gestalten ein, falls es aus ist
3. Schalten Sie Einbetten erlauben ein

Unter dem Schalter erscheint das Feld Einbettungscode.

Den Einbettungscode kopieren

Klicken Sie auf Kopieren. Der Code ist eine einzige Zeile:

<script src="https://skyfield.cloud/embed.js" data-form="your-form" async></script>

Verwenden Sie den Code aus Ihrem eigenen Dialog, der die ID Ihres Formulars enthält. Das Skript setzt das Formular in einen Rahmen genau dort, wo Sie es einfügen, und hält den Rahmen so hoch wie das Formular, sodass die Seite nie eine zweite Scrollleiste zeigt. Der Rahmen wächst und schrumpft, wenn Teilnehmende zwischen Seiten wechseln, eine Fehlermeldung sehen oder den Dankesbildschirm erreichen. Nach dem Absenden scrollt er den Anfang des Formulars wieder ins Bild.

Um mehrere Formulare auf einer Seite einzubetten, fügen Sie pro Formular eine Zeile ein.

In Ihre Seite einfügen

Fügen Sie den Code überall dort ein, wo Ihre Website HTML akzeptiert:

• WordPress. Fügen Sie einen Block Eigenes HTML hinzu.
• Wix, Squarespace, Webflow. Fügen Sie ein Element Einbetten oder Code hinzu und fügen Sie den Code dort ein.
• Ihr eigenes HTML. Fügen Sie ihn dort ein, wo das Formular erscheinen soll.

Wenn Ihre Website keine Skripte erlaubt

Manche Website-Baukästen entfernen <script>-Tags. Klicken Sie unter dem Einbettungscode auf Keine Skripte erlaubt? Einfaches iframe verwenden und kopieren Sie stattdessen diesen Code:

<iframe
  src="https://skyfield.cloud/forms/your-form?embed=1"
  width="100%"
  height="900"
  style="border:0"
></iframe>

Ein einfacher iframe hat eine feste Höhe. Ändern Sie height="900" auf eine Pixelzahl, die zu Ihrem Formular passt, damit die Seite keine zweite Scrollleiste zeigt. Ein Formular mit mehreren Seiten braucht die Höhe seiner längsten Seite.

Das Formular einfügen

• Schalten Sie unter Einbetten erlauben die Option In meine Website einfügen ein. Sie entfernt die Seitenfarbe hinter dem Formular, sodass seine Karten auf dem Hintergrund Ihrer Seite liegen. Karten, Rahmen und Schatten des Stils bleiben, und der Live-Link behält seine Seite.
• Mit der Vorschau Auf Ihrer Website sehen Sie das eingebettete Formular vor dem Speichern auf einer schlichten Seite.
• Schalten Sie unter Anzeigen Powered by aus, wenn Sie diese Zeile nicht möchten. Sie lässt sich nur bei einem eingebetteten Formular ausblenden.
• Ein eingebettetes Formular verzichtet auf den Seitenrand und die Steuerzeile um das Formular.

Das Einbetten beenden

Schalten Sie Einbetten erlauben aus, und andere Websites können das Formular nicht mehr anzeigen. Dasselbe bewirkt das Ausschalten von Live-Formular gestalten.