Ein Leitfaden zum Einbetten von Formularen für WordPress Benutzer

WordPress ist das weltweit beliebteste Content-Management-System. Es begann als Plattform ausschließlich für das Bloggen, hat sich aber im Laufe der Jahre erheblich weiterentwickelt und vergrößert. Im April 2022 nutzten mehr als 43,3 Prozent der Websites WordPress.

Jotform ist bestrebt, sicherzustellen, dass Ihre Formulare mit einem der beliebtesten CMS auf dem Markt funktionieren. Für WordPress.org-Benutzer (selbst installiert) können Sie Ihr Jotform-Formular in jedem Beitrag oder auf jeder Seite mithilfe unseres Plugins anzeigen.

Wir haben dieses Benutzerhandbuch in die folgenden Punkte unterteilt:

• Verwendung des Embed Form Plugin für WordPress
• Verwendung des Jotform oEmbed Plugin für WordPress
• Einrichten des Feedback Button Plugins für WordPress
• Erhalt und Verwenden des Einbettungscodes für WordPress
• Hinzufügen eines Jotform-Formulars zu WordPress.com

Verwendung des Embed Form Plugin für WordPress

Für WordPress.org Benutzer: Installieren Sie unser Plugin zum Einbetten von Formularen und betten Sie Ihr Jotform Formular ein, indem Sie den Shortcode des Formulars einfügen.

1. Angenommen, Sie sind bereits in Ihrem WordPress-Dashboard eingeloggt, klicken Sie auf die Option Neu hinzufügen unter dem Abschnitt Plugins.
2. Suchen Sie nach Jotform. Sie werden vier verschiedene Plugins finden, die von Jotform.com entwickelt wurden. Das Plug-in “Embed Form” trägt die Bezeichnung “Jotform Online Forms – Drag & Drop Form Builder, Securely Embed Contact Forms“.
3. Klicken Sie auf Jetzt installieren.

4. Klicken Sie nach der Installation des Plugins auf Aktivieren.

5. Gehen Sie zurück zu Ihrem WordPress-Dashboard und bearbeiten Sie den Beitrag oder die Seite, auf der Sie das Formular anzeigen möchten.
6. Wenn Sie den Gutenberg-Editor verwenden, müssen Sie einen Classic-Block hinzufügen, um das Jotform-Symbol zu sehen.
7. Klicken Sie im klassischen Editor auf das Jotform-Symbol, um Ihr Formular auszuwählen. Bei diesem Schritt werden Sie möglicherweise in einem modalen Fenster aufgefordert, sich bei Ihrem Jotform-Konto anzumelden. Wenn Sie eine aktive Jotform-Sitzung über die andere Registerkarte haben, sehen Sie automatisch Ihre Liste der Formulare.

8. Wählen Sie das Formular aus der Liste aus.
9. Klicken Sie auf Weiter.

10. Sie sehen dann automatisch den Shortcode des Formulars im Classic-Block. Klicken Sie auf Aktualisieren, um Ihren Beitrag/Ihre Seite zu speichern.

Verwendung des Jotform oEmbed Plugin für WordPress

1. Installieren und aktivieren Sie das Jotform oEmbed Plugin.

2. Kopieren Sie die URL Ihres Formulars von der Registerkarte Veröffentlichen im Formular Generator.

3. Bearbeiten Sie den Beitrag/die Seite, auf der Sie das Formular anzeigen möchten.
4. Fügen Sie Ihr Formular in den Editor ein. Das oEmbed-Plugin funktioniert sowohl für den klassischen als auch für den Gutenberg-Editor. Bei diesem Schritt sollte das Formular auf der Seite angezeigt werden.
5. Klicken Sie auf die Schaltfläche Aktualisieren für Ihren Beitrag/Ihre Seite, um die Änderungen zu speichern.

Einrichten des Feedback Button Plugins für WordPress

1. Installieren und aktivieren Sie das Jotform Feedback Button Plugin.

2. Gehen Sie zum Abschnitt Einstellungen, und klicken Sie in der Liste auf die Option Jotform Feedback Button.
3. Klicken Sie auf das Symbol Suchen in der Option Formular-ID.

4. Wählen Sie Ihr Feedback-Formular aus der Liste aus.
5. Klicken Sie auf die Schaltfläche Weiter.

6. Bei diesem Schritt ist die Formular-ID bereits eingerichtet. Richten Sie die anderen Optionen entsprechend Ihrer bevorzugten Konfiguration ein.
7. Klicken Sie am Ende auf Änderungen speichern. Die Feedback Schaltfläche sollte nun auf Ihrer Website angezeigt werden.

Siehe auch: Erstellen eines Feedback Buttons 

Erhalt und Verwenden des Einbettungscodes für WordPress

Wenn Sie kein Plugin verwenden möchten, können Sie das Formular auch mit den Einbettungsmethoden in Ihren WordPress Beitrag bzw. Ihre WordPress Seite einbetten.

1. Wechseln Sie im Formular Generator auf die Registerkarte Veröffentlichen.
2. Klicken Sie auf Plattformen auf der linken Seite.
3. Suchen Sie und klicken Sie auf WordPress.org.
4. Klicken Sie im nächsten Fenster auf Code kopieren.

5. Bearbeiten Sie Ihren Beitrag/Ihre Seite auf Ihrer WordPress-Website.
6. Wenn Sie den Gutenberg-Editor verwenden, fügen Sie den benutzerdefinierten HTML-Block hinzu. Wenn Sie noch den Classis-Editor verwenden, müssen Sie den Text/HTML-Editor umschalten, um das Formular einzubetten.
7. Fügen Sie die Einbettungscodes für Ihr Formular ein.
8. Klicken Sie auf die Schaltfläche Aktualisieren, um die Änderungen an Ihrem Beitrag/Ihrer Seite zu speichern.

Siehe auch: Hinzufügen von Formularen zur WordPress.org Version

Hinzufügen eines Jotform Formulars zu WordPress.com

Für Ihre Website, die mit WordPress.com gehostet wird, ist das Hinzufügen eines Jotform Formulars zu Ihrem Beitrag oder Ihrer Seite ganz einfach, indem Sie Embed-Tags um die URL Ihres Formulars herum platzieren.

1. Wechseln Sie im Formular Generator auf die Registerkarte Veröffentlichen.
2. Klicken Sie auf Plattformen auf der linken Seite.
3. Suchen Sie und klicken Sie auf WordPress.com.
4. Klicken Sie im nächsten Fenster auf Code kopieren.

5. Fügen Sie in Ihrem WordPress-Post/Seiteneditor den Shortcode oder den benutzerdefinierten HTML-Block hinzu und fügen Sie die Einbettungs-Tags für Ihr Formular ein.

6. Klicken Sie oben auf die Schaltfläche Aktualisieren, um die Änderungen zu speichern.

Siehe auch: Wie Sie ein Formular in WordPress.com einbinden.