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

Wenn Sie das Plug-in „CRM, Email Marketing, Live Chat, Forms & Analytics“ erfolgreich installiert haben, können Sie HubSpot-Formulare zu Ihren WordPress-Seiten und -Beiträgen hinzufügen.

In WordPress können Sie Ihre 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 Formular mithilfe des klassischen Editors auf Ihren WordPress-Seiten und -Beiträgen 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 die Analyse Ihrer Formularübermittlungen. 

Gutenberg-Editor

Wenn Sie die neueste Version von Gutenberg (entfernt Inline-JavaScript) verwenden, betten Sie stattdessen Formulare und CTAs mithilfe des Plug-ins zum Blockieren von Inline-JS für Gutenberg auf Ihrer Seite ein.

So betten Sie ein Formular mithilfe des Gutenberg-Editors auf Ihren WordPress-Seiten und -Beiträgen 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 die Analyse Ihrer Formularübermittlungen.