HubSpot Landingpage erstellen: Dein Guide

HubSpot Landingpage: Das Wichtigste in Kürze

• Landingpages in HubSpot sind eigenständige Seiten mit klarem Conversion-Ziel, zum Beispiel Leads, Downloads, Anmeldungen.
• Die Erstellung von Landingpages erfolgt im Content Hub über den Drag-and-Drop-Editor, mit Templates oder eigenen Designs.
• Die Integration ins HubSpot CRM ist automatisch, alle Formulareinträge werden direkt als Kontakte gespeichert.
• Ab HubSpot Professional stehen A/B- und adaptive Tests sowie Smart Content zur Verfügung.
• Datenschutz in der Schweiz: revDSG-konformes Opt-in, idealerweise Double-Opt-in, Consent-Banner für Tracking, Mehrsprachigkeit D/F/I und CHF-Anzeige.
• Axisbits unterstützt dich als HubSpot Solution Provider bei Setup, Optimierung und kontinuierlicher Weiterentwicklung deiner Landingpages.

Was ist eine HubSpot Landingpage?

In HubSpot werden Landingpages als eigene Seitentypen geführt, getrennt von den regulären Website-Seiten. Technisch nutzen beide die gleiche Basis, unterscheiden sich aber in ihrer Organisation und im Einsatzbereich.

Was macht eine HubSpot Landingpage aus?

• Sie wird primär für Marketingkampagnen eingesetzt, etwa zur Lead-Generierung oder für Event-Anmeldungen.
• Standardmässig wird sie nicht automatisch in die XML-Sitemap aufgenommen und erscheint nur dann in Suchmaschinen, wenn sie aktiv indexiert oder verlinkt wird.
• Navigationselemente wie Menüs oder umfangreiche interne Links werden reduziert, um den Fokus auf eine einzige gewünschte Handlung (Conversion) zu legen.

Funktionen für Landingpages im HubSpot Content Hub

• Erstellung über den Drag-and-Drop-Editor ohne Programmierkenntnisse
• Zugriff auf vorgefertigte Templates aus dem Marketplace oder die Möglichkeit, eigene Designs zu nutzen
• Integration von Formularen, Call-to-Actions, Medieninhalten und Smart Content
• A/B- und adaptive Tests zur Optimierung der Conversion-Rate (ab Professional)
• Verknüpfung mit dem HubSpot CRM: Jeder Eintrag wird automatisch erfasst und kann in Marketing- oder Sales-Prozessen weiterverarbeitet werden

Guide: Wie erstelle ich eine HubSpot Landingpage?

Eine HubSpot Landingpage erstellst du direkt im Content Hub über den Drag-and-Drop-Editor. Wähle zuerst eine Vorlage oder ein eigenes Design, füge Inhalte wie Überschrift, Formular und Call-to-Action ein und passe Farben sowie Branding an.

Danach kannst du SEO-Angaben und Tracking konfigurieren. Die Seite lässt sich sofort veröffentlichen oder für einen späteren Zeitpunkt planen. Ab der Professional-Version stehen dir zusätzlich A/B- und adaptive Tests zur Verfügung, um die Conversion-Rate gezielt zu optimieren.

Schritt 1: Zugang und Grundeinstellungen

Landingpages stehen in allen HubSpot-Versionen zur Verfügung. Bereits in der kostenlosen Variante können einfache Seiten gebaut werden. Ab Professional kommen zusätzliche Funktionen hinzu, etwa A/B-Tests oder Smart Content.

Vor dem Start ist es sinnvoll, die gewünschte Domain mit HubSpot zu verbinden und die Sprache der Seite korrekt einzustellen, was gerade bei mehrsprachigen Kampagnen ein wichtiger Punkt ist.

Schritt 2: Vorlage oder eigenes Design wählen

Im ersten Schritt legst du das Grundgerüst fest. HubSpot bietet:

• Standard-Templates direkt im Editor
• Marketplace-Vorlagen, die oft auf spezifische Branchen zugeschnitten sind
• Eigene Themes oder Module, falls ein Unternehmen ein individuelles Design benötigt

Die Wahl der Vorlage bestimmt, wie sich die Seite später anpassen lässt. Wenn du Wert auf strenge Corporate-Design-Richtlinien legst, fährst du mit einem eigenen Theme langfristig besser.

Schritt 3: Inhalte und Struktur einfügen

Eine HubSpot Landingpage lebt von der klaren Botschaft und einer logischen Anordnung der Elemente, die den Besucher durch den Inhalt führt. Im HubSpot-Editor können diese Bausteine einfach per Drag-and-Drop platziert werden. Aufbau:

• eine prägnante Überschrift mit Nutzenversprechen
• ein Formular zur Lead-Erfassung, idealerweise prominent oberhalb des Folds
• ein deutlicher Call-to-Action (CTA) wie „Download starten“ oder „Jetzt anmelden“
• Trust-Elemente wie Kundenlogos oder Testimonials
• ergänzende Medien, beispielsweise ein Erklärvideo

Schritt 4: Design und Branding anpassen

Der Editor erlaubt die Anpassung von Farben, Schriften und Abständen. So kann eine Landingpage im Look & Feel der bestehenden Corporate Identity gestaltet werden. 

HubSpot erzeugt automatisch eine mobile Variante. Trotzdem solltest du die Darstellung auf verschiedenen Endgeräten wie Tablets, iPhones und Android-Phones testen.

Schritt 5: SEO- und Tracking-Einstellungen

Jede Seite erhält eigene SEO-Optionen: Titel, Meta-Beschreibung und URL können individuell vergeben werden. Standardmässig erscheinen Landingpages nicht in der XML-Sitemap. Für die Sichtbarkeit in Suchmaschinen musst du die Seite indexieren lassen.

Beim Tracking stehen zwei Optionen zur Verfügung: das integrierte HubSpot-Reporting sowie externe Tools wie Google Analytics 4, die sich über die Einstellungen anbinden lassen.

Schritt 6: Veröffentlichung und Tests

Nach Abschluss der Bearbeitung kannst du die Seite sofort publizieren oder für einen späteren Zeitpunkt einplanen. Für Kampagnen mit beschränktem Zugang gibt es die Möglichkeit, eine Seite mit Passwort zu versehen oder sie nur für bestimmte Mitgliederbereiche freizugeben.

Zur Optimierung stellt HubSpot Testverfahren bereit: einfache A/B-Tests mit zwei Varianten oder adaptive Tests, bei denen bis zu fünf Varianten automatisch ausgespielt und nach Performance gewichtet werden.

Welche Anforderungen gelten in der Schweiz für HubSpot Landingpages?

Wenn du Landingpages in der Schweiz einsetzt, musst du neben der technischen Umsetzung auch rechtliche und lokale Besonderheiten berücksichtigen. Diese betreffen vor allem den Datenschutz, die Mehrsprachigkeit und die Lokalisierung.

Datenschutz und Compliance von HubSpot Landingpages

Seit dem 1. September 2023 gilt das revidierte Datenschutzgesetz (DSG). Für E-Mail-Marketing bedeutet das: Du darfst Kontakte nur mit ihrer ausdrücklichen Einwilligung anschreiben. Ein Opt-in ist zwingend. Ein Double-Opt-in ist nicht gesetzlich vorgeschrieben, gilt aber als Best Practice, weil du damit die Einwilligung jederzeit nachweisen kannst.

In HubSpot richtest du dies über das Datenschutz-Modul in Formularen und über das Consent-Banner ein. Stelle sicher, dass deine Formulare klare Hinweise enthalten und reCAPTCHA aktiviert ist, um Spam-Einträge zu vermeiden.

Mehrsprachigkeit von HubSpot Landingpages

Du kannst für jede Landingpage Sprachvarianten anlegen und in sogenannten Language Groups zusammenfassen. HubSpot setzt automatisch die passenden hreflang-Tags, damit Suchmaschinen die Sprachversionen korrekt zuordnen.

Achte darauf, deine Seitenstruktur konsistent zu halten, zum Beispiel mit dem Sprachcode und Ländercode “de-ch”, “fr-ch” und “it-ch”. Für kleinere Projekte kannst du HubSpot KI-Übersetzungen nutzen, solltest die Texte aber manuell prüfen (lassen).

Währung und Lokalisierung von HubSpot Landingpages

Wenn du Preise oder Angebote darstellst, solltest du konsequent mit Schweizer Franken CHF arbeiten. HubSpot unterstützt mehrere Währungen in Deals und Angeboten. Die Anzeige auf Landingpages musst du jedoch selbst einrichten.

Zusätzlich kannst du Lokalisierungen wie Schweizer Referenzen, Gütesiegel oder Partnerlogos nutzen, um Vertrauen beim Besucher der Landingpage aufzubauen.

Soll ich in HubSpot ein Template nutzen oder ein eigenes Design erstellen?

Beim Aufbau einer Landingpage in HubSpot stehst du vor der Wahl, eine bestehende Vorlage zu nutzen oder ein eigenes Design zu entwickeln? Beide Ansätze haben Vor- und Nachteile.

Templates eignen sich, wenn du die Landingpage schnell aufbauen möchtest. Du kannst Standardvorlagen aus dem Editor verwenden oder zusätzliche Layouts im HubSpot Marketplace beziehen.

Damit erhältst du sofort einsatzbereite Seiten, die sich ohne Programmierkenntnisse anpassen lassen. Der Nachteil: Die Gestaltungsmöglichkeiten sind eingeschränkt, und es besteht die Gefahr, dass deine Landingpages nicht hundertprozentig zum Corporate Design passen.

Mit eigenen Designs kannst du alle Farben, die Typografie und das Layout vollständig auf deine Markenidentität abstimmen. Dann passt die Seite auch perfekt zum Erscheinungsbild deines Unternehmens. Das erfordert jedoch mehr Aufwand.

Tipp: Wir erstellen deine Landingpage anhand deines Corporate Designs, setzen das A/B Testing in HubSpot auf und binden die Seite in deinen Funnel ein.

Tipps für die Erstellung deiner HubSpot Landingpage

Eine hohe Conversion Rate deiner HubSpot Landingpage durch eine ausdrucksstarke Copy, die dem Besucher jederzeit klarmacht, worum sich deine Landingpage dreht. Der Nutzer soll schnell Vertrauen fassen. Die Landingpage sollte nur ein einziges Ziel verfolgen, zum Beispiel die Kontaktaufnahme.

Conversionstarke Headline schreiben

1. Wer + Ergebnis + Zeit/Einwand notieren (ein Satz, 12–16 Wörter).
2. Konkrete Zahl oder Zeitbezug einbauen (steigert Glaubwürdigkeit).
3. Jargon streichen, aktive Verben einsetzen

Beispiel:
- Schwach: „Leitfaden herunterladen.“
- Stark: „Lade den Leitfaden herunter und generiere in 14 Tagen mehr qualifizierte Leads.“
- Schwach: „Webinar zur Automatisierung.“
- Stark: „Melde dich fürs 30-Min-Webinar an und automatisiere 3 wiederkehrende Aufgaben pro Woche.“

Lege die Überschrift im Rich-Text-Modul als H1 an und die Subheadline als normalen Text. Teste zwei Varianten per A/B-Test: Ergebnis und Versprechen vs. Einwand und Auflösung (z. B. „ohne IT-Aufwand“).

Conversionstarke Formulare erstellen

Beim Erstkontakt sollte dein Formular so wenige Eingabefelder wie möglich haben. Jedes reduzierte Feld senkt die Hürde dafür, dass sich ein Nutzer einträgt.

• Maximal 1 bis 3 Felder: E-Mail (Pflicht), Vorname (optional), Firma (optional).
• Checkbox „Ich möchte Marketing-E-Mails erhalten …“ (Opt-in, klarer Hinweis auf Inhalt/Frequenz).
• Mikrocopy neben dem Button: „Kostenlos & jederzeit abbestellbar“, „Kein Spam. Wir senden nur 2 E-Mails im Monat.“

Formular für Folgekontakte in HubSpot (Progressive Profiling):

• 2. Besuch: Rolle/Funktion, Unternehmensgrösse.
• 3. Besuch: Bedarfskategorie, Zeithorizont/Projektphase.
• Später: Budget-Range, Technologie-Stack.

Im HubSpot Formular-Editor ➝ Felder hinzufügen ➝ Tab „Progressiv“ ➝ Queued Progressive Fields definieren (Reihenfolge wie oben). Unter Optionen ➝ reCAPTCHA aktivieren.

Conversionstarke Call To Action schreiben

• Verben wählen, die die Handlung auch tatsächlich ausdrücken („Jetzt herunterladen“, „Demo vereinbaren“), keine generischen Labels wie „Kontakt“ ohne Kontext.
• Konkreter Nutzen + Erwartungsmanagement in Klammern: „Demo vereinbaren (30 Min)“, „Angebot anfordern (kostenlos)“, „Vorlage herunterladen (PDF, 12 Seiten)“

Nutze CTA-Elemente für die HubSpot Landingpage statt reiner Buttons, damit du Klicks segmentieren und testen kannst (Text A vs. Text B).

Vertrauenselemente auf der HubSpot Landingpage platzieren (Trust)

• Position: Direkt oberhalb oder neben dem Formular („Form-Proximity“).
• Inhalt: 3 bis 6 Kundenlogos, 1 kurzes Testimonial mit messbarem Ergebnis.

Beispiel:
„Mit Axisbits stieg die Webinar-Anmeldung innerhalb von 6 Wochen um 31 %, bei gleicher Ad-Spend.“

Erstelle in HubSpot ein reusables Modul (Logoleiste + Kurzstatement), damit du es in künftigen Landingpages wiederverwenden und einfach pflegen kannst.

Gestaltung des Above-the-Fold (sofort sichtbarer Bereich)

• H1 mit Ergebnisversprechen (eine Zeile, höchstens zwei).
• Subheadline mit Einwand-Auflösung („ohne IT-Aufwand“, „in 14 Tagen“).
• Formular oder CTA-Block rechts/unter der H1.
• 3 bis 6 Logos oder ein kurzes Testimonial direkt unter CTA/Formular.

Nutze in HubSpot eine Zweispalten-Section (Text links, Formular rechts). Auf Mobil bricht die Section automatisch um, prüfe daher die Reihenfolge (Formular nicht zu weit nach unten rutschen lassen).

Schweizer Datenschutzhinweise für die HubSpot Landingpage

In HubSpot: Formular ➝ Datenschutz/Einwilligung aktivieren ➝ Texte pro Sprache hinterlegen. Consent-Banner pro Domain aktivieren, GA4 über die Integration ergänzen (nicht per Rohskript), damit Tracking an das Opt-in gekoppelt ist.

Beispielformulierung:
“Ich bin einverstanden, Marketing-E-Mails von <Firma> zu erhalten. Du kannst dich jederzeit über den Abmeldelink abmelden. Hinweise: <Link auf Datenschutz>.“

Welche KI-Funktionen bietet HubSpot für die Erstellung und Optimierung von Landingpages?

HubSpot stellt dir KI-Funktionen zur Verfügung, die den Aufbau und die Optimierung deiner Landingpages beschleunigen. Du kannst dir Ideen und Varianten geben lassen, die du anschliessend manuell verfeinerst.

Inhalte der Landingpages in HubSpot mit KI generieren

Mit der Funktion Start with AI im Editor kannst du Texte, Überschriften, Call-to-Actions oder komplette Abschnittsvorschläge automatisch erzeugen lassen. Gib der KI dazu einen Prompt.

„Schreibe eine Headline für eine Landingpage, die ein kostenloses Whitepaper zum Thema Marketing-Automation bewirbt.“
„Formuliere drei Varianten eines Call-to-Actions für eine Webinar-Anmeldung in 30 Minuten.“

Nutze die Ergebnisse der KI als Ausgangspunkt. Passe die Tonalität und den Stil aber manuell an dein Unternehmen an.

Übersetzungen und Mehrsprachigkeit per KI in HubSpot

HubSpot AI kann bestehende Landingpages automatisch in andere Sprachen übertragen. Das ist besonders für die Schweiz relevant, wenn du Inhalte in Deutsch, Französisch oder Italienisch bereitstellen willst. Verwende die KI-Übersetzungen als Basis, überprüfe aber jedes Ergebnis, damit Fachbegriffe und branchenspezifische Formulierungen korrekt sind.

A/B- und adaptive Tests der Landingpages in HubSpot

HubSpot bietet Testverfahren mit KI. Adaptive Tests spielen bis zu fünf Varianten einer Seite automatisch aus und verteilen den Traffic dynamisch auf die leistungsstärksten Versionen. Du kannst so schneller erkennen, welche Überschrift, welches Formular oder welcher CTA am besten funktioniert.

Conversionstarke Landingpages mit HubSpot aufbauen

Die Erstellung einer Landingpage in HubSpot ist technisch einfach gehalten. Somit können auch Anfänger erste Seiten erzeugen und Ideen sichtbar machen.

Wenn deine Landingpage jedoch möglichst conversionstark aufgebaut sein soll, müssen sehr viele Details aufeinander abgestimmt sein. Das betrifft unter anderem die Platzierung der Call-to-Action-Elemente, deren Wording und der Aufbau von Trust entlang der Seite.

Hinzu kommen in der Schweiz weitere Anforderungen wie Datenschutz (revDSG), Mehrsprachigkeit (D/F/I) und Lokalisierung (CHF). Darüber hinaus bestimmen ein gekonntes A/B-Testing und die Qualität Formularen über den Erfolg deiner Kampagnen.

Wir von Axisbits arbeiten seit Jahren selbst mit HubSpot und sind inzwischen offizieller HubSpot Partner für die Schweiz. Du möchtest mit conversionstarken Landingpages arbeiten? Dann melde dich bei uns!

Unsere Leistungen rund um HubSpot Landingpages:

• Einrichtung von HubSpot CMS und Marketing Hub
• Aufbau und Optimierung von Landingpages inkl. A/B- und Adaptive-Tests
• Mehrsprachige Setups (Deutsch, Französisch, Italienisch) 
• Integration von Formularen, Workflows und Marketing-Automatisierung
• Anbindung von Analytics und Reporting
• Technische und strategische Beratung zu revDSG/DSGVO-Compliance in der Schweiz
• Retainer-Modelle für kontinuierliche Optimierung und Weiterentwicklung

Wenn du deine nächste Kampagne professionell aufsetzen möchtest, bist du bei uns richtig. Wir begleiten dich vom ersten Konzept bis zum Go-live und darüber hinaus.

‍

{{fs-btn-cta}}