Ein Leitfaden zum Einbetten von Formularen für WordPress Benutzer

1. August 2025

WordPress ist das beliebteste Content-Management-System der Welt. Es begann als reine Blogging-Plattform, hat sich aber im Laufe der Jahre deutlich weiterentwickelt. Im April 2022 nutzten mehr als 43,3 Prozent der Websites WordPress.

Jotform stellt sicher, dass Ihre Formulare mit einem der beliebtesten CMS auf dem Markt kompatibel sind. Nutzer von WordPress.org (selbstinstalliert) können ihr Jotform-Formular mit unserem Plugin in jedem Beitrag oder auf jeder Seite anzeigen.

Diese Anleitung ist in folgende Punkte unterteilt:

WordPress-Plugins zum Einbetten von Formularen verwenden

WordPress.org-Nutzer installieren unser Formular-Plugin und betten ihr Jotform Formular ein, indem sie den Shortcode des Formulars einfügen.

  1. Angenommen, Sie sind bereits in Ihrem WordPress-Dashboard angemeldet. Klicken Sie im Bereich Plugins auf die Option Neu hinzufügen.
  2. Suchen Sie nach Jotform. Sie finden drei verschiedene Plugins von Jotform.com. Das Plugin Formular einbetten trägt die Bezeichnung Jotform Online-Formulare – Drag & Drop Form Builder: Kontaktformulare sicher einbetten.
  3. Klicken Sie auf Jetzt installieren.
install-jotform-plugin-for-wordpress
  1. Klicken Sie nach der Installation des Plug-ins auf Aktivieren.
jotform-embed-plugin-activate-button
  1. Gehen Sie zurück zu Ihrem WordPress-Dashboard und bearbeiten Sie den Beitrag oder die Seite, auf der das Formular angezeigt werden soll.
  2. Wenn Sie den Gutenberg-Editor verwenden, müssen Sie einen klassischen Block hinzufügen, um das Jotform Symbol anzuzeigen.
  3. Klicken Sie im klassischen Editor auf das Jotform Symbol, um Ihr Formular auszuwählen. In diesem Schritt werden Sie möglicherweise im modalen Fenster aufgefordert, sich bei Ihrem Jotform Konto anzumelden. Wenn Sie über den anderen Tab eine aktive JotForm-Sitzung haben, wird Ihnen automatisch Ihre Formularliste angezeigt.
wordpress-post-page-classic-block
  1. Wählen Sie das Formular aus der Liste aus.
  2. Klicken Sie auf Weiter.
wordpress-post-page-select-jotform-form
  1. Der Shortcode des Formulars wird automatisch im klassischen Block angezeigt. Klicken Sie auf Aktualisieren, um Ihren Beitrag/Ihre Seite zu speichern.
wordpress-post-page-jotform-shortcode

Jotform oEmbed Plug-in für WordPress verwenden

  1. Installieren und aktivieren Sie das Jotform oEmbed-Plugin.
wordpress-jotform-oembed-plugin
  1. Kopieren Sie Ihre Formular-URL aus dem Reiter Veröffentlichen des Formular Generator.
Ein Leitfaden zum Einbetten von Formularen für WordPress Benutzer Image-1
  1. Bearbeiten Sie Ihren Beitrag/Ihre Seite, wo das Formular angezeigt werden soll.
  2. Fügen Sie Ihr Formular in den Editor ein. Das oEmbed-Plugin funktioniert sowohl mit dem klassischen als auch mit dem Gutenberg-Editor. Das Formular sollte nun auf der Seite angezeigt werden.
  3. Klicken Sie auf die Schaltfläche Aktualisieren für Ihren Beitrag/Ihre Seite, um die Änderungen zu speichern.
wordpress-post-page-with-embedded-form-via-oembed

Feedback-Button-Plugin für WordPress einrichten

  1. Installieren und aktivieren Sie das Jotform Feedback-Button-Plugin.
wordpress-jotform-feedback-button-plugin
  1. Gehen Sie zu den Einstellungen. Klicken Sie in der Liste auf die Option Jotform Feedback Button.
  2. Klicken Sie in der Formular-ID auf das Symbol Suchen.
wordpress-jotform-feedback-button-settings
  1. Wählen Sie Ihr Feedback-Formular aus der Liste aus.
  2. Klicken Sie auf die Schaltfläche Weiter.
wordpress-jotform-feedback-button-select-form
  1. Die Formular-ID ist nun eingerichtet. Konfigurieren Sie die weiteren Optionen nach Ihren Wünschen.
  2. Klicken Sie unten auf Änderungen speichern. Der Feedback-Button sollte nun angezeigt werden. auf Ihrer Website angezeigt.
wordpress-jotform-feedback-button-save-settings

Siehe auch: Feedback-Button erstellen

Einbettungscodes für WordPress erhalten und verwenden

Wenn Sie kein Plugin verwenden möchten, können Sie das Formular auch mithilfe der Einbettungsmethoden in Ihren WordPress-Beitrag/Ihre WordPress-Seite einbetten.

  1. Gehen Sie im Formular Generator zum Tab Veröffentlichen.
  2. Klicken Sie links auf Plattformen.
  3. Suchen Sie nach WordPress.org und klicken Sie darauf.
  4. Klicken Sie im nächsten Fenster auf Code kopieren.
Ein Leitfaden zum Einbetten von Formularen für WordPress Benutzer Image-2
  1. Bearbeiten Sie Ihren Beitrag/Ihre Seite von Ihrer WordPress-Website aus.
  2. Wenn Sie den Gutenberg-Editor verwenden, fügen Sie den Block Benutzerdefiniertes HTML hinzu. Wenn Sie weiterhin den Classis-Editor verwenden, müssen Sie den Text-/HTML-Editor umschalten, um das Formular einzubetten.
  3. Fügen Sie die Einbettungscodes Ihres Formulars ein.
  4. Klicken Sie auf die Schaltfläche Aktualisieren, um die Änderungen an Ihrem Beitrag/Ihrer Seite zu speichern.
wordpress-custom-html-block-with-jotform-embed-codes

Hinweis

Sollte die WordPress-Einbettung aus irgendeinem Grund nicht funktionieren, empfehlen wir die Verwendung unseres iFrame-Methode. Manchmal kann es zu einem JavaScript-Konflikt zwischen der eingebetteten WordPress-Datei und anderen Codes Ihrer Website kommen.

Siehe auch: Formulare zur WordPress.org-Version hinzufügen

Jotform Formular zu WordPress.com hinzufügen

Wenn Sie Ihre Website bei WordPress.com hosten, können Sie ganz einfach ein JotForm-Formular in Ihren Beitrag oder Ihre Seite einfügen. Platzieren Sie dazu einfach Embed-Tags um die URL Ihres Formulars.

  1. Gehen Sie im Formular Generator zum Tab Veröffentlichen.
  2. Klicken Sie links auf Plattformen.
  3. Suchen und klicken Sie auf WordPress.com.
  4. Klicken Sie im nächsten Fenster auf Code kopieren.
Ein Leitfaden zum Einbetten von Formularen für WordPress Benutzer Image-3
  1. In Fügen Sie in Ihrem WordPress-Beitrags-/Seiteneditor den Shortcode– oder Benutzerdefinierten HTML-Block hinzu und fügen Sie die Embed-Tags für Ihr Formular ein.
wordpress-com-jotform-embed
  1. Klicken Sie oben auf die Schaltfläche Aktualisieren, um die Änderungen zu speichern.

Siehe auch: Formular in WordPress.com einbetten

Support kontaktieren

Our customer support team is available 24/7 and our average response time is between one to two hours.

Kommentar abschicken:

Jotform Avatar
Diese Seite ist durch reCAPTCHA geschützt und es gelten die Google Datenschutzbestimmungen und Nutzungsbedingungen.

Podo Comment Schreiben Sie den ersten Kommentar.