Sie können ein Google-Formular in WordPress einbetten, indem Sie den HTML-Einbettungscode von Google Forms kopieren und in einen benutzerdefinierten HTML-Block in WordPress einfügen. Wenn Sie WordPress bereits abonniert haben, benötigen Sie kein Plugin. Bei einer kostenlosen WordPress.com-Website ist für die Einbettung von Google-Formularen ein Upgrade auf einen kostenpflichtigen Tarif erforderlich.
Es gibt noch andere Lösungen. Jotform beispielsweise lässt sich ohne Einschränkungen in kostenlose WordPress.com-Websites einbetten und bietet mehr Gestaltungsmöglichkeiten und Funktionen.
Diese Anleitung führt Sie Schritt für Schritt durch den aktuellen Einbettungsprozess von Google Forms und erklärt, worauf Sie bei WordPress achten sollten. Falls Sie eine kostenlose und flexiblere Formularlösung im Look & Feel Ihrer Marke benötigen, finden Sie hier weitere Informationen zu Jotform, seiner Funktionsweise und der einfachen Einbettung in jede WordPress-Website.
Check your WordPress version before embedding
Wenn Ihr Google-Formular oder Ihre externe Einbettung nicht angezeigt wird, liegt die Ursache in der Regel an Ihrer WordPress-Konfiguration und nicht in Ihrem Code. Bevor Sie mit der Fehlersuche beginnen, ermitteln Sie Ihre Plattform:
- WordPress.com (gehostet): Das Einbetten von Formularen ist nur in kostenpflichtigen Tarifen (Personal, Premium, Business usw.) möglich. Nutzer der kostenlosen Version können Formulare nicht einbetten. Sie müssen entweder auf einen kostenpflichtigen Tarif upgraden oder ein alternatives Formulartool verwenden.
- WordPress.org (Selbstgehostet): Sie genießen völlige Freiheit. Sie können benutzerdefinierten HTML-Code einfügen oder Pluginssofort und ohne Einschränkungen nutzen.
Falls das Einbetten fehlschlägt, keine Panik! Überprüfen Sie zunächst Ihre WordPress-Version und Ihren Tarif.
Wie man ein Google-Formular ohne Plugin in WordPress einbettet
Wenn Sie einen kostenpflichtigen WordPress-Tarif nutzen, können Sie innerhalb weniger Minuten ein Google-Formular in WordPress einbetten.
Hier ist eine einfache Schritt-für-Schritt-Anleitung mit Bildern.
Schritt 1: Kopieren Sie den Einbettungscode aus Google Forms
- Öffnen Sie Ihr Formular unter forms.google.com.
- Falls noch nicht geschehen, klicken Sie oben rechts auf Veröffentlichen und folgen Sie den Anweisungen, um das Formular für die Befragten zugänglich zu machen. Google verlangt nun, dass Formulare veröffentlicht werden, bevor sie eingebettet oder ausgefüllt werden können.
- Klicken Sie auf dass Drei-Punkte-Symbol in der oberen rechten Ecke und wählen Sie im Dropdown-Menü HTML einbetten aus.
- Nachdem Sie auf HTML einbetten geklickt haben, erscheint ein Popup-Fenster wie in den folgenden Abbildungen. In diesem Fenster können Sie die Größe des eingebetteten Formulars anpassen, indem Sie Breite und Höhe in Pixeln ändern.
- Klicken Sie auf Kopieren, um den iFrame-Code in Ihre Zwischenablage zu kopieren.
Schritt 2: Fügen Sie den Einbettungscode zu Ihrer WordPress-Seite oder Ihrem Beitrag hinzu.
- Rufen Sie Ihre WordPress-Website auf und öffnen Sie die Seite oder den Beitrag, auf dem das Formular erscheinen soll.
- Klicken Sie auf das Pluszeichen (+) für den Block-Einfüger und suchen Sie nach HTML, dann fügen Sie den Block hinzu.
- Fügen Sie Ihren Einbettungscode in den Block ein, der auf der rechten Seite erscheint.
- Klicken Sie auf Vorschau, um zu sehen, wie das Formular vor der Veröffentlichung aussieht. Klicken Sie auf Veröffentlichen, wenn Sie zufrieden sind, oder auf Aktualisieren, um Änderungen vorzunehmen.
Sie haben Schwierigkeiten, ein Formular in Google Forms zu erstellen? Lesen Sie unsere kostenlosen Anleitungen:
Schritt 3: Testen Sie das Formular nach der Veröffentlichung
Sobald die Seite online ist, nehmen Sie sich ein paar Minuten Zeit, um sie zu überprüfen:
- Öffnen Sie die Seite sowohl auf einem Desktop-Computer als auch auf einem Mobilgerät, um zu bestätigen, dass das Formular zum Layout passt und von beiden Geräten aus nutzbar ist.
- Führen Sie das Formular auf jedem Gerät aus und senden Sie eine Antwort ab. Überprüfen Sie anschließend, ob die Antwortdaten wie erwartet im Backend von Google Forms erfasst werden.
Profi-Tipp
Falls Ihr Einbettungscode nicht die richtige Größe für Ihre WordPress-Website hat, können Sie ihn direkt anpassen. Suchen Sie einfach nach “width=”xxx”” oder “height=”xxxx”” und passen Sie die Pixelwerte entsprechend an.
Bassere WordPress-Formulare bigennen mit Jotform
Google Forms eignet sich gut für die einfache Datenerfassung, stößt aber bei der Einbettung in WordPress an seine Grenzen. Außerdem lassen sich Google-Formulare nur begrenzt anpassen. Sie behalten stets das Erscheinungsbild eines Google-Produkts.
Jotforms WordPress-Formularlösung ist die beste Alternative zu Google Forms. Sie bietet bessere Einbettungsoptionen für WordPress und ermöglicht die vollständige Anpassung des Formulars. Ihr Formular wird sich wie Ihre Marke anfühlen und nicht wie Google.
Hier einige Vorteile von Jotform:
- Attraktivere Formulare: Mit dem Drag-and-Drop-Formulargenerator von Jotform haben Sie die volle Kontrolle über Layout, Schriftarten, Farben und Stil. Ihr eingebettetes Formular passt perfekt zu Ihrer Website und Ihrem Branding und wirkt nicht deplatziert.
- Mehr Anpassungsmöglichkeiten: Jotform bietet mehrseitige Formulare, Hunderte von Widgets, benutzerdefinierte Bestätigungsseiten und bedingte Logik, die Felder basierend auf den vorherigen Antworten eines Teilnehmers ein- oder ausblendet. Google Forms bietet diese Flexibilität nicht.
- Integrierte Zahlungsabwicklung: Jotform integriert sich direkt mit Stripe, PayPal, Square und anderen Zahlungsdienstleistern, sodass Sie Zahlungen, Spenden oder Buchungsgebühren über dasselbe Formular einziehen können.
- Es gibt zwei Möglichkeiten, Jotform Formulare in WordPress einzubetten: Sie können ein Jotform-Formular direkt über den benutzerdefinierten HTML-Block einbetten, genau wie ein Google-Formular. Alternativ können Sie das Jotform WordPress-Plugin „Formular einbetten“ verwenden, mit dem Sie Formulare einfügen und verwalten können, ohne Code bearbeiten zu müssen. Gehen Sie im Formular-Builder zu „Veröffentlichen“ → „Plattformen“ → „WordPress“, kopieren Sie den Shortcode und fügen Sie ihn in einen Shortcode-Block im Gutenberg-Editor ein oder direkt in den klassischen Editor.
- Funktioniert auch auf kostenlosen WordPress.com-Websites: Im Gegensatz zu Google Forms lässt sich Jotform ohne Tarif-Upgrade in kostenlose WordPress.com-Websites einbetten.
💡 Did you know?
Sie können Google-Formulare schnell und einfach zu Jotform migrieren. Wenn Sie bereits Formulare in Google Forms erstellt haben, müssen Sie diese nicht manuell zu Jotform übertragen. Dank der Migrationsfunktion von Jotform werden Ihre kompletten Formulare, inklusive Logik und Fragen, nahtlos zu Jotform migriert. Das dauert weniger als eine Minute.
Verwenden Sie Google Forms für einfache Einbettungen, Jotform für bessere WordPress-Formular-Workflows.
Google Forms ist eine gute Wahl, wenn Sie ein einfaches, einmalig einbettbares Formular benötigen und weniger Wert auf Aussehen und Funktionen legen. Die Einbettung ist unkompliziert, wenn Sie WordPress nutzen.
Wenn Sie ein Formular wünschen, das sich nahtlos in Ihre Website einfügt, oder wenn Sie erweiterte Funktionen wie Zahlungen, komplexe Logik oder einen übersichtlicheren Workflow benötigen, ist Jotform die Lösung. Sie können es kostenlos testen und innerhalb weniger Minuten ein Formular in jede beliebige WordPress-Seite einbetten.
Häufig gestellte Fragen zum Einbetten von Google Forms in WordPress
Ja, Sie können ein Google-Formular in WordPress einbetten, ohne ein Plugin zu benötigen, wenn Sie WordPress nutzen. Die Standardmethode verwendet den integrierten Einbettungscode von Google und den benutzerdefinierten HTML-Block von WordPress. Ein Plugin ist nur dann erforderlich, wenn Sie zusätzliche Funktionen benötigen, beispielsweise die Verwaltung mehrerer Formulare direkt in WordPress.
Die häufigsten Ursachen sind Größenprobleme, Zugriffsbeschränkungen oder Veröffentlichungsprobleme. Wird das Formular abgeschnitten oder ist es zu schmal, passen Sie die Breiten- und Höhenangaben im iFrame-Code an. Wird das Formular gar nicht angezeigt, prüfen Sie, ob es in Google Forms veröffentlicht wurde. Nicht veröffentlichte Formulare werden Besuchern nicht angezeigt, selbst wenn der Einbettungscode vorhanden ist. Bei einer kostenlosen WordPress.com-Website können die Einschränkungen des Plattform-Tarifs ebenfalls die Darstellung der Einbettung verhindern.
Ja, wenn Sie ein Google-Formular aktualisieren, wird auch die eingebettete Version auf Ihrer WordPress-Seite aktualisiert. Der Einbettungscode verweist auf das Live-Formular, das auf den Servern von Google gehostet wird. Daher werden alle Änderungen, die Sie in Google Forms vornehmen, automatisch auf Ihrer WordPress-Seite übernommen, ohne dass Sie den Einbettungscode aktualisieren müssen.
This article is for WordPress website owners, content managers, small business teams, and anyone who wants to embed forms on a WordPress site while choosing the easiest and most flexible option between Google Forms and Jotform.
Kommentar abschicken: