Google Forms in deine Website einbinden

Eine beliebte Methode, um ein Formular zu erstellen, zu verwalten und Auswertungen dazu zu erstellen, ist Google Forms. Schauen wir uns in diesem Blogbeitrag einmal an, was man damit genau machen kann und wie man dieses Formular anschließend ganz einfach in seine Website einbinden kann.

Google Forms

Sicherlich bist du schon einmal auf Google Forms gestoßen, sei es im privaten Umfeld oder im geschäftlichen Kontext. Es ist nämlich eine der beliebtesten Methoden, um eine Umfrage oder ein Formular zu erstellen. Dazu benötigst du lediglich dein Google-Konto, über das die meisten ja bereits verfügen. Und du kannst es einfach und sicher über den Link teilen, den du erhältst.

Dank der vorgefertigten Funktionen musst du nichts selbst programmieren und erstellst im Handumdrehen ein übersichtliches und professionelles Formular.

Mit Google Forms stehen dir zudem unzählige Möglichkeiten offen. Du kannst ganz einfach verschiedene Fragetypen einrichten – von Multiple-Choice-Fragen und Skalen bis hin zu Freitextfeldern und dem Hochladen von Dateien. Möchtest du ein persönlicheres Erlebnis bieten? Dann kannst du Logik hinzufügen, sodass die Befragten je nach ihrer Antwort automatisch zur richtigen Folgefrage weitergeleitet werden. Selbstverständlich kannst du die Farben und ein Titelbild an das Erscheinungsbild deines Unternehmens oder Projekts anpassen.

Wenn Besucher das Formular ausfüllen, liefert dir Forms sofort wertvolle Erkenntnisse. Im Dashboard siehst du die Ergebnisse direkt in übersichtlichen Diagrammen. Möchtest du die Daten weiterverarbeiten oder administrativ verwalten? Dann verbinde das Formular direkt mit einer Google-Sheets-Tabelle. So werden alle Einsendungen automatisch in einer Tabelle gesammelt, sodass du die Daten sofort filtern, analysieren oder exportieren kannst.

Google Forms nimmt dir die ganze Arbeit ab, wenn es um das Sammeln und Analysieren von Daten geht. Das Einzige, was jetzt noch fehlt, ist ein zentraler Ort, an dem deine Besucher dieses Formular bequem ausfüllen können. Indem du das Formular direkt auf deiner eigenen Website einbindest, musst du die Besucher nicht über einen separaten Link weiterleiten und hältst den Traffic ordentlich auf deiner eigenen Domain. Im folgenden Abschnitt zeigen wir dir Schritt für Schritt, wie du ein Google-Formular mithilfe von HTML ganz einfach in deine Website einbinden kannst.

Google-Formulare mithilfe von HTML in Ihre Website einbinden

Sobald du dein Google-Formular nach deinen Wünschen gestaltet hast, kannst du es ganz einfach mit einem Iframe in deine eigene Website einbinden. Jeder, der über ein wenig Erfahrung als Website-Administrator verfügt, wird damit bereits zurechtkommen, aber für Anfänger gehen wir noch etwas näher auf diese Schritte ein. In fast jedem Content-Management-System lassen sich iframes ganz einfach einbinden, indem man beispielsweise in WordPress einen leeren HTML-Block erstellt.

Sobald du dein Google-Formular nach deinen Wünschen eingerichtet hast, kannst du es ganz einfach mithilfe eines sogenannten iframe in deine eigene Website einbinden. Damit zeigst du das Formular direkt auf deiner eigenen Seite an.

Befolge dazu die folgenden einfachen Schritte:

1. Kopiere den Einbettungscode: Öffne dein Formular in Google Forms und klicke oben rechts auf die violette Schaltfläche „Senden“. Wähle in dem sich öffnenden Fenster die Registerkarte mit dem Einbettungssymbol (< >) aus.

2. Format festlegen: Hier siehst du sofort den HTML-Code. Du kannst gegebenenfalls vorab die Breite (width) und Höhe (height) in Pixeln anpassen. Klicke anschließend auf „Kopieren“.

3. In Ihr CMS (z. B. WordPress) einfügen: Öffnen Sie die Seite auf Ihrer Website, auf der Sie das Formular anzeigen möchten. Verwenden Sie WordPress? Fügen Sie dann einen neuen Block hinzu und wählen Sie „Benutzerdefiniertes HTML“. Fügen Sie hier den kopierten Code ein.

4. Speichern und testen: Speichern Sie die Seite und rufen Sie die Startseite Ihrer Website auf. Das Formular ist nun sofort sichtbar und einsatzbereit!

Möchtest du, dass das Formular auf Mobilgeräten immer gut passt? Ändere im HTML-Code den Wert bei „width="640"“ in „width="100%"“. So passt sich das Formular automatisch an die Bildschirmgröße deines Besuchers an!

Das Einbetten eines Google-Formulars auf deiner Website ist eine schnelle, effiziente und kostenlose Möglichkeit, mit deinen Besuchern zu interagieren. Ob es nun um das Sammeln von Kundenfeedback, die Bearbeitung von Anmeldungen oder die Durchführung von Umfragen geht: Du sparst dir eine Menge Programmieraufwand und behältst gleichzeitig über Google Sheets den Überblick. Indem du das Iframe direkt in deine Seite einbindest, behältst du außerdem den gesamten Datenverkehr ordentlich auf deiner eigenen Domain und innerhalb deines vertrauten Webhostings. Probiere es noch heute auf deiner Website aus und entdecke, wie einfach es ist!

Schau dir unser Formular an und fülle es auf der folgenden Demo-Seite aus:

https://mijnwordpressdemo.nl/mijnhostingpartner-nl-omvraag/