Effektive Methoden zur HubSpot-Formularfreigabe auf externen Websites (2023)

Einleitung

Die optimale Integration von HubSpot-Formularen auf externen Websites ist entscheidend, um effizient Leads zu erfassen. Nachdem Sie ein Formular in HubSpot erstellt haben, stehen Ihnen verschiedene Methoden zur Verfügung, um es nahtlos auf externen Seiten zu teilen. Wir präsentieren Ihnen zwei effektive Möglichkeiten, wie Sie dies erfolgreich umsetzen können: das Einbetten des Formularcodes in eine bestehende Seite und das Erstellen einer eigenständigen Formularseite mit einem Freigabe-Link.

Einbetten des Formularcodes

1. Zugriff auf den Einbettungscode:

   • Navigieren Sie in Ihrem HubSpot-Account zu "Marketing" > "Lead-Erfassung" > "Formulare".
   • Bewegen Sie den Mauszeiger über das gewünschte Formular und wählen Sie "Aktionen" > "Teilen".
   • Klicken Sie auf "Kopieren" im Dialogfeld, um den Einbettungscode zu erhalten.

2. Einbetten auf externen Seiten:

   See Also

   Webformulare optimal gestalten: Ein Leitfaden für erfolgreiche Lead-GenerierungDie Bedeutung von HTML-Formularen und ihre ErstellungHubspot Mehrstufige Formulare: Die ultimative Anleitung für maximale Konversionsraten
   • Fügen Sie den kopierten Einbettungscode in das HTML-Modul Ihrer externen Seite ein.
   • Nach dem Hinzufügen können Sie das eingebettete HubSpot-Formular weiter im Formular-Editor oder mit CSS formatieren.

3. Wichtiger Hinweis für WordPress-Nutzer:

   • Wenn Sie mit WordPress arbeiten, erfahren Sie, wie Sie das Formular in Ihren Beitrag oder Ihre Seite einfügen können.

Erstellung einer eigenständigen Formularseite

1. Freigabe-Link generieren:

   • Gehen Sie zu "Marketing" > "Lead-Erfassung" > "Formulare" in Ihrem HubSpot-Account.
   • Bewegen Sie den Mauszeiger über das gewünschte Formular und wählen Sie "Aktionen" > "Teilen".
   • Wechseln Sie zur Registerkarte "Freigabe-Link" und klicken Sie auf "Kopieren", um die URL der Formularseite zu erhalten.

2. Nutzung des Freigabe-Links:

   • Öffnen Sie ein neues Browserfenster und fügen Sie die URL der Formularseite ein, um sie zu laden.
   • Der Freigabe-Link ermöglicht es anderen, direkt auf das Formular zuzugreifen.

Formulargestaltungsoptionen

Einbettung mit vorgefertigten Designs

1. Design anwenden:
   • Navigieren Sie zu "Marketing" > "Lead-Erfassung" > "Formulare" und wählen Sie das gewünschte Formular.
   • Klicken Sie auf "Bearbeiten" und wechseln Sie zur Registerkarte "Stil & Vorschau".
   • Wählen Sie ein vordefiniertes Design aus und klicken Sie auf "Veröffentlichen" oder "Aktualisieren".

Benutzerdefinierte Stile nutzen

1. Anwendung von benutzerdefinierten Stilen:
   • In Ihrem HubSpot-Account unter "Marketing" > "Lead-Erfassung" > "Formulare" wählen Sie das Formular aus.
   • Klicken Sie auf "Bearbeiten" und wechseln Sie zur Registerkarte "Stil & Vorschau".
   • Konfigurieren Sie Breite, Schriftart und Farben nach Ihren individuellen Präferenzen.
   • Abschließend auf "Veröffentlichen" oder "Aktualisieren" klicken.

CSS-Formatierung für externe Stylesheets

1. Unformatiertes HTML-Formular festlegen:

   • Im Formular-Editor unter "Stil & Vorschau" aktivieren Sie den Schalter "Als unformatiertes HTML-Formular festlegen".
   • Kopieren Sie den Einbettungscode und fügen Sie ihn auf Ihrer externen Seite ein.

2. Anpassungen mit CSS vornehmen:

   • Formatieren Sie das Formular in Ihrem externen Stylesheet mit CSS, um es gemäß Ihren Vorstellungen anzupassen.

Fazit

Die erfolgreiche Integration von HubSpot-Formularen auf externen Websites eröffnet vielfältige Möglichkeiten zur Leadgenerierung. Nutzen Sie diese effektiven Methoden, um Ihr HubSpot-Formular optimal zu teilen und passen Sie es nach Ihren individuellen Anforderungen an. So stellen Sie sicher, dass Ihre Website nicht nur informativ ist, sondern auch benutzerfreundlich und optimal für Suchmaschinen positioniert wird.