Wie man Google Formulare in WordPress einbindet

Marc Wag­ner

Juli 2, 2021

4 min read|

In unse­rem Tuto­ri­al zei­gen wir dir, wie du mit nur drei ein­fa­chen Schrit­ten Goog­le For­mu­la­re auf dei­ner Word­Press Web­sei­te ein­bin­den kannst.

Schritt 1: Erstelle dein Google Formular #

Mel­de dich als Ers­tes bei dei­nem Goo­g­­le-Kon­­­to an. Sobald du ange­mel­det bist, kannst du auf Goog­le Forms zugrei­fen. Dazu klickst du auf das lila­far­be­ne Sym­bol im Goog­le Apps-Menü:

image
Gool­ge Forms im Apps-Menü fin­den

Öff­ne jetzt die Goog­le Forms Ober­flä­che.

Du hast jetzt die Mög­lich­keit, mit einer Lee­ren Sei­te zu begin­nen, oder eine der Vor­la­gen von Goog­le zu ver­wen­den.

image 1
Goog­le Forms Vor­la­gen Aus­wahl

Lege nun dein For­mu­lar an. Über die Tool­bar auf der rech­ten Sei­te hast du die Mög­lich­keit neue Fra­gen und Ele­men­te ein­zu­fü­gen. Das Design bzw. die Dar­stel­lung des Goog­le Forms kannst du über das Far­b­­pa­­le­t­­ten-Icon an anpas­sen.

image 2
Gool­ge Forms Vor­la­ge Kon­takt­da­ten

Wie bei allen Goog­le Apps (Goog­le Docs, Gool­ge Sheets) kannst du dei­ne Team­kol­le­gen ein­la­den, sich an der Erstel­lung dei­nes Goog­le Forms zu betei­li­gen. Die Opti­on hier­für fin­dest du, wenn du auf die 3 Punk­te neben dei­nem Pro­fil­bild klickst.

image 3
Goog­le Forms Mit­ar­bei­ter hin­zu­fü­gen

Mit die­sen Werk­zeu­gen soll­test du in der Lage sein, dein For­mu­lar nach dei­nen Wün­schen zu erstel­len. Sobald du mit der Bear­bei­tung fer­tig bist, kannst du das For­mu­lar auf dei­ner Word­Press Web­sei­te ein­bin­den.

Schritt 2: Einbettungscode deines Google Formulars abfragen. #

Um an den Ein­bet­tungs­code dei­nes Goog­le Form zu gelan­gen, musst du auf die lila Schalt­flä­che Sen­den kli­cken. Dort hast du fünf Mög­lich­kei­ten, dein For­mu­lar zu tei­len.

  • Tei­len per E‑Mail
  • Tei­len per Link
  • Tei­len per HTML
  • Tei­len über Twit­ter
  • Tei­len über Face­book
image 4
Goog­le For­mu­lar tei­len — fünf Mög­lich­kei­ten

Um das For­mu­lar auf dei­ner Word­Press Web­sei­te ein­zu­bin­den, benö­ti­gen wir die HTML-Opti­on. Wäh­le dazu die Regis­trier­kar­te <>. Unter HTML ein­bet­ten fin­dest du den benö­tig­ten HTML-Code. Zusätz­lich dazu kannst du die Brei­te und Höhe des For­mu­lars ange­ben.

Pas­se nun die Grö­ße an dei­ne Wün­sche an und kli­cke anschlie­ßend auf die Schalt­flä­che kopie­ren im unte­ren rech­ten Eck des Fens­ters.

google forms wordpress einbetten
Goog­le For­mu­lar — Ein­bet­tungs­code kopie­ren

Anschlie­ßend wech­selst du zum Dash­board dei­ner Word­Press Web­sei­te.

Schritt 3: Füge den Code auf deine WordPress Webseite ein. #

Jetzt kön­nen wir das For­mu­lar mit der Hil­fe des Ein­bet­tungs­codes in dei­ne Word­Press Web­sei­te ein­bau­en. Öff­ne hier­zu den Bei­trag oder die Sei­te auf der du das For­mu­lar ein­bau­en möch­test. Falls du mit dem Guten­berg Edi­tor arbei­test, soll­test du einen benut­zer­de­fi­nier­ten HTML-Block hin­zu­fü­gen:

image 5
Word­Press — Benut­zer­de­fi­nier­ter HTML-Block

Füge anschlie­ßend den Ein­bet­tungs­code ein, den du in Schritt 2 erhal­ten hast.

image 6
Goog­le Forms Embed-Code in Word­Press über den Block-Edi­­tor ein­bin­den.

Über die Regis­trier­kar­te Vor­schau in der Sym­bol­leis­te des benut­zer­de­fi­nier­ten HTML-Blocks, kannst du dir dein Goog­le For­mu­lar so anzei­gen las­sen, wie es auf der Web­sei­te erscheint.

image 7
Vor­schau des Embed-Codes im Block-Edi­­tor für das Goog­le For­mu­lar.

Spei­che­re dei­ne Sei­te bzw. dei­nen Bei­trag ab. Das For­mu­lar wur­de nun auf dei­ner Web­sei­te ein­ge­bun­den.

Falls du statt­des­sen den klas­si­schen Edi­tor ver­wen­dest, musst du zunächst auf die Text Ansicht wech­seln.

wordpress classic editor
Klas­si­scher Edi­tor — Text Ansicht.

Anschlie­ßend kannst du dei­nen Embed-Code von Goog­le Forms dort ein­fü­gen, wo du das For­mu­lar ange­zeigt haben willst.

image 8
Ein­bet­ten von Goog­le For­mu­la­ren im Word­Press Clas­sic Edi­tor

Sobald du zurück zum visu­el­len Edi­tor wech­selst, soll­test du dein For­mu­lar sehen.

image 9
Vor­schau des Goog­le For­mu­lars im visu­el­len Edi­tor

Du kannst dir dei­ne Sei­te auch in der Vor­schau anzei­gen las­sen, um zu sehen, wie Sie spä­ter Live aus­sieht.

Das war es auch schon. Das ist alles, was du machen muss­test, um dein Goog­le For­mu­lar in dei­ner Word­­Press-Sei­­te bzw. in dei­nem Word­­Press-Post ein­zu­bin­den.

Zusammenfassung #

For­mu­la­re hel­fen dir dabei, Daten und Feed­back dei­ner Besu­cher zu erfas­sen. Auch Umfra­gen las­sen sich mit Goog­le Forms spie­lend leicht rea­li­sie­ren und auf dei­ner Word­Press Web­sei­te ein­bin­den.

Mit nur drei ein­fa­chen Schrit­ten las­sen sich Goog­le Forms auf dei­ner Word­Press Web­sei­te ein­bin­den:

  1. Erstel­le ein Goog­le For­mu­lar
  2. Kopie­re den Embed-Code dei­nes Goog­le For­mu­lars
  3. Füge den Embed-Code zu dei­ner Word­­Press-Sei­­te hin­zu.

Hast du Fra­gen zur Ein­bin­dung eines Goo­g­­le-For­­mu­lars auf dei­ner Word­Press Web­sei­te? Lass es uns im Kom­men­tar­feld wis­sen.

88e86fcb816eff22bc917094df2862d8dd5c0e978b333e6dd5f36f808990c261 96

Arti­kel von:

Marc Wag­ner

Hal­lo, Marc hier. Ich bin der Grün­der von Forge12 Inter­ac­ti­ve und bereits seit über 20 Jah­ren lei­den­schaft­lich dabei Web­sei­ten, Online­shops, Anwen­dun­gen und SaaS-Lösun­gen für Unter­neh­men zu ent­wi­ckeln. Vor der Grün­dung habe ich bereits in Bör­sen notier­ten Unter­neh­men gear­bei­tet und mir aller­lei Wis­sen ange­eig­net. Die­ses Wis­sen möch­te ich nun an mei­ne Kun­den wei­ter­ge­ben.

Hast du eine Fra­ge? Hin­ter­lass bit­te einen Kom­men­tar