So betten Sie Google-Formulare auf Ihrer Website ein

Wenn Sie Schwierigkeiten haben, ein Formular auf Ihrer Website zu erhalten, können Sie ein Plugin(install a plugin) für grundlegende Funktionen installieren, aber das kann Ihre Website weiter verlangsamen,(slow down your site) wenn Sie bereits viele Plugins haben.

Mit Google Forms können Sie Ihrer Website nicht nur schneller ein Formular hinzufügen, sondern erhalten auch mehr Funktionen. Sie können beispielsweise Mediendateien einfügen, Fragen importieren, problemlos in WordPress und E-Mail integrieren, auf mehr Plattformen teilen und zusätzlichen Speicherplatz in Google Drive nutzen(additional storage in Google Drive) .

Darüber hinaus können Sie mit Google Formulare(Google Forms) mit Ihren Teamkollegen zusammenarbeiten und alle Ergebnisse Ihrer Formulare aus verschiedenen Kanälen verfolgen, nicht nur von Ihrer Website.

So können Sie Google Formulare(Google Forms) in nur wenigen einfachen Schritten schnell in Ihre Website einbetten.

So betten Sie Google-Formulare auf Ihrer Website ein(How to Embed Google Forms on Your Website)

Zu Beginn benötigen Sie ein Google-Formular(Google Form) und seinen Einbettungscode, den Sie der Seite oder dem Post hinzufügen, auf der das Formular auf Ihrer Website erscheinen soll.

Erstellen Sie ein Google-Formular(Create a Google Form)

  1. Stellen Sie zum Erstellen eines Google-Formulars(Google Form) sicher, dass Sie bei Ihrem Google- Konto angemeldet sind, und wählen Sie dann das Google-Formular-(Google Forms) Symbol im Google Apps- Menü aus. Alternativ gehen Sie zu forms.google.com .

  1. Wählen Sie die Kachel „ Leer(Blank) “ in der Symbolleiste aus, um Ihr Formular von Grund auf neu zu erstellen, oder wählen Sie eine Vorlage(select a template) aus den verfügbaren Optionen aus.

  1. Fügen Sie Ihrem Formular einen Titel und eine Beschreibung hinzu.(title and description)

  1. Verwenden Sie als Nächstes die Symbolleiste auf der rechten Seite, um Fragen hinzuzufügen, Fragen aus einem anderen Formular zu importieren, Videos und Bilder hochzuladen oder einen Abschnitt hinzuzufügen. 

  1. Wenn Sie den Antworttyp auswählen möchten, wählen Sie den Pfeil neben dem Abschnitt Antworttyp aus.

  1. Aus den Optionen können Sie wählen, ob Benutzer eine kurze Antwort oder einen Absatz hinterlassen, Multiple-Choice-Optionen hinterlassen, Kontrollkästchen aktivieren oder Optionen aus einem Dropdown-Menü auswählen möchten.

  1. Um das Thema des Formulars anzupassen oder zu ändern, verwenden Sie das Palettensymbol(palette) oben rechts auf dem Bildschirm.

  1. Sie können das endgültige Design auch mit dem Augensymbol in der Vorschau anzeigen, bevor Sie es speichern und auf Ihrer Website einbetten.

  1. Wenn Sie E-Mail-Adressen sammeln, Benutzer auf jeweils eine Antwort beschränken oder ihnen erlauben möchten, ihre Antworten nach dem Absenden des Formulars zu bearbeiten, wählen Sie die erweiterten Einstellungen(Advanced Settings) (Zahnradsymbol).

  1. Wählen Sie das Dreipunkt-Symbol(three-dot icon) aus, um weitere Optionen wie das Hinzufügen von Mitbearbeitern, das Rückgängigmachen von Aktionen, das Hinzufügen von Einstellungen oder Add-ons von Google Workspace Marketplace anzuzeigen(Google Workspace Marketplace) .

Hinweis(Note) : Wenn Sie Mitarbeiter(Add Collaborators) hinzufügen auswählen , können Sie speziell Mitglieder Ihres Teams einladen,(invite members of your team to work) an dem Formular zu arbeiten. Sie können Einladungen mit der Option zum Teilen von Links senden oder ihre E-Mail-Adressen eingeben und sie erhalten eine E-Mail-Benachrichtigung mit der Einladung.

Betten Sie Ihr Google-Formular auf Ihrer Website ein(Embed Your Google Form on Your Website)

Nachdem Sie Ihr Google-Formular(Google Form) fertig haben, besteht der nächste Schritt darin, es Ihrer Website hinzuzufügen. Dazu benötigen Sie den Einbettungscode des Formulars, bei dem es sich um ein eindeutiges Code-Snippet handelt, das Sie der Seite oder dem Post hinzufügen, auf der das Formular angezeigt werden soll.

  1. Um den Einbettungscode des Formulars abzurufen, wählen Sie oben rechts im Fenster des Formulareditors Senden aus.(Send)

  1. Im Formular senden(Send form) sehen Sie verschiedene Optionen, mit denen Sie das Formular teilen können, beispielsweise über einen Link, E-Mail, soziale Medien oder HTML . Sie können wählen, ob Sie das Formular auf Facebook oder Twitter teilen oder an Ihre E-Mail-Liste mit Abonnenten senden möchten.

  1. Um das Formular auf Ihrer Website einzubetten, müssen Sie die HTML- Option verwenden. Wählen Sie die Registerkarte <>

  1. Im Feld „ HTML(Embed HTML) einbetten “ sehen Sie ein Code-Snippet sowie die Felder „ Breite(width) “ und „ Höhe(height) “, in denen Sie die Größenabmessungen für Ihr eingebettetes Formular ändern können.

  1. Wählen Sie Kopieren(Copy) aus, um den Einbettungscode zu kopieren und zum Dashboard Ihrer Website zu wechseln.

Fügen Sie den Einbettungscode Ihres Google-Formulars zu Ihrer Website hinzu(Add Your Google Form’s Embed Code to Your Website)

Nachdem Sie nun Ihren Einbettungscode haben, melden Sie sich beim Admin-Dashboard Ihrer Website an und gehen Sie zu der Seite oder dem Beitrag, auf der Sie das Formular einbetten möchten.

Hinweis(Note) : Die Anweisungen in diesem Handbuch gelten für WordPress mit dem Gutenberg/Block-Editor .

  1. Der erste Schritt besteht darin, einen benutzerdefinierten HTML-Block(custom HTML block) hinzuzufügen . Öffnen Sie dazu den Blockeditor, indem Sie Seiten(Pages) oder Beiträge(Posts) im Admin-Bereich auswählen und die Seite oder den Beitrag suchen, die bzw. den Sie bearbeiten möchten.

  1. Wählen Sie das Symbol „Block hinzufügen Add block (+) oben links im Blockeditor neben dem WordPress -Logo.z

  1. Gehen Sie zum Abschnitt „ Formatierung(Formatting) “ und scrollen Sie nach unten, um „ Benutzerdefiniertes HTML(Custom HTML) “ zu finden und auszuwählen .

  1. Fügen Sie das zuvor kopierte HTML-Code-Snippet in das dafür vorgesehene Feld ein.(HTML code snippet)

  1. Wählen Sie in der Symbolleiste des benutzerdefinierten HTML -Blocks die Registerkarte Vorschau aus, um eine (Custom HTML)Vorschau(Preview) anzuzeigen, wie Ihr Formular auf Ihrer Website erscheinen wird.

  1. Ihr Google-Formular(Google Form) wird auf Ihrer Seite oder Ihrem Beitrag angezeigt.

  1. Stellen(Make) Sie sicher, dass Sie Ihren Beitrag oder Ihre Seite nach der Bearbeitung aktualisieren, damit die Änderungen gespeichert werden.

Erstellen Sie das perfekte Formular für Ihre Website(Craft the Perfect Form for Your Site)

Ganz gleich, ob Sie Ihrer Website eine Umfrage, ein Bestellformular zu Ihrem Online-Shop, eine Veranstaltungsregistrierung oder ein Kontaktformular hinzufügen möchten, Google Formulare(Google Forms) kann Ihnen dabei helfen, die perfekten Formulare für Ihre Website zu erstellen. 

Lesen Sie unsere Anleitungen zum Einbetten von Google Kalender in Ihre Website( how to embed Google Calendar on your website) und zum Erstellen Ihres eigenen Coupon-Popups in WordPress( how to create your own coupon popup in WordPress) für zusätzliche Funktionen und eine bessere Benutzererfahrung.

Konnten(Were) Sie mithilfe dieser Anleitung Google-Formulare(Google Forms) erstellen und auf Ihrer Website einbetten ? Teilen Sie es uns in den Kommentaren mit.



About the author

Wenn es um Technologie geht, ist nichts wichtiger als Genauigkeit und Qualität. Wir bei Microsoft sind stolz auf unsere Fähigkeit, unseren Kunden das bestmögliche Erlebnis zu bieten. Unsere Windows- und iOS-Produkte gehören zu den innovativsten der Branche, und wir arbeiten ständig daran, sie zu verbessern. Unsere fehlerfreien PDFs sind ein weiterer Grund, warum unsere Produkte so erfolgreich sind. Wir wissen, dass Qualitätskontrolle bei Arbeitsabläufen und Kommunikation unerlässlich ist, deshalb achten wir sehr darauf, dass alle unsere PDFs fehlerfrei sind. Und schließlich verstehen wir als Gadget-Liebhaber, dass es immer eine Schlüsselpriorität ist, das Leben einfacher zu machen. Wir stellen sicher, dass alle unsere Lumia-Geräte mit Funktionen wie NFC und CarPlay ausgestattet sind, damit Sie Dateien ganz einfach mit Freunden und Familie teilen können. Mit diesen Fähigkeiten



Related posts