So erstellen Sie Hubspot-Mehrschrittformulare (ohne Code)
Inhaltsverzeichnis
Kurze Zusammenfassung
In diesem Leitfaden erfahren Sie, wie Sie mit Growform ein mehrstufiges HubSpot-Formular mit hoher Konversionsrate erstellen können – ganz ohne Programmierkenntnisse. Erfahren Sie, warum mehrstufige Formulare das Engagement steigern, wie Sie ein solches Formular mit Zapier einrichten, und lernen Sie bewährte Verfahren kennen. Nutzen Sie unsere vorgefertigten Vorlagen, um schnell loszulegen, und besuchen Sie den Growform-Blog, um weitere Tipps zur Lead-Generierung und fortgeschrittene Formularstrategien zu erhalten.
Wie Sie mehrstufige Formulare erstellen, die nahtlos mit HubSpot funktionieren
Hubspot ist eine vielseitige Marketingplattform, die verschiedene Tools, darunter auch Formulare, anbietet, um das Wachstum von Unternehmen durch Automatisierung zu unterstützen.
Es verfügt über einen eigenen Formularersteller, der eine einfache Datenerfassung ermöglicht, wobei die Leads direkt an das CRM weitergeleitet werden:
Aber eine Frage, die uns oft gestellt wird, lautet: “Gibt es bei Hubspot mehrstufige Formulare?”.
Ab Mai 2023 unterstützt Hubspot keine mehrstufigen Formulare. Die einzigen Möglichkeiten, ein mehrstufiges Formular auf Hubspot zu erstellen, sind im Moment:
a.) Erstellen Sie ein Formular, das die Benutzer auf eine andere Hubspot-Seite (mit einem anderen Formular) weiterleitet, und wiederholen Sie jeden Schritt (nicht empfohlen)
b.) Verwenden Sie die Funktion “abhängige Felder” von Hubspot, um für jede Frage ein anderes Feld anzuzeigen. Der Benutzer befindet sich dann auf derselben Seite, aber es entsteht der Eindruck eines mehrstufigen Formulars (nicht empfohlen).
c.) Verwenden Sie einen Formularersteller wie Growform, um ein mehrstufiges Formular zu erstellen und die Leads an Hubspot zu senden (empfohlen):
Es ist ein wenig rätselhaft, dass Hubspot beschlossen hat, mehrstufige Formulare in ihrem Formular-Builder nicht zu unterstützen, da sie nachweislich die Konversionsraten erheblich steigern und Hubspot sogar selbst für sie eintritt.
In jedem Fall zeigt Ihnen dieser Leitfaden genau, wie Sie unglaubliche Hubspot-Mehrschrittformulare erstellen können, die so raffiniert sind, dass jeder Vermarkter neidisch wird!
Warum sollten Sie uns zuhören?
Wir von Growform haben uns darauf spezialisiert, Unternehmen dabei zu helfen, mehr Leads mit schön gestalteten, hochkonvertierenden Formularen zu gewinnen. Unsere Plattform wurde für Marketingexperten entwickelt, die mehr Flexibilität benötigen, als herkömmliche Formular-Tools bieten, insbesondere wenn sie mit CRMs wie HubSpot arbeiten.
Mit nahtlosen Integrationen, anpassbaren Vorlagen und leistungsstarken Funktionen wie bedingter Logik und mehrstufigen Layouts macht es Growform leicht, Formulare zu erstellen, die nicht nur gut aussehen, sondern auch perfekt mit Ihren Marketing-Workflows harmonieren.
Was sind HubSpot Multi-Step-Formulare?
Mehrstufige Formulare unterteilen langwierige Formulare in überschaubare Abschnitte, verbessern die Benutzerfreundlichkeit und erhöhen die Konversionsraten. Der native Formularersteller von HubSpot unterstützt diese Funktion zwar nicht, aber Tools von Drittanbietern können diese Lücke schließen, indem sie sich nahtlos in HubSpot integrieren.
Warum überhaupt ein mehrstufiges Formular verwenden?
Mehrstufige Formulare bieten mehrere Vorteile gegenüber herkömmlichen einstufigen oder einseitigen Formularen. Diese Vorteile umfassen:
- Verbesserte Benutzerfreundlichkeit: Wenn Sie ein langes Formular in kleinere Abschnitte unterteilen, kann das Ausfüllen des Formulars für den Benutzer weniger einschüchternd sein. Dieser Ansatz zur Formular-Design hilft dabei, die Formularabbrüche und erhöht die Wahrscheinlichkeit, dass die Benutzer das Formular ausfüllen.
- Höhere Konversionsraten: Da der Prozess des Ausfüllens von Formularen überschaubarer ist, erzielen mehrstufige Formulare viel höhere Konversionsraten Konversionsraten als einstufige Formulare. Die Wahrscheinlichkeit, dass Benutzer ein Formular starten und ausfüllen, ist größer, wenn sie das Gefühl haben, dass es nicht zu überwältigend ist – was zu mehr Konversionen für Sie führt!
- Bessere Datenerfassung: Mit mehrstufigen Formularen können Sie detailliertere Informationen von den Benutzern erfassen, ohne sie zu überfordern. Indem Sie das Formular in Abschnitte unterteilen, ermöglichen Sie es den Nutzern, genauere und umfassendere Daten anzugeben, was zu einer besseren Lead-Qualifizierung und -Segmentierung führt.
- Weniger Formularabbrüche: Durch ein benutzerfreundlicheres Ausfüllen von Formularen ist die Wahrscheinlichkeit geringer, dass Besucher die Beantwortung von Fragen auf halbem Wege abbrechen. Dies führt zu einer erfolgreicheren Übermittlung von Formularen und einer höheren Anzahl von Leads, die erfasst werden.
Warum einen Form Builder verwenden, anstatt Hacks und Workarounds zu benutzen?
Es war großartig zu sehen, wie die Hubspot-Community zusammenkam: Es gibt ein paar Hacks und Workarounds, die es ermöglichen, eine Annäherung an ein mehrstufiges Formular in Hubspot zu erstellen.
Das Problem ist jedoch, dass Workarounds die unangenehme Angewohnheit haben, plötzlich inkompatibel zu werden, keinen offiziellen technischen Support zu erhalten und den Nutzern eine unangenehme Erfahrung zu bereiten.
Die Lösung? Growform wurde speziell für die Erstellung mehrstufiger Formulare entwickelt, kann in Ihre Website eingebettet werden und sendet Leads über die Hubspot-Integration an Ihr CRM.
Wenn Sie ein Tool eines Drittanbieters wie dieses verwenden, erscheinen die Leads zwar immer noch in Hubspot, aber Sie genießen auch alle Vorteile eines speziell entwickelten Formularerstellers:
- Bedingte Logik: Verwenden Sie eine bedingte Logik oder eine Sprunglogik, um Felder oder ganze Schritte auf der Grundlage der Antworten der Benutzer ein- oder auszublenden. Dadurch werden Ihre Formulare viel interaktiver und personalisierter und Sie können beeindruckende und konvertierende Erlebnisse schaffen.
- Mehr Styling-Optionen: Die Formulare von Hubspot bieten keine Vielzahl von Anpassungsoptionen (Farbschemata, benutzerdefinierte Schriftarten oder Hintergrundfarben), während Formularersteller von Drittanbietern dies tun. Mit einem optisch ansprechenderen Formular, das Ihrer Marke ähnelt, haben die Nutzer eher einen positiven Eindruck von Ihrer Marke und beginnen, Ihr Formular auszufüllen.
- Fortschrittsbalken: Wenn Sie einen Fortschrittsbalken in Ihr mehrstufiges Formular einbauen, haben Ihre Benutzer das Gefühl, etwas erreicht zu haben, und bleiben engagiert.
- Vorlagen für bewährte Praktiken: Mit dem Formular-Builder von Hubspot können Sie einfache Formulare von Grund auf neu erstellen, aber er bietet nicht viel an Vorlagen. Formularersteller wie Growform bieten mehr als 20 Vorlagen für eine Reihe von Branchen, mit denen Sie von Anfang an mehrstufige Best Practices befolgen können.
- Bessere Benutzerfreundlichkeit: Die Erstellung eines mehrstufigen Formulars mit den richtigen Werkzeugen ist viel einfacher als das Zusammenstellen verschiedener Formulare und die Verwendung von Umgehungslösungen. Es wird wahrscheinlich auch zuverlässiger und wartungsfreundlicher sein.
Alternativen zu HubSpot für mehrstufige Formulare
HubSpot ist zwar eine führende Marketingplattform, aber einige Unternehmen suchen vielleicht nach alternativen Tools, die speziell für die Erstellung von mehrstufigen Formularen mit erweiterten Funktionen entwickelt wurden. Hier sind ein paar beliebte Optionen, die Sie in Betracht ziehen sollten:
- Growform: Ein spezieller mehrstufiger Formularersteller, der sich über Zapier nahtlos in HubSpot integrieren lässt. Es bietet bedingte Logik, anpassbare Themen und auf verschiedene Branchen zugeschnittene Vorlagen. Es ist perfekt, wenn Sie HubSpot CRM weiter nutzen möchten, aber leistungsfähigere Formularfunktionen benötigen.
- Typeform: Bekannt für seine dialogorientierten, benutzerfreundlichen Formulare mit mehrstufigem Ablauf und Logiksprüngen. Typeform lässt sich in HubSpot integrieren, erfordert aber häufig Konnektoren von Drittanbietern wie Zapier.
- Jotform: Bietet mehrstufige Drag-and-Drop-Formulare mit vielen Integrationen, einschließlich HubSpot. Es bietet eine Vielzahl von vorgefertigten Vorlagen und Anpassungsoptionen.
- Formstack: Ein Standard-Formularersteller, der mehrstufige Formulare, bedingte Logik und erweiterte Workflows unterstützt. Es lässt sich mit HubSpot und anderen CRM-Tools integrieren.
Schritt-für-Schritt-Anleitung zur Erstellung eines Hubspot-Mehrschrittformulars mit Growform
In diesem Abschnitt bieten wir eine Schritt-für-Schritt-Anleitung für die Erstellung eines mehrstufigen Hubspot-Formulars mit Growform.
Am Ende des Tutorials haben Sie ein wunderschönes Formular mit bedingter Logik, Fortschrittsbalken und erweiterten Styling-Optionen – und die Leads landen direkt in Hubspot!
In diesem Tutorial gehen wir davon aus, dass Sie bereits ein Hubspot-Konto haben.
Schritt 1: Registrieren Sie sich und erstellen Sie ein neues Formular
Um loszulegen, müssen Sie sich für ein Growform-Konto anmelden.
Sobald Sie ein Konto erstellt und sich angemeldet haben, werden Sie zum Growform-Dashboard weitergeleitet. Klicken Sie nun auf “Neues Formular erstellen” und wählen Sie eine Vorlage, die Ihnen zusagt.
Wir entscheiden uns für “Keine – mit einer leeren Tafel beginnen”:
Schritt 2: Bearbeiten Sie Ihre Felder
Mit nur wenigen Klicks können wir nicht benötigte Felder löschen und neue Felder hinzufügen, die sinnvoll sind:
So geht’s:
- Wählen Sie ein Feld durch Anklicken aus
- Löschen Sie ein Feld, indem Sie auf das Symbol “Löschen” / “Mülleimer” klicken.
- Fügen Sie ein Feld hinzu, indem Sie es auf der linken Seite auswählen
- Bearbeiten Sie ein Feld, indem Sie es anklicken und die Einstellungen auf der linken Seite bearbeiten
Am Ende dieses Schritts sehen Sie etwa so aus:
Schritt 3: Bearbeiten Sie Ihre Theme-Einstellungen
Wenn das blaue Farbschema nicht passt, können wir die Themenoptionen leicht bearbeiten, um die Dinge ein wenig aufzuräumen:
So haben wir es gemacht:
- Klicken Sie auf “Thema” in der oberen rechten Ecke
- Passen Sie die Standardschriftart, die Grundfarbe und die Farbe des Textes nach Ihren Wünschen an.
Nachdem wir ein Bild am oberen Rand des Formulars hinzugefügt und die Ränder der einzelnen Felder ein wenig angepasst haben, können wir ein gut aussehendes Formular wie dieses erstellen:
Unabhängig von Ihren Markenrichtlinien sollten Sie in der Lage sein, ein Formular zu entwerfen, das gut aussieht und sich überall einfügt.
Wenn Sie Schritte hinzufügen oder bearbeiten möchten, können Sie dies ganz einfach über das Dropdown-Menü in der oberen linken Ecke tun.
Vergessen Sie nicht, auf “Speichern” zu klicken, wenn Sie mit dem Bauen fertig sind!
Schritt 4: Binden Sie unser Formular in Ihre Website ein
Nachdem wir nun ein einfaches Formular erstellt haben, müssen wir den Einbettungscode holen, mit dem wir es auf unserer Landing Page oder Website platzieren können.
Lassen Sie uns zunächst den Einbettungscode von Growform verwenden. Navigieren Sie im Builder zu“Formular freigeben” und öffnen Sie die erste Option.
Klicken Sie in das Feld und kopieren Sie den Einbettungscode in Ihre Zwischenablage:
Gut – wir haben den Einbettungscode kopiert. Sie müssen es nun in den benutzerdefinierten HTML-Bereich Ihrer Landing Page oder Ihres Website-Builders einfügen.
Oft bietet der Landing Page Builder ein Widget oder ein Tool, das “benutzerdefiniertes HTML” ermöglicht – fügen Sie den Code einfach dort ein und speichern Sie Ihre Änderungen.
Im Folgenden finden Sie spezifische Anleitungen für jeden wichtigen Landing Page Builder:
Schön! Wir haben den Code in unsere WordPress-Seite eingefügt und haben jetzt ein mehrstufiges Formular!
Wenn Sie das Formular nicht in Ihre Website einbetten möchten oder einfach nur einen Link zum Formular freigeben möchten, ist dies ebenfalls möglich – auf der Seite “Formular freigeben” finden Sie ebenfalls einen Link zum Teilen.
Schritt 5: Schießen Sie eine Testleitung ab
Füllen wir unser Formular aus, um sicherzustellen, dass alles funktioniert:
Dies ist ein wichtiger Schritt – er zeigt uns nicht nur das Formular in Aktion, sondern ermöglicht es Zapier, einen Beispiel-Lead zu “sehen”, wenn wir die Hubspot-Integration in Schritt 5 konfigurieren.
Schritt 6: Senden Sie Ihre Leads an Hubspot
Zu diesem Zeitpunkt ist unser Formular auf unserer Website eingebettet und sammelt Leads – aber die Leads bleiben einfach in Growform!
Lassen Sie uns unsere Leads mithilfe von Zapier an Hubspot senden.
Zapier ist der “Klebstoff”, der Growform und Tausende von Integrationen zusammenhält. Wenn Sie noch kein Konto haben, werden Sie aufgefordert, eines zu erstellen. Es wird mit einer 14-tägigen kostenlosen Testversion geliefert und ermöglicht 100 Leads pro Monat, ohne dass ein kostenpflichtiger Plan erforderlich ist.
Sobald Sie sich bei Zapier angemeldet oder eingeloggt haben, öffnen Sie Ihr Dashboard, um die Growform-App mit Hubspot zu verbinden.
Wir werden es so konfigurieren, dass es bei“New Form Submission” einen“Create Contact” in Hubspot erstellt:
Großartig! Wenn Sie die richtigen Optionen ausgewählt haben, klicken Sie auf “Try it”, um zum Zap-Builder zu gelangen.
Auf dem nächsten Bildschirm klicken Sie auf das erste Feld auf der Seite und dann auf “Anmelden”. Folgen Sie dem Link zu Ihrem Growform-Konto, kopieren Sie Ihren API-Schlüssel, fügen Sie ihn in das Feld ein und speichern Sie Ihre Änderungen:
Sobald Sie Ihren API-Schlüssel hinzugefügt haben, sollten Sie ein grünes Häkchen neben “Konto” und Ihren Growform-Kontoinformationen in Zapier sehen:
Klicken Sie auf “Weiter”, um zum Schritt “Auslösen” zu gelangen.
Wählen Sie an dieser Stelle einfach Ihr Formular aus und klicken Sie auf “Auslöser testen”.
Zapier findet nun das Testformular, das Sie zuvor eingereicht haben. Klicken Sie auf “Weiter”, um zum nächsten Schritt zu gelangen.
(Wenn Sie noch keine Testanmeldung in Growform erstellt haben, können Sie dies jetzt nachholen, bevor Sie erneut auf “Test trigger” klicken).
Zu diesem Zeitpunkt ist Zapier mit Growform verbunden – wir müssen nur noch die Felder in Hubspot zuordnen.
Das Verbinden von Zapier mit Hubspot ist ein einfacher Prozess – unter “Action” klicken Sie einfach auf “Sign in” und wählen das entsprechende Konto aus, bevor Sie auf “Connect app” klicken:
Jetzt, wo wir mit Hubspot verbunden sind, müssen wir nur noch zu den “Action”-Details navigieren und jedes Hubspot-Feld konfigurieren, an das wir Daten senden möchten:
Um zum Beispiel die E-Mail-Adresse eines Benutzers einzutragen, suchen Sie “Contact information: E-Mail”, geben Sie das Feld ein und ordnen Sie ihm das entsprechende Growform-Feld zu:
Tipp: Verwenden Sie “ctrl+f” (oder die entsprechende Tastenkombination), um das gewünschte Feld zu finden – es gibt viele Hubspot-Felder zum Sortieren! Benutzerdefinierte Felder werden hier ebenfalls angezeigt.
Wiederholen Sie diesen Vorgang für jedes Feld, das Sie ausfüllen möchten, und testen Sie dann Ihren Zap:
Wenn der Hubspot-Lead ordnungsgemäß erstellt wurde, sollten Sie eine Antwort wie diese sehen:
Wenn Sie mit Ihrer Integration zufrieden sind, vergessen Sie nicht, auf “Veröffentlichen” zu klicken, um sicherzustellen, dass sie aktiv ist.
Sie sehen dann, dass Ihr Kontakt in Ihrem Hubspot-Konto unter Kontakte erstellt wurde:
Das war’s – Sie haben erfolgreich ein mehrstufiges Hubspot-Formular mit Growform erstellt!
Jetzt wird jedes Mal, wenn ein neuer Interessent Ihr Formular ausfüllt, ein neuer Kontakt in Hubspot angelegt.
Growform Multi-Step-Formularvorlagen für einen perfekten Startpunkt
Entdecken Sie diese erstklassigen Growform-Vorlagen, die auf verschiedene Branchen und Anwendungsfälle zugeschnitten sind, um die Konversionsrate zu erhöhen und die Lead-Erfassung zu vereinfachen:
- B2B / SaaS: Erfassen Sie qualifizierte Leads mit maßgeschneiderten Fragen, um Ihre Interessenten besser zu verstehen.
- Finanzen: Sichern Sie sich sensible Finanzkontakte durch schrittweise Formulare, die Vertrauen schaffen.
- Gesundheitswesen: Erfassen Sie Patienten- oder Termininformationen einfach und zuverlässig.
- Veranstaltungen: Optimieren Sie Registrierungen mit mehrstufigen Abläufen für ein besseres Benutzererlebnis.
- Heimwerken: Erfassen Sie Projektdetails für genaue Kostenvoranschläge mit minimaler Reibung.
- Bildung: Binden Sie Studieninteressierte mit interaktiven Bewerbungsformularen ein.
Entdecken Sie diese und viele weitere Vorlagen auf unserer Vorlagen-Seite, um das perfekte Formular für Ihre Bedürfnisse zu finden.
FAQs und Tipps für Fortgeschrittene
Wie kann ich Formulardaten an die benutzerdefinierten Felder von Hubspot senden?
Das Senden von Formulardaten von Growform an die benutzerdefinierten Felder von Hubspot über Zapier ist derselbe Prozess wie das Auffüllen der E-Mail-Adresse, wie wir es im letzten Schritt der Anleitung getan haben.
Zunächst müssen Sie in Hubspot ein benutzerdefiniertes Feld erstellen. Navigieren Sie dazu zu Ihrem Hubspot-Dashboard, gehen Sie zu “Einstellungen” (Zahnradsymbol) > “Eigenschaften” > “Eigenschaft erstellen”. Geben Sie die erforderlichen Details ein, einschließlich des Feldnamens, des Feldtyps (Text, Zahl, Datum usw.) und der Gruppe, in der sich das Feld befinden soll (normalerweise “Kontaktinformationen”).
Wir erstellen zum Beispiel eine Eigenschaft namens “customer_landing_page_builder”, um den Landing Page Builder zu notieren, den der Kunde verwendet:
Sobald Sie das Feld hinzugefügt haben, gehen Sie einfach zurück zu Zapier und klicken Sie unter der Aktion auf “Felder aktualisieren”, um Ihr neues Feld zu sehen, und ordnen Sie es auf dieselbe Weise wie zuvor zu:
Kann ich Kontakte automatisch zu einer Liste hinzufügen, anstatt sie nur zu erstellen?
Ja! Dies ist zwar mit Zapier möglich, aber der einfachste Weg ist, Ihre Listenkriterien so zu bearbeiten, dass alle Kontakte, die über dieses Formular eingehen, der Hubspot-Liste hinzugefügt werden.
Sie könnten zum Beispiel ein benutzerdefiniertes Feld mit der Bezeichnung “customer_source” erstellen und dieses anhand der oben genannten Zuordnungsregeln immer auf “website” setzen. Passen Sie dann Ihre Listenkriterien so an, dass alle Kunden mit einer “customer_source” von “website” automatisch zu dieser Liste hinzugefügt werden.
Kann ich eine E-Mail-Automatisierung durchführen, wenn ich Kontakte in Hubspot erhalte?
Ja, das können Sie auf jeden Fall! Um dies zu erreichen, erstellen Sie einen neuen Workflow in Hubspot und legen die Kriterien ähnlich wie in der obigen Frage fest. Fügen Sie dann eine Aktion (in diesem Fall eine E-Mail) zu Ihrem Workflow hinzu und veröffentlichen Sie sie!
Ist dies eine zuverlässige Methode, um Leads in Hubspot zu erhalten?
Ja, dies ist eine beliebte und grundsolide Methode, um Leads in Hubspot zu erhalten. Growform ist ein beliebter Online-Formularersteller, der von Hunderten von Unternehmen verwendet wird, und Zapier ist das bewährte Integrationstool, um die Tools miteinander zu verbinden. Sobald alles eingerichtet ist, ist es einfach, das Formular zu bearbeiten und die Integration zu aktualisieren.
Schlussfolgerung und nächste Schritte
Mit dieser Anleitung haben Sie gelernt, ein schönes mehrstufiges Formular zu erstellen, das Leads direkt an Hubspot sendet:
Wir haben die Grundlagen behandelt, von der Erstellung des Formulars bis zur Verbindung mit Hubspot über Zapier.
Warum fügen Sie dann nicht weitere Schritte zu Ihrem Formular hinzu, fügen eine bedingte Logik hinzu oder passen die Themeneinstellungen weiter an, um es wirklich nach Ihren Vorstellungen zu gestalten?
Wenn Sie es noch nicht getan haben, können Sie hier Ihre 14-tägige kostenlose Testversion starten.