HubSpot-Formulare zu WordPress-Seiten und -Beiträgen hinzufügen (alt)

Wenn Sie das Plug-in "CRM, Email Marketing, Live Chat, Forms & Analytics" erfolgreich installiert haben, können Sie ältere HubSpot-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, HubSpot-Formulare, die mit dem aktualisierten Formular-Editor erstellt wurden, in WordPress-Seiten oder -Beiträge einzubetten. 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 das Formular nicht in WordPress funktioniert oder der Einbettungscode geändert wird, wenn Sie die Live-Seite anzeigen, müssen Sie ggf. das Formular mit einem Plug-in hinzufü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. Überprüfen Sie die Tabelle unterstützter Formulare und erfahren Sie, wie Sie Drittanbieter-Formulare verwenden.
• 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 Plug-in oder überprüfen Sie die häufig gestellten 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:

1. Gehen Sie von Ihrem WordPress-Konto aus in der linken Seitenleiste zu HubSpot > Formulare. 
2. 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.
3. Klicken Sie auf WordPress-Kurzcode und dann auf Kopieren, um den eingebetteten Code zu kopieren. 
4. Navigieren Sie zu einer WordPress-Seite oder einem Beitrag, und fügen Sie den Shortcode dann in den Seiten-Editor ein.

1. Gehen Sie von Ihrem WordPress-Konto aus in der linken Seitenleiste zu HubSpot > Formulare.
2. Bewegen Sie den Mauszeiger über ein Formular. Klicken Sie dann auf das Dropdown-Menü Aktionen und wählen Sie Einsendungen anzeigen aus. Erfahren Sie mehr über das Analysieren Ihrer Formularübermittlungen. 

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: 

1. Gehen Sie in Ihrem Wordpress-Konto zu Ihrer Seite oder Ihrem Beitrag. 
2. 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. 

3. 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.  

1. Gehen Sie von Ihrem WordPress-Konto aus in der linken Seitenleiste zu HubSpot > Formulare.
2. Bewegen Sie den Mauszeiger über ein Formular. Klicken Sie dann auf das Dropdown-Menü Aktionen und wählen Sie Einsendungen anzeigen aus. Erfahren Sie mehr über das Analysieren Ihrer Formularübermittlungen.