HubSpot-Formulare zu WordPress-Seiten und -Beiträgen hinzufügen (alt)
Zuletzt aktualisiert am: Februar 19, 2025
Mit einem der folgenden Abonnements verfügbar (außer in den angegebenen Fällen):
|
Nach der erfolgreichen Installation der HubSpot – CRM, E-Mail-Marketing, Livechat, Formulare & Analytics Plug-in können Sie HubSpot alten Formulare zu Ihren WordPress-Seiten und -Beiträgen hinzufügen.
Bitte beachten: Dieser Artikel dient nur als Referenz für vorhandene Formulare, die mit dem alten Editor erstellt wurden. Derzeit ist es nicht möglich, Formulare, die mit dem aktualisierten Formular-Editor erstellt wurden, auf WordPress-Seiten oder -Beiträgen zu einbetten HubSpot. Erfahren Sie mehr über die Verwendung des aktualisierten Formular-Editors zum Erstellen und Verwalten von Formularen.
In WordPress können Sie Ihre älteren HubSpot-Formulare entweder über den klassischen Editor oder den Gutenberg-Editor hinzufügen.
Bevor Sie loslegen
Bevor Sie loslegen, beachten Sie bitte Folgendes:
- Wenn Sie ein Formular auf Ihrer WordPress-Website einbetten, müssen Sie möglicherweise zusätzliche CSS-Definitionen in Ihrem externen Stylesheet anwenden, um das Formular responsiv zu gestalten.
- Wenn Sie feststellen, dass Ihr Formular in WordPress nicht funktioniert oder der Einbettungscode geändert wird, wenn Sie die Live-Seite anzeigen, müssen Sie das Formular möglicherweise mit einem Plugin einfügen, um sicherzustellen, dass der Einbettungscode intakt bleibt.
- Wenn Sie ein anderes Formular-Plug-in wie Contact Form 7 oder Ninja Forms verwenden, können Sie Einsendungen in HubSpot erfassen. Sehen Sie sich die Tabelle der unterstützten Formulare an und erfahren Sie dann, wie Sie nicht-HubSpot-Formulare verwenden können.
- Wenn Sie ein unterstütztes Drittanbieter-Formular bei WordPress verwenden, jedoch keine Einsendungsdaten in HubSpot sehen, haben Sie möglicherweise ein anderes WordPress-Plug-in installiert, das einen Konflikt mit dem HubSpot-WordPress-Plug-in verursacht. Deaktivieren Sie das Plugin, oder lesen Sie häufig gestellte Fragen für weitere Schritte zur Fehlerbehebung.
Klassischer Editor
So betten Sie ein altes HubSpot-Formular mithilfe des klassischen Editors in Ihre WordPress-Seiten und -Beiträge ein:
- Gehen Sie von Ihrem WordPress-Konto aus in der linken Seitenleiste zu HubSpot > Formulare.
- Bewegen Sie den Mauszeiger über das Formular, das Sie Ihrer Website hinzufügen möchten, und klicken Sie auf Einbetten. Sie können auch ein neues HubSpot-Formular erstellen, indem Sie auf Formular erstellen klicken.
- Klicken Sie auf WordPress-Kurzcode und dann auf Kopieren, um den eingebetteten Code zu kopieren.
- Navigieren Sie zu einer WordPress-Seite oder einem Beitrag, und fügen Sie den Shortcode dann in den Seiten-Editor ein.
- So zeigen Sie nach der Veröffentlichung Ihrer Seite Einsendungen des Formulars in WordPress an:
- Gehen Sie von Ihrem WordPress-Konto aus in der linken Seitenleiste zu HubSpot > Formulare.
- Bewegen Sie den Mauszeiger über ein Formular. Klicken Sie auf die Dropdown-Liste Aktionen und wählen Sie Einsendungen anzeigen aus. Erfahren Sie mehr über und die Analyse Ihrer Formulare.
Gutenberg-Editor
Wenn Sie die neueste Version von Gutenberg verwenden, die inline JavaScript entfernt, verwenden Sie stattdessen die Inline JS-Block für Gutenberg-Plug-in , um ältere Formulare und CTAs auf Ihrer Seite zu einbetten HubSpot.
So betten Sie ein altes HubSpot-Formular mithilfe des Gutenberg-Editors in Ihre WordPress-Seiten und -Beiträge ein:
- Gehen Sie in Ihrem Wordpress-Konto zu Ihrer Seite oder Ihrem Beitrag.
- Klicken Sie auf das Plus-Symbol in der Symbolleiste. Suchen Sie den HubSpot-Formular-Block und klicken Sie darauf, um ihn zu Ihren Inhalten hinzuzufügen.
- In dem Block können Sie ein bestehendes Formular auswählen oder ein neues Formular erstellen:
- Um ein vorhandenes Formular auszuwählen, klicken Sie auf das Dropdown-Menü Vorhandenes Formular auswählen und wählen Sie ein Formular aus.
- Um ein neues Formular zu erstellen, gehen Sie zu HubSpot > Formulare in der linken Seitenleiste und klicken Sie auf Formular erstellen.
- So zeigen Sie nach der Veröffentlichung Ihrer Seite Einsendungen des Formulars in WordPress an:
- Gehen Sie von Ihrem WordPress-Konto aus in der linken Seitenleiste zu HubSpot > Formulare.
- Bewegen Sie den Mauszeiger über ein Formular. Klicken Sie auf die Dropdown-Liste Aktionen und wählen Sie Einsendungen anzeigen aus. Erfahren Sie mehr über und die Analyse Ihrer Formulare.