HubSpot ist eine beliebte All-in-One-Marketing- und CRM-Plattform, die Ihnen helfen soll, Ihr Unternehmen zu vergrößern. Mit dem Formularersteller von HubSpot können Sie Website-Besucher in qualifizierte Leads umwandeln, Kundeninformationen sammeln und das Engagement fördern.
Durch das Erstellen verschiedener Formulare mit HubSpot auf unseren Test-Websites haben wir uns aus erster Hand ein Bild von der Effektivität, der benutzerfreundlichen Oberfläche und den leistungsstarken Funktionen gemacht.
In diesem Artikel zeigen wir Ihnen, wie Sie ein HubSpot-Formular in WordPress erstellen können. Unsere Schritt-für-Schritt-Anleitung ist anfängerfreundlich gestaltet und erfordert keine Programmierkenntnisse.

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.
Außerdem verfügt es über einen leistungsstarken WordPress-Formularersteller, der sich nahtlos in WordPress integriert und es Ihnen ermöglicht, mühelos Formulare zu erstellen. Wie bei den meisten Formularerstellern können Sie individuelle Formulare für Ihre Website ganz einfach und ohne technische Kenntnisse 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 oben auf den Button „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“.

Daraufhin erscheint ein Popup-Fenster auf Ihrem Bildschirm. Da es sich um ein eingebettetes Formular handelt, wird ein Shortcode bereitgestellt.
Klicken Sie nun einfach auf den Button „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.
Hinweis: Sie benötigen mindestens einen Elite-Plan, um auf das HubSpot-Addon zuzugreifen.
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.

Danach werden Sie zur WPForms-Schnittstelle weitergeleitet, wo Sie das Template des Formulars 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. Vielleicht möchten Sie sich auch unseren ultimativen Leitfaden für WordPress-Formulare und unseren Vergleich zwischen Contact Form 7 und WPForms ansehen, um die beste Option für Ihre Website zu finden.
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.
Have a question or suggestion? Please leave a comment to start the discussion.