Zum Inhalt springen

Google Formulare auf Website einbetten

    Google Formulare auf Website wie Wordpress einbetten und schnell einbinden

    Du möchtest Google Formulare direkt auf deine Website einbetten, ohne dass User die Seite verlassen müssen? Ich zeige dir hier eine simple Schritt-für-Schritt-Anleitung an einem konkreten Beispiel, wie du Google Forms auf deine (WordPress-)Seite einbindest.

    Hej. Ich bin Jan, selbstständiger Video Content Creator mit dem Fokus auf YouTube-Videoschnitt und habe für meinen Bereich Erklärvideos bereits ein Google Formular eingebettet. Daher zeige ich dir den Vorgang an einem praktischen, echten Beispiel und nicht am theoretischen Ablauf der Google-Hilfeseiten. Grundsätzlich spielt es keine Rolle, ob deine Website auf WordPress, Joomla oder Wix läuft – das Vorgehen unterscheidet sich nicht.

    Forms aufrufen

    Um in den Bereich mit Google Formularen zu kommen, logge dich mit deinem Google-Konto ein. Sobald du dein Logo bzw. dein Icon rechts oben siehst, klicke auf das 9er-Raster und scrolle ziemlich weit nach unten. Dort findest du den Punkt „Formulare“. Alternativ – wenn du eingeloggt bist – gib „Google Formulare“ in das Google-Suchfeld ein. Check.

    Google Formulare aufrufen
    Google versteckt sein Formular-Feature weit unten

    Formular auswählen

    Da du auf diesem Blogartikel gelandet bist, gehe ich davon aus, dass du bereits ein Formular hast und „nur“ noch wissen möchtest, wie du es auf deine Internetseite bringst. Falls du jedoch grundsätzlich wissen möchtest, wie du Google Formulare erstellen kannst, lass mich das bitte via Kommentar wissen. Ansonsten wählst du an dieser Stelle deine Umfrage, Abfrage, Maps, Button-Liste etc. aus.

    Google Formular dank Vorlage erstellen oder auswählen
    Praktisch: Für Google Forms gibt’s einige Vorlagen

    Formular „senden“

    Ab hier geht es nun richtig los: Sobald du in der Detailansicht deines Formulars bist – letztlich ist es der „Bearbeiten“-Modus – klickst du rechts oben auf „Senden“, um den notwendigen HTML-Code abzurufen. Gleich zeige ich dir das Ergebnis im WordPress-Frontend. Noch etwas Geduld. 🙂

    So sieht meine Forms Detailansicht aus
    Bin mir nicht sicher, ob der Button „Teilen“ heißen sollte

    HTML Code kopieren

    Bevor ich diese Methode nutze, um Google Formulare auf meine Website einzubetten, verwenden ich das Formular als klassischen Link. Das führt den Nutzer von meiner Seite weg und auf die Forms-Oberfläche. Da ich User allerdings auf meiner Website halten möchte, empfehle ich auch dir, dein Formular als iframe einzubinden.

    So kannst du dein Formular auf deine Website einbinden
    Der Reiter mit den Klammern bringt dich weiter

    Bei WordPress einbinden

    Wie bereits erwähnt, spielt dein CMS (Redaktionssystem) an sich keine Rolle im Ablauf. Im konkreten Beispiel hier zeige ich es dir anhand meines WordPress-Backends, aber HTML einfügen lässt sich über jedes System. Bei WordPress nennt sich der Block klugerweise „HTML“: den Code vom vorherigen Schritt kopieren und auf Seite oder Beitrag einfügen.

    Im WordPress Backend sieht die Einbindung so aus
    Wähle bei WordPress den Block „HTML“ aus

    Ergebnis

    Und so sieht das Ergebnis deiner Einbindung aus: Je nachdem, welche Breite und Höhe du etwas weiter oben wählst, desto besser (oder schlechter) bettet sich das iframe-Formular ein. Ich empfehle dir, das Größen- bzw. Seitenverhältnis an einer mobilen Seite auszurichten und daran anzupassen. Ich pflege mein Google Formular im Square Format (900 x 900 Pixel) ein.

    Auf dem Blog ist dies das Ergebnis
    So sieht das eingebettete Google Formular aus

    Bewertung Google Formulare

    An sich finde ich das Tool mega gut: Google Formulare sind kostenlos, sie lassen sich meiner Meinung nach sehr intuitiv erstellen und easy auf deine Website einbetten. Egal, ob Blog, News-Seite oder Portfolio-Page, in meinen Augen gibt es immer einen sinnvollen Einsatzzweck für (Umfrage-)Formulare. Bitte deine User um Feedback oder frage – wie in meinem Fall – einen konkreten Produkt- bzw. Dienstleistungswunsch ab. Hinweis: Die Formulare liegen zwar in der entsprechenden Rubrik, aber letztlich in deinem Drive-Ordner. Sie sind keine klassischen Google Docs, sondern eben Google Forms. Und, wann wirst du deine ersten Google Formulare erstellen? 🙂

    Kleine Umfrage: Hast du weitere Fragen zur Website-Einbindung von Google Formularen oder sogar Google Maps? Hast du sie bereits irgendwo im Einsatz und bist zufrieden? Oder hast du womöglich Kritik an Forms und schlechte Erfahrung damit gemacht? Lass es mich gerne in den Kommentaren wissen. VG Jan

    *eventuell findest du im Text Verlinkungen, die Affiliate-Links sind. Das heißt, wenn du darüber kaufst, bezahlst du nicht mehr für den Artikel, aber ich bekomme eine kleine Provision. Als Amazon-Partner verdiene ich an qualifizierten Verkäufen. Damit unterstützt du meine Arbeit und motivierst mich noch mehr, nützliche Tipps an dich rauszuhauen. 🙂

    Schreibe einen Kommentar

    Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

    DSGVO Cookie Consent mit Real Cookie Banner