Wie man ein HubSpot-Formular in WordPress erstellt (2 einfache Methoden)

Möchten Sie ein HubSpot-Formular hinzufügen und in Ihre WordPress-Site integrieren?

HubSpot ist eine beliebte All-in-One-Marketing- und CRM-Plattform, die das Wachstum Ihres Unternehmens unterstützt. Mit dem Formularersteller von Hubspot können Sie beginnen, Website-Besucher in qualifizierte Leads zu verwandeln.

In diesem Artikel zeigen wir Ihnen, wie Sie ein HubSpot-Formular in WordPress erstellen können.

Warum HubSpot zum Erstellen von Formularen verwenden?

HubSpot ist eine Marketing- und Vertriebsplattform, die Unternehmen beim Wachstum hilft. Sie verfügt über zahlreiche Tools, darunter einen Customer Relationship Manager(CRM), ein Content Management System(CMS), integriertes E-Mail-Marketing und Lead-Generierung.

Sie verfügen auch über einen robusten WordPress-Formularersteller, der sich nahtlos in WordPress integriert und es Ihnen ermöglicht, mühelos Formulare zu erstellen. Wie bei den meisten Formular-Buildern können Sie auch hier ganz einfach und ohne technisches Fachwissen individuelle Formulare für Ihre Website erstellen.

Wenn Sie bereits die CRM-App von HubSpot verwenden, wird jeder Besucher, der Ihr Formular ausfüllt, automatisch zu Ihrer Datenbank hinzugefügt. Auf diese Weise können Sie sie mit E-Mail-Kampagnen und personalisierten Nachrichten betreuen.

Dieser Formularersteller ist ein einfacher Drag-and-Drop-Ersteller, mit dem Sie interaktive Formulare ohne eine einzige Zeile Code erstellen können, was ihn zu einem der besten Plugins für Kontaktformulare macht.

Denken Sie auch daran, dass HubSpot auch leicht mit anderen Formular-Tools wie WPForms, Formidable Forms und anderen integriert werden kann. Hubspot ist eine sehr beliebte Software. Wahrscheinlich können Sie es mit fast jedem Tool für kleine Unternehmen verbinden, z. B. mit E-Mail-Marketingdiensten, Marketingautomatisierungssoftware und anderen Systemen.

Sehen wir uns also an, wie Sie ein HubSpot-Formular in WordPress erstellen können:

Methode 1: Erstellen eines HubSpot-Formulars mit dem HubSpot-Plugin

Mit dem HubSpot-Plugin können Sie ganz einfach ein HubSpot-Formular für Ihre WordPress-Website erstellen.

Zunächst müssen Sie das HubSpot-Plugin installieren und aktivieren. Weitere Einzelheiten finden Sie in unserer Anleitung zur Installation eines WordPress-Plugins.

Nach der Aktivierung fügt das Plugin einen neuen Menüpunkt in der WordPress-Admin-Seitenleiste hinzu. Klicken Sie einfach auf HubSpot, um zum Einrichtungsassistenten zu gelangen, wo Sie ein HubSpot-Konto erstellen können, wenn Sie noch keines haben.

Wenn Sie ein Konto haben, müssen Sie oben auf den Link „Hier anmelden“ klicken.

Daraufhin wird ein Popup-Fenster „HubSpot-Anmeldung“ geöffnet.

Geben Sie einfach Ihren Benutzernamen und Ihr Passwort ein und klicken Sie dann auf die Schaltfläche „Anmelden“.

Nachdem Sie sich angemeldet haben, fragt HubSpot, ob Sie mit dem Konto, mit dem Sie sich gerade angemeldet haben, fortfahren möchten.

Klicken Sie einfach auf die Schaltfläche „Mit diesem Konto fortfahren“.

Anschließend werden Sie aufgefordert, Ihr HubSpot-Konto mit Ihrer WordPress-Website zu verbinden.

Klicken Sie einfach auf die Schaltfläche „Website verbinden“.

Sobald Sie die WordPress-Website mit Ihrem HubSpot-Konto verbunden haben, gehen Sie im WordPress-Admin-Dashboard zu HubSpot “ Formulare.

Dadurch gelangen Sie auf die Seite „Formulare“. Klicken Sie nun einfach auf die Schaltfläche „Kostenloses Formular erstellen“ in der oberen rechten Ecke.

Als nächstes müssen Sie Ihren Formulartyp auswählen und dann oben auf die Schaltfläche „Weiter“ klicken.

In diesem Tutorial werden wir ein „eingebettetes Formular“ erstellen.

Danach werden Sie zur HubSpot-Vorlagenbibliothek weitergeleitet.

Wählen Sie einfach Ihre bevorzugte Vorlage aus, z. B. „Registrierung“ oder „Kontakt“. Klicken Sie dann einfach oben auf die Schaltfläche „Start“.

Im Formulareditor können Sie nun die vorgefertigte Formularvorlage bearbeiten, indem Sie Felder von der linken Seite in die Vorschau auf der rechten Seite ziehen und dort ablegen.

Wenn Sie mit den Anpassungen fertig sind, klicken Sie einfach auf die Schaltfläche „Absenden“ am oberen Rand.

Daraufhin wird ein Popup-Fenster „Überprüfen und veröffentlichen“ geöffnet.

Blättern Sie einfach nach unten und klicken Sie auf die Schaltfläche „Veröffentlichen“.

Nachdem Sie auf die Schaltfläche „Veröffentlichen“ geklickt haben, wird ein Popup-Fenster auf Ihrem Bildschirm angezeigt. Da es sich um ein eingebettetes Formular handelt, wird ein Shortcode bereitgestellt.

Klicken Sie nun einfach auf die Schaltfläche „Kopieren“ neben dem Shortcode.

Sie können diesen Code auf jeder Seite einbetten, auf der Sie Ihr HubSpot-Formular hinzufügen möchten. Weitere Informationen finden Sie in unserem Leitfaden für das Hinzufügen von Shortcodes in WordPress.

Methode 2: Erstellen eines HubSpot-Formulars mit WPForms

Sie können auch ein HubSpot-Formular mit WPForms erstellen, das über ein HubSpot-Integrations-Addon verfügt. WPForms ist der beliebteste Drag-and-Drop-WordPress-Formular-Builder mit über 6 Millionen aktiven Installationen.

Als Erstes müssen Sie das WPForms-Plugin installieren und aktivieren. Sehen Sie sich unsere ausführliche Anleitung zur Installation eines WordPress-Plugins an.

Nach der Aktivierung, gehen Sie zu WPForms “ Addons aus dem Admin-Dashboard. Dies wird Sie auf die Seite „WPForms Addons“ bringen.

Suchen Sie einfach das HubSpot-Addon und klicken Sie auf die Schaltfläche „Jetzt aktualisieren“.

Dadurch gelangen Sie auf Ihre „WPForms Account“-Seite. Scrollen Sie hier einfach nach unten zum „HubSpot Addon“ und klicken Sie auf die Schaltfläche „Download“.

Danach können Sie das HubSpot-Addon auf die gleiche Weise installieren und aktivieren, wie Sie das Plugin installiert und aktiviert haben.

Gehen Sie dann im WordPress-Dashboard auf WPForms “ Einstellungen . Gehen Sie dann auf die Registerkarte „Integrationen“.

Hier finden Sie HubSpot in der Liste der Integrationen. Klicken Sie einfach auf das Pfeilsymbol, um den Bereich zu erweitern, und klicken Sie dann auf die Schaltfläche „Neues Konto hinzufügen“.

Es öffnet sich eine Eingabeaufforderung, in der Sie aufgefordert werden, sich mit Ihrem HubSpot-Konto zu verbinden. Geben Sie einfach die Anmeldedaten für Ihr HubSpot-Konto ein.

Wenn Sie noch kein Konto haben, können Sie es hier erstellen.

Anschließend werden Sie gefragt, ob Sie mit diesem Konto fortfahren möchten.

Klicken Sie einfach auf die Schaltfläche „Mit diesem Konto fortfahren“.

Danach wird ein Popup-Fenster angezeigt, das Sie auffordert, WPForms mit Hubspot zu verbinden.

Klicken Sie auf die Schaltfläche „App verbinden“ unten auf der Seite.

Kehren Sie in Ihrem WordPress-Dashboard zum Bildschirm „Integrationen“ zurück.

Sie sollten nun „Verbunden“ neben dem HubSpot-Abschnitt sehen.

Gehen Sie nun im Dashboard auf WPForms “ Add New, um Ihr HubSpot-Formular zu erstellen.

Wählen Sie zunächst eine Formularvorlage aus der WPForms-Vorlagenbibliothek aus.

Nachdem Sie die Vorlage ausgewählt haben, werden Sie zur WPForms-Schnittstelle weitergeleitet, wo Sie die Formularvorlage bearbeiten können.

Klicken Sie nun auf die Option „Marketing“ in der Menüleiste auf der linken Seite. Wählen Sie einfach „HubSpot“ aus der Liste der Integrationen.

Daraufhin wird ein HubSpot-Popup-Fenster auf dem Bildschirm angezeigt. Klicken Sie einfach auf die Schaltfläche „Neue Verbindung hinzufügen“ am oberen Rand.

WPForms wird Sie nun auffordern, einen Spitznamen für eine Verbindung einzugeben.

Sie können einen beliebigen Namen wählen, da niemand außer Ihnen diesen Namen sehen wird. Klicken Sie einfach auf die Schaltfläche „OK“, wenn Sie fertig sind.

WPForms fordert Sie dann auf, Ihr HubSpot-Konto auszuwählen und eine Aktion zu wählen, die Sie durchführen möchten. Wählen Sie einfach Ihr Konto aus dem Feld „Konto auswählen“.

Wählen Sie dann die Option „Kontakt erstellen/aktualisieren“ aus dem Feld „Auszuführende Aktion“.

Nach Auswahl dieser Option werden verschiedene neue Einstellungen im Formular angezeigt.

Füllen Sie diese Felder entsprechend aus. Da wir Kontakte aus Ihrem Lead-Generierungsformular an HubSpot senden möchten, wählen wir die Option „Kontakt erstellen/aktualisieren“.

Alle diese Felder, wie z. B. die Namen, E-Mails und der Lead-Status der Interessenten, werden in der HubSpot-Datenbank aktualisiert.

Nun können Sie Ihr Formular im Formularersteller anpassen.

Erstellen Sie einfach per Drag & Drop Felder von der linken Seite in die Live-Vorschau auf der rechten Seite.

Sie können alle Informationen hinzufügen, die Sie in Ihrem HubSpot-Konto sammeln und organisieren möchten.

Wenn Sie zufrieden sind, klicken Sie auf die Schaltfläche „Einbetten“ am oberen Rand des Formularerstellers.

Dadurch wird die Eingabeaufforderung „In eine Seite einbetten“ geöffnet.

Wenn Sie Ihr HubSpot-Formular in eine neue Seite einbetten möchten, klicken Sie auf die Option „Neue Seite erstellen“.

Um ein Formular in eine bestehende Seite einzubetten, klicken Sie auf die Option „Vorhandene Seite auswählen“.

Wählen Sie dann einfach die richtige Seite aus dem erscheinenden Dropdown-Menü.

Klicken Sie nun auf die Schaltfläche „Los geht’s“.

Sie werden automatisch zu der Seite weitergeleitet, die Sie aus dem Dropdown-Menü ausgewählt haben. Das HubSpot-Formular wird dort bereits eingebettet sein.

Klicken Sie einfach auf die Schaltfläche „Veröffentlichen“ am oberen Rand des Inhaltseditors, um Ihr neues Formular in Betrieb zu nehmen.

Das war’s! Wir hoffen, Sie haben gelernt, wie man ein HubSpot-Formular in WordPress erstellt. Sehen Sie sich auch unseren ultimativen SEO-Leitfaden für Anfänger und unsere Expertenauswahl der besten Mehrzweck-Themes an, um eine ansprechende Website zu erstellen.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.