Formulare auf HubSpot-Seiten einrichten und gestalten

Nachdem Sie ein Formular in HubSpot erstellt haben, können Sie es zu einem beliebigen Formularmodul auf einer HubSpot-Seite hinzufügen. Auf jeder Seite können Sie auch konfigurieren, was nach dem Absenden des Formulars geschieht , und das Styling für Elemente Ihres Formulars wie die Schaltfläche "Absenden" und Formularfelder anpassen.

Bevor Sie loslegen

Bevor Sie Ihre Formulare auf einer HubSpot-Seite einrichten, beachten Sie bitte die folgenden Punkte: 

• Die Einstellungen und Styling-Änderungen gelten nur für das Formular-Modul auf der ausgewählten Seite. Alle Einstellungen und Styling-Änderungen, die Sie vornehmen, werden nicht Ihr Formular auf anderen Seiten beeinflussen.
• Das Aktualisieren von Formularinhalten, wie z. B. Formularfeldern, aktualisiert das Formular auf allen anderen Seiten, einschließlich allen eingebetteten Formularen oder eigenständigen Formularseiten. 

Formulare einrichten

• Gehen Sie zu Ihren Inhalten:

  • Website-Seiten: Gehen Sie in Ihrem HubSpot-Account zu Content > Website-Seiten.
  • Landingpages: Gehen Sie in Ihrem HubSpot-Account zu Content > Landingpages.

• Klicken Sie auf den Namen Ihrer Seite.
• Klicken Sie im Content-Editor auf das FormularModul. Wenn Ihre Seite noch kein Formular-Modul hat, erfahren Sie, wie Sie unter Module zu einer Seite hinzufügen können. 
• Auf der Registerkarte Inhalt im linken Bereich können Sie die Einstellungen des Formulars für diese Seite anpassen:
  • Formulartitel: geben Sie einen Namen für das Formular ein.
  • Wählen Sie ein Formular: wählen Sie ein Formular für diese Seite.
    • Um ein vorhandenes Formular zu verwenden, klicken Sie auf das Dropdown-Menü und wählen Sie ein Formularaus. 
    • Um ein neues Formular zu erstellen und zu verwenden, klicken Sie auf Aktionen > Neues Formular erstellen. Erfahren Sie mehr über Formulare einrichten
    • Um Übermittlungen für dieses Formular anzuzeigen, klicken Sie auf Aktionen > Formularübermittlungen anzeigen.
    • Um dieses Formular zu kopieren, klicken Sie auf Aktionen > Formular klonen.
    • Um alle anderen Seiten zu überprüfen, die das ausgewählte Formular verwenden, klicken Sie auf Aktionen > Seiten, die dieses Formular verwenden.
    • Um das Formular im Formular-Editor zu bearbeiten, klicken Sie auf Aktionen > Zum vollständigen Formular-Editor gehen. 
      
      

Passen Sie den Inhalt Ihres Formulars an

So bearbeiten Sie Ihre Formularfelder, Schaltflächentexte und Datenschutz- und Einwilligungsoptionen:

• Klicken Sie auf , um den Abschnitt Formularinhalt zu erweitern.
• Konfigurieren Sie den Inhalt Ihres Formulars: 
  • Formularfelder: Klicken und ziehen Sie Felder, um die im Formular angezeigte Reihenfolge zu bearbeiten. Bei mehrspaltigen Formularen oder als Teil eines benutzerdefinierten Moduls ist es nicht möglich, Formularfelder zu ziehen und abzulegen. So fügen Sie weitere Felder des Formulars hinzu:
    • Klicken Sie auf + Ein weiteres Formularfeld hinzufügen.
    • Klicken Sie auf das Dropdown-Menü Wählen Sie eine Eigenschaft und verwenden Sie die Suchleiste , um nach einem Feld zu suchen. 
    • Klicken Sie auf die Eigenschaft , um sie als Formular-Feld hinzuzufügen. 

• • Schaltflächentext: Geben Sie den Text ein, der auf der Schaltfläche "Senden" angezeigt werden soll.
  • Optionen für Datenschutz und Einwilligung: Wählen Sie im Dropdown-Menü die Hinweise und Informationen zur Einwilligung aus, die angezeigt werden sollen.
  • Captcha (SPAM-Prävention): Klicken Sie, um Captcha (SPAM-Prävention) einzuschalten und Googles unsichtbares reCAPTCHAanzuzeigen.

Bitte beachten Sie: Wenn Sie den Inhalt Ihres Formulars aktualisieren, wird das Formular auch auf anderen Seiten aktualisiert, auf denen das Formular verwendet wird, einschließlich eingebetteter Formulare oder eigenständiger Formularseiten.

Konfigurieren Sie Ihre Post-Absendeaktionen 

Standardmäßig wird bei Formularen, die zu HubSpot-Seiten hinzugefügt werden, eine Danke für das Absenden des Formulars inline-Nachricht angezeigt. Das Formular wird nicht die im Formular-Editor konfigurierte Aktion nach dem Absenden anzeigen.

Im Seiten-Editor können Sie eine andere Aktion zum Absenden von Posts einstellen. So konfigurieren Sie, was nach dem Absenden eines Formulars geschieht:

• Klicken Sie hier, um den Bereich zu erweitern Danke.
• Im Abschnitt What will a visitor see after submitting your form konfigurieren Sie Ihre Post-submit-Aktionen: 
  • Weiterleitung auf eine andere Seite: leitet einen Besucher nach dem Absenden des Formulars auf eine andere Seite weiter.
    • Klicken Sie auf und leiten Sie zu einer anderen Seite weiter.
    • Klicken Sie auf das Dropdown-Menü Redirect link und wählen Sie eine bestehende HubSpot-Seite oder geben Sie eine URLein.
  • Anzeige einer inline-Dankesnachricht: zeigt eine Nachricht an, nachdem der Besucher das Formular abgeschickt hat. Sie können eine Dankesnachricht in das Textfeld eingeben.

Konfigurieren Sie die Automatisierung Ihrer Formulare

Sie können Ihre Formularautomatisierung, wie z. B. die Optionen zur Erstellung von Kontakten und Marketing-E-Mails, sowie alle mit Ihren Formularen verbundenen Workflows verwalten. Für die Trigger der Einschreibung gilt das folgende Verhalten:

• Wenn ein Workflow in den Automatisierungseinstellungen des Formular-Moduls hinzugefügt wird, wird der entsprechende Trigger für die Registrierung der Formularübermittlung zum Workflow hinzugefügt.
• Wenn Sie einen Workflow aus den Automatisierungseinstellungen des Formular-Moduls entfernen, wird er auch aus den Triggern für die Registrierung des Workflows entfernt.
• Wenn der in einem Workflow verwendete Trigger für die Formulareinschreibung keine Seite angibt, kann der Trigger nicht von der Seite entfernt werden und muss stattdessen aus dem Workflow entfernt werden.

Um die Automatisierungseinstellungen für Ihr Formular zu konfigurieren, klicken Sie auf Formularautomatisierung im linken Bereich, um den Abschnitt zu erweitern, und prüfen Sie dann die folgenden Automatisierungsoptionen:

• Immer einen neuen Kontakt für eine E-Mail-Adresse erstellen: erstellt jedes Mal einen neuen Datensatz, wenn ein Formular mit einer neuen E-Mail-Adresse eingereicht wird, unabhängig von übereinstimmenden Benutzertokens mit bestehenden Kontakten aus der Formularübermittlung. 
• Als Marketingkontakte eingestufte Kontakte: setzen Sie alle über dieses Formular erstellten Kontakte als Marketingkontakte.
• Follow-up mit einer E-Mail: sendet eine Follow-up-E-Mail an Besucher, die das Formular ausgefüllt haben. Follow-up-E-Mails können nur an Marketingkontakte gesendet werden. 
  • So fügen Sie eine Folge-E-Mail hinzu:
    • Klicken Sie auf Wählen Sie eine E-Mail +.
    • Klicken Sie im Dialogfeld auf das Dropdown-Menü Eine E-Mail auswählen und wählen Sie eine vorhandene automatisierte E-Mail oder klicken Sie auf Neue E-Mail erstellen, um eine neue automatisierte E-Mailzu erstellen.
    • Klicken Sie auf Speichern. Die ausgewählte Folge-E-Mail wird im linken Bereich angezeigt. 
    • Nachdem Sie Ihre Follow-up-E-Mails eingerichtet haben, klicken Sie oben rechts auf Veröffentlichen oder Aktualisieren, um diese Änderungen zu übernehmen. Die Follow-up-E-Mail wird erst aktiviert, wenn die Änderungen veröffentlicht worden sind. 

• • Um die verwendete Follow-up-E-Mail zu ändern, bewegen Sie den Mauszeiger über die E-Mail und klicken Sie auf das Stiftsymbol neben der E-Mail. 
  • Um die Folge-E-Mail zu entfernen, bewegen Sie den Mauszeiger über die E-Mail und klicken Sie auf das X-Symbol neben der E-Mail. Die E-Mail sollte nicht mehr angezeigt werden. 
  • Wenn das Formular zuvor mit einer alten Follow-up-E-Mail verknüpft war, wird eine Warnmeldung angezeigt Dieses Formular verwendet eine alte Follow-up-E-Mail. Ältere Follow-up-E-Mails können zwar nicht bearbeitet werden, aber wenn die E-Mail zuvor veröffentlicht wurde, kann sie zu einer automatischen E-Mail aktualisiert werden. Die aktualisierten automatischen E-Mails können dann bearbeitet werden. 
    • Um eine zuvor veröffentlichte Follow-up-E-Mail in eine automatisierte E-Mail zu aktualisieren, die bearbeitet werden kann, klicken Sie auf E-Mail aktualisieren. Klicken Sie dann auf Update. Wenn die E-Mail noch nicht veröffentlicht wurde, wird diese Option nicht angezeigt. 

• • • Um eine veröffentlichte oder unveröffentlichte Legacy-Follow-up-E-Mail zu entfernen, klicken Sie auf Entfernen. Klicken Sie dann auf Entfernen. 

• Verbundene Workflows: werden alle Workflows und einfachen Workflows angezeigt, die das Formular als Trigger für die Registrierung verwenden. Erfahren Sie mehr über und die Automatisierung mit Formularen. 
  • Um das Formular als Trigger für einen Workflow zu verwenden, klicken Sie auf Formular zu einem Workflow hinzufügen oder Formular zu einem anderen Workflow hinzufügen. 
    • Klicken Sie auf „Formular zu einem Workflow hinzufügen“.
    • Wählen Sie einen vorhandenen Workflow aus oder klicken Sie auf „Neuen Workflow erstellen“, um einen neuen Workflow zu erstellen. Wenn Sie einen neuen Workflow erstellen, richten Sie Ihren Workflow ein und kehren dann zum Formularmodul auf Ihrer Landingpage oder Website-Seite zurück. 
  • Um einen weiteren Workflow hinzuzufügen, klicken Sie auf Formular zu anderem Workflow hinzufügen, wählen Sie dann einen bestehenden Workflow oder klicken Sie auf Neuen Workflow erstellen.
  • Um das Formular als Trigger für einen Workflow zu entfernen, bewegen Sie den Mauszeiger über den Workflow und klicken Sie auf das Löschsymbol neben dem Workflow. 

Konfigurieren Sie zusätzliche Formularoptionen

Sie können auch zusätzliche Einstellungen konfigurieren, wie z. B. die Auswahl der Empfänger von Formularbenachrichtigungen. Wenn Sie die HubSpot-Salesforce-Integration installiert haben, können Sie das Formular auch mit einer aktiven Salesforce-Kampagne verknüpfen.

Um die zusätzlichen Optionen Ihres Formulars zu konfigurieren, blättern Sie zum unteren Ende des linken Bereichs und konfigurieren Sie die folgenden Optionen:

• Formularbenachrichtigungen an angegebene E-Mail-Adressen statt an die Standardwerte des Formulars senden: Standardmäßig werden Formularübermittlungsbenachrichtigungen an alle Empfänger gesendet, die auf der Registerkarte Optionen des Formulars hinzugefügt wurden. So überschreiben Sie die Standardempfänger des Formulars und wählen Benachrichtigungsempfänger für Übermittlungen auf dieser Seite aus:
  • Klicken Sie auf diese Schaltfläche, um die Option Benachrichtigungen an angegebene E-Mail-Adressen statt an die Standardwerte des Formulars senden zu aktivieren.
  • Klicken Sie auf das Dropdown-Menü E-Mail-Adressen und wählen Sie Ihre Empfänger aus. Es können nur HubSpot-Benutzer als Empfänger von Formularbenachrichtigungen ausgewählt werden. 
  • Um einen Empfänger zu entfernen, klicken Sie auf das X-Symbol neben der E-Mail-Adresse des Empfängers. 
• Salesforce-Kampagne: Wenn Sie die Salesforce-Integration aktiviert haben, können Sie ein Formular mit einer aktiven Salesforce-Kampagne verknüpfen, indem Sie auf das Dropdown-Menü klicken und eine Kampagne auswählen. Erfahren Sie mehr über Verknüpfen von Formularen mit Salesforce-Kampagnen.
  
  

Formulare auf HubSpot-Seiten gestalten

Sie können das Styling Ihres gesamten Formulars anpassen sowie spezifische Styling-Änderungen an der Schaltfläche "Senden" oder den Feldern des Formulars vornehmen. So passen Sie das Styling Ihres Formulars an:

• Klicken Sie oben im linken Fensterbereich auf die Registerkarte " Formatvorlagen".
• Klicken Sie auf die Registerkarten Module, Felder oder Schaltflächen, um das Element Ihres Formulars auszuwählen, das Sie stylen möchten.
• Passen Sie das ausgewählte Element Ihres Formulars mithilfe der folgenden Text- und Ausrichtungsoptionen an.
• Klicken Sie auf Veröffentlichen oder Aktualisieren , um Ihre Änderungen an der Seite live zu schalten.

Bitte beachten Sie: Formulare, die auf HubSpot-Seiten erscheinen, können nur seitenweise individuell gestaltet werden. Eingebettete Formulare auf externen Seiten oder eigenständigen Formularseiten müssen im Formulareditor oder mit CSS in Ihrem externen Stylesheet gestylt werden.