Bevor Dropbox offiziell an den Start ging, hatte Drew Houston ein noch nicht ganz fertiges Produkt und eine Warteliste mit etwa 5.000 Personen. Also nahm er eine dreiminütige Demo auf, platzierte sie auf einer einzigen Seite mit nur einer darunter liegenden Handlungsaufforderung – der Warteliste beitreten – und veröffentlichte sie dort, wo sich Early Adopter versammelten.
Über Nacht wuchs die Warteliste von 5.000 auf 75.000 – für ein Produkt, das streng genommen noch nicht fertig war.
Das ist die Stärke einer Landingpage: eine einzige Seite mit nur einer Aufgabe. Dieser Fokus ist es, der konvertiert. Unbounce analysierte 41.000 Landingpages und stellte eine mittlere Konversionsrate von 6,6 Prozent fest, wobei das obere Viertel über 11 Prozent lag.
Sie brauchen nicht zuerst eine Website. Genau darum geht es im Rest dieses Leitfadens: wie Sie eine Landingpage erstellen, die konvertiert, und wie Sie schnell eine online bringen.
Pro Tip
Möchten Sie direkt loslegen? Geben Sie einfach einen kurzen Satz ein, der Ihr Angebot beschreibt, und Jotforms KI-Landingpage-Generator erstellt in weniger als einer Minute eine veröffentlichungsbereite Seite.
Was ist der Unterschied zwischen einer Landingpage und einer Website?
Eine Landingpage und eine Website unterscheiden sich in einem wesentlichen Punkt: darin, wozu sie Besucher auffordern.
Der Autor Seth Godin, der den Begriff seit 1991 verwendet, sagt: „Landingpages sind keine schwammigen Allgemeinplätze. Sie sind konkrete, messbare Angebote.“
Wenn jemand auf Ihrer Startseite landet, wird er sich wahrscheinlich Ihre Über-uns-Seite ansehen, einen Blogbeitrag lesen, Ihre Preise prüfen und dann den Tab schließen. Je mehr Links Sie anbieten, desto mehr Gelegenheiten haben Besucher, die Seite zu verlassen.
Eine Landingpage versperrt diese Ausgänge. Sie verzichtet auf Navigationsleisten und externe Links und lässt Besuchern nur zwei Möglichkeiten: das Formular ausfüllen oder das Fenster schließen.
Hier beide im Überblick:
Website-Startseite | Landingpage | |
|---|---|---|
| Hauptziel | Breite Markenerkundung | Eine einzelne, konkrete Aktion wie eine Newsletter-Anmeldung |
| Navigation | Umfangreiche Header- und Footer-Menüs, interne Links und Social-Media-Symbole, um zum Stöbern anzuregen | Minimal bis gar nicht; die Hauptnavigation ist in der Regel ausgeblendet oder vollständig entfernt, um den Fokus auf den Call-to-Action (CTA) zu halten |
| Typische Konversionsrate | Etwa 2 %; 1,7 % bei neuen Besuchern und 2,9 % bei wiederkehrenden Besuchern, laut Contentsquare | 6,6 % im Median, wobei das obere Viertel über 11 % liegt |
Wann reicht eine eigenständige Landingpage aus?
Eine eigenständige Landingpage reicht aus, wenn Sie Menschen von einer Anzeige, E-Mail oder einem Social-Media-Beitrag zu einer einzigen Aktion führen: anmelden, registrieren, kaufen oder beitreten.
Dazu können gehören:
- Eine Kampagne zur Lead-Generierung
- Eine Seite zur Veranstaltungsanmeldung
- Eine Newsletter- oder Warteliste-Anmeldung
- Ein einzelnes Produkt- oder Dienstleistungsangebot
- Eine Portfolio- oder Kontaktseite
In all diesen Fällen erledigt die Landingpage die Arbeit ganz allein, und wenn Sie sich den Aufwand für den Aufbau einer Website sparen, umgehen Sie das Preisschild von 1.000 bis über 150.000 US-Dollar für eine vollständige Website.
Nehmen wir zum Beispiel Buffer. Heute betreut das Unternehmen über 75.000 Kunden, doch es begann mit nur zwei Seiten und einem E-Mail-Feld. CEO Joel Gascoigne validierte die gesamte Idee, bevor er auch nur eine Zeile Produktcode geschrieben hatte, indem er einen Link zu einer Seite twitterte, die Buffer erklärte, sowie zu einer zweiten Seite, die E-Mail-Adressen sammelte.
„Die Landingpage – und noch wichtiger die Gespräche, die sich daraus ergaben, dass sich Menschen darüber anmeldeten – erwiesen sich als großartige Validierung“, sagte Gascoigne.
Das Wichtigste, das Sie brauchen, bevor Sie eine Landingpage erstellen
Wenn Sie nicht genau wissen, was Ihre Landingpage bewirken soll, bevor Sie mit dem Erstellen beginnen, werden es Ihre Besucher auch nicht wissen.
Stellen Sie sich diese Fragen zu den Elementen einer gut konvertierenden Landingpage:
| Element | The question to ask |
|---|---|
|
Ziel |
Welche einzelne Sache soll passieren, wenn jemand hier landet? |
|
Zielgruppe |
Wen genau spricht diese Seite an? |
|
Angebot |
Was erhalten Ihre Besucher im Austausch für ihre Zeit, Aufmerksamkeit oder ihr Geld? |
|
CTA |
Was ist die eine Sache, zu der Sie Menschen auffordern? |
|
Social Proof |
Warum sollte jemand Ihnen glauben, bevor er handelt? |
|
Mechanismus |
Wie erfasst die Seite die Aktion, und passt sie zum Ziel? |
Avec, eine kostenlose KI-E-Mail-App, bewirbt sich selbst als „Tinder für E-Mails“ und ist ein großartiges Beispiel dafür, wie diese Prinzipien in der Praxis aussehen:
- Ziel: Besucher dazu zu bewegen, die iOS-App herunterzuladen.
- Zielgruppe: Gmail-Nutzer ansprechen, die in E-Mails ertrinken, mit der Überschrift „Erledigen Sie Ihren Gmail-Posteingang in Sekunden.“
- Angebot: Einen kostenlosen KI-gestützten E-Mail-Assistenten versprechen, der Nutzern hilft, „Ihren Gmail-Posteingang in Sekunden zu erledigen“ und ihnen die Last der E-Mails von den Schultern nimmt.
- CTA: Eine klare Aufforderung, „Auf iOS herunterladen“, vom oberen Seitenbereich bis zum Footer wiederholen.
- Social Proof: Oben eine 5,0-Bewertung im App Store mit Hunderten von Rezensionen hervorheben und die Glaubwürdigkeit weiter unten mit einer langen Liste von Nutzerstimmen untermauern.
- Mechanismus: Den CTA direkt mit dem App Store verknüpfen, damit der Mechanismus exakt zum Ziel passt.
📚 Mehr dazu: Wie Sie eine effektive Landingpage erstellen
Wie Sie in 5 Schritten eine Landingpage ohne Website erstellen
Laut Unbounce beruht die Kernphilosophie einer eigenständigen Seite auf dem Aufmerksamkeitsverhältnis: die Anzahl der Dinge, die ein Nutzer auf einer Seite tun kann, im Vergleich zu der einen Sache, die er tun soll.
Auf einer eigenständigen Landingpage schaffen Sie bewusst ein Aufmerksamkeitsverhältnis von 1:1.
Nehmen Sie Ihre sechs Antworten aus der Liste im vorherigen Abschnitt. Als Nächstes erstellen Sie die Seite. Mit Jotform dauert das nur eine Handvoll Schritte.
Schritt 1: Wählen Sie ein Ziel für die Seite
Ihre Seite sollte zu einer einzigen Aktion führen – und zwar nur zu dieser einen. Zum Beispiel:
- E-Mail-Anmeldungen sammeln: Ein Bäcker, der eine Abonnentenliste aufbaut, bevor er einen kostenpflichtigen Rezept-Newsletter startet
- Beratungstermine buchen: Eine freiberufliche Designerin, die den Kalender des nächsten Monats mit 15-minütigen Erstgesprächen füllt
- Teilnehmer registrieren: Ein Yoga-Studio, das 30 Plätze für einen Samstags-Workshop vergibt
- Ein einzelnes Angebot verkaufen: Ein Creator, der eine einzelne Notion-Vorlage für 79 US-Dollar verkauft
- Eine Warteliste aufbauen: Ein Zweierteam, das die Nachfrage nach einer App prüft, bevor es sie entwickelt
Im KI-Landingpage-Generator von Jotform ist Ihr Ziel das Erste, was Sie übergeben. Beschreiben Sie Ihre Seite in klarer Sprache, und die KI baut alles darum herum auf.
Hier ist meine Eingabe: Erstelle eine Landingpage, um kostenlose 30-minütige Coaching-Beratungen für erstmalige Gründer zu buchen. Das Angebot ist ein unverbindliches Strategiegespräch. Eine Handlungsaufforderung: ‚Buchen Sie Ihr Gespräch.‘
Beachten Sie, wie die Eingabe der KI alle grundlegenden Rahmenbedingungen liefert, über die wir gerade gesprochen haben:
- Zielgruppe: „Erstmalige Gründer“
- Angebot: „Kostenlose 30-minütige Coaching-Beratungen … ein unverbindliches Strategiegespräch.“
- CTA: „Buchen Sie Ihr Gespräch.“
Klicken Sie auf Senden, und Jotform AI legt sofort los.
📚 Mehr dazu: 8 Beispiele für Landingpages
Schritt 2: Schreiben Sie die Überschrift und das Wertversprechen
Die Überschrift (auch Header, H1 oder Hed genannt) ist die Zeile, die im Hero-Bereich oben auf der Seite steht. Sie ist das Erste, was ein Besucher sieht, bevor er scrollt.
David Ogilvy machte sich bereits 1963 in Confessions of an Advertising Man für Überschriften stark: „Im Durchschnitt lesen fünfmal so viele Menschen die Überschrift wie den Fließtext. Sobald Sie sie geschrieben haben, haben Sie also achtzig Cent Ihres Dollars ausgegeben.“
Der obere Seitenbereich hat also etwa drei Sekunden Zeit, um drei Dinge zu tun: zu sagen, was das Angebot ist, für wen es gedacht ist und warum es sich lohnt, jetzt zu handeln. So erstellen Sie ihn:
- Die Überschrift ist Ihr Angebot in einer Zeile: Halten Sie sie knapp. Landingpage-Überschriften funktionieren am besten mit ungefähr sechs bis zwölf Wörtern, und eine Analyse echter Seiten ergab, dass der Durchschnitt bei etwa sechs liegt.
- Die Unterüberschrift ist die eine unterstützende Zeile, die die nächste logische Frage beantwortet: Erklären Sie, für wen das Angebot gedacht ist und was Besucher erhalten. Halten Sie die Formulierung einfach. Unbounce fand heraus, dass Seiten, die auf dem Leseniveau der fünften bis siebten Klasse geschrieben sind, mit 11,1 Prozent konvertieren, was mehr als doppelt so viel ist wie die 5,3 Prozent bei Seiten auf professionellem Niveau.
- Der CTA ist eine Anweisung, die exakt zu Ihrem Ziel passt: Verwenden Sie eine klare Aktion. Als Databox 37 Unternehmen fragte, was auf einer gut konvertierenden Seite am wichtigsten sei, standen klare Handlungsaufforderungen an erster Stelle, noch vor Texten und visuellen Elementen. Wenn das Ziel gebuchte Gespräche sind, sollte der CTA „Buchen Sie Ihr Gespräch“ lauten.
Aus dieser einen Eingabe in Schritt 1 entwirft der No-Code-Landingpage-Generator von Jotform den gesamten Hero-Bereich für Sie. Hier hat er die Überschrift „Verschaffen Sie sich Klarheit über Ihren nächsten besten Schritt“, eine Unterüberschrift, die die Zielgruppe und das Versprechen benennt, sowie eine Schaltfläche „Buchen Sie Ihr Gespräch“ ausgegeben:
Pro Tip
Sobald Sie Ihre Überschrift geschrieben haben, fügen Sie sie in ein kostenloses Tool wie den Headline Analyzer von MonsterInsights ein, um sie auf die Probe zu stellen. Das Tool bewertet die Überschrift nach Länge, Wortbalance und Klarheit und zeigt dann Möglichkeiten auf, sie wirkungsvoller zu gestalten. Passen Sie sie an und fügen Sie die beste Version wieder in den Generator ein.
Schritt 3: Fügen Sie nur die Abschnitte hinzu, die die Conversion unterstützen
Eine Landingpage ist bewusst selektiv: Jeder Abschnitt bringt Besucher entweder näher an die gewünschte Aktion oder wird gestrichen. Genau das ist der Grund, warum Landingpages mit 6,6 Prozent konvertieren, während eine durchschnittliche Website-Seite eher bei 2 Prozent liegt.
Erstellen Sie also nur das, was Ihr Conversion-Ziel erfordert. Für die meisten Seiten umfasst das:
- Den Hero-Bereich, einschließlich Überschrift, Unterüberschrift und CTA
- Einen FAQ-Abschnitt, der die drei oder vier Einwände behandelt, die eine Conversion am wahrscheinlichsten verhindern
- Einen kurzen Vorteilsabschnitt mit drei oder vier Zeilen, der erklärt, was Besucher erhalten
- Einen Social-Proof-Abschnitt mit Kundenstimmen, einer Sternebewertung oder einigen bekannten Logos
- Den Mechanismus zur Erfassung von Besucherdaten, etwa das Anmeldeformular, das Anfrageformular oder den Zahlungsbereich
Es gibt zwei Möglichkeiten, diese Abschnitte hinzuzufügen. Bitten Sie Jotform AI im Chat, einen für Sie zu erstellen. Ich habe zum Beispiel „Kannst du einen Social-Proof-Block mit Kundenstimmen hinzufügen?“ eingegeben, und es wurde eine Kundenstimmen-Karte erstellt, die ich anschließend mit meinen eigenen Kundenzitaten bearbeiten konnte.
Oder überspringen Sie den Chat und ziehen Sie das Element selbst hinein. Das Element Kundenstimme finden Sie im Menü BASIC auf der linken Seite, neben den anderen Bausteinen.
Ziehen Sie für den FAQ-Abschnitt ein Rich-Text-Element aus dem Tab BASIC im Bereich App-Elemente auf die Seite und schreiben Sie dann Ihre drei oder vier häufigsten Einwände direkt hinein.
Über das Menü Formate können Sie Überschriften anwenden – H2 für den Abschnittstitel und H3 für jede Frage –, was zwei Zwecke erfüllt: Es verleiht dem Block eine klare visuelle Hierarchie, die Besucher überfliegen können, und es strukturiert die Seite so, dass Suchmaschinen sie besser verstehen können.
Die Seite konvertiert gerade wegen dem, was nicht auf ihr steht. Wenn Sie versucht sind, etwas hinzuzufügen, fragen Sie sich, wohin es die Aufmerksamkeit lenkt. Wenn die Antwort nicht die eine Aktion ist, lenkt es die Aufmerksamkeit von ihr ab.
Das schließt eine vollständige Website-Navigation, überflüssige Links und lange Abschnitte zur Gründungsgeschichte aus. Es bedeutet auch, dass jede Seite auf ein Angebot beschränkt wird. Wenn Sie zwei Dinge bewerben, erstellen Sie zwei Seiten.
Schritt 4: Fügen Sie das Formular oder den CTA hinzu, das bzw. der zum Seitenziel passt
Eine Seite zur Terminbuchung benötigt eine Datums- und Uhrzeitauswahl. Eine Warteliste-Seite benötigt ein E-Mail-Feld und nicht viel mehr.
Halten Sie es kurz. GetResponse analysierte Landingpage-Formulare und stellte fest, dass Formulare mit einem, zwei und drei Feldern am besten konvertieren (zwischen 11 Prozent und 13 Prozent), während Formulare mit vier oder mehr Feldern auf 3,88 Prozent sinken.
Der Generator von Jotform bietet Ihnen eine geteilte Live-Ansicht, sodass Sie Ihre Seite während der Erstellung feinabstimmen können. Bearbeiten Sie die Eigenschaften des Formulars auf der linken Seite und beobachten Sie, wie die Ergebnisse rechts in Echtzeit aktualisiert werden.
Wenn Sie mehr Kontrolle möchten, klicken Sie in das von der KI erstellte Formular, um es im vollständigen formulargenerator von Jotform zu öffnen, wo Sie Felder einzeln hinzufügen, neu anordnen oder löschen können.
Der richtige Mechanismus hängt davon ab, worum Sie bitten:
- Für einen Lead-Magneten verwenden Sie ein E-Mail-Anmeldeformular.
- Für ein Dienstleistungsunternehmen verwenden Sie ein Formular für Beratungsanfragen, wie die Seite „Buchen Sie Ihr Gespräch“ aus dem vorherigen Abschnitt.
- Für eine Veranstaltung verwenden Sie ein Anmeldeformular, das die Teilnehmerinformationen erfasst.
- Für ein Produkt verwenden Sie ein Zahlungs- oder Bestellformular, das den Verkauf auf der Seite abschließt.
- Für eine Warteliste verwenden Sie ein kurzes Interessenformular (oft nur eine E-Mail-Adresse).
Hier zieht ein formularorientierter Generator wie Jotform davon. Ein Seitengenerator, der sich nur auf das Layout konzentriert, zwingt Sie dazu, ein separates Formular-Tool, einen Zahlungsabwickler und eine Lösung zur Antwortweiterleitung zu verbinden.
Da Jotform aber in erster Linie ein formulargenerator ist, sind diese Funktionen bereits integriert. Kontaktformulare, Anmeldungen und E-Mail-Registrierungen lassen sich direkt einfügen; Zahlungen laufen über Kreditkarten, PayPal und mehr als 40 Gateways; und eine Einreichung kann einen Workflow auslösen, ohne die Plattform zu verlassen.
Schritt 5: Veröffentlichen Sie die Seite mit einem teilbaren Link
Nun zum letzten Schritt. Wenn Sie keine Website haben, wo liegt die Seite dann?
Auf dem Server des Generators. Wenn Sie zum Beispiel auf Veröffentlichen klicken, hostet Jotform die Seite und gibt Ihnen eine öffentliche URL, einen Live-Link wie „jotform.com/app/…“, den jeder in einem Browser öffnen kann. Die Seite existiert in dem Moment, in dem Sie sie veröffentlichen.
Im Tab Veröffentlichen können Sie diesen Link beliebig teilen. Über das Panel Schnell teilen können Sie den direkten App-Link in eine bezahlte Anzeige oder E-Mail-Kampagne kopieren, ihn zu Ihrer Instagram-Bio hinzufügen, ihn in einer Direktnachricht senden oder ihn in einem neuen Tab öffnen, um ihn zu überprüfen.
Erstellen Sie Ihre Landingpage mit Jotform – ohne Code oder Website
Alles im vorherigen Abschnitt läuft über den KI-Landingpage-Generator von Jotform; Sie brauchen keine Website, die darunter läuft.
Das erhalten Sie:
- Eine Seite aus nur einem Satz: Beschreiben Sie Ihr Ziel, und die KI liefert in weniger als 45 Sekunden eine vollständige Seite, einschließlich Text und Layout.
- Einen Drag-and-Drop-Editor: Ändern Sie Farben, Layouts, Bilder, Texte und Branding, indem Sie Elemente verschieben.
- Ein bereits verknüpftes Backend: Leiten Sie jeden Verkauf oder jede Anmeldung über mehr als 40 Zahlungsgateways und mehr als 150 Integrationen, sodass Buchungen und Zahlungen automatisch an Ihr CRM oder Ihre Bank fließen.
- Eine Seite, die überall läuft: Veröffentlichen Sie sie einmal und lassen Sie Jotform Apps auf jedem Smartphone, Tablet oder Desktop funktionieren.
- Ein in die Seite integriertes Formular: Fügen Sie einen Buchungskalender oder ein Bestellformular direkt zur Seite hinzu, sodass Besucher dort handeln, wo sie landen, anstatt die Seite zu verlassen und zu einem separaten Tool zu wechseln.
Nichts davon ersetzt eine echte Website, und das ist auch nicht das Ziel. Aber es ersetzt die Wartezeit.
Erstellen Sie also die Website, wenn die Website das ist, was Sie brauchen. Heute brauchen Sie die Seite. Und mit Jotform kann die Seite noch heute online gehen.
Häufig gestellte Fragen zum Erstellen einer Landingpage ohne Website
Für einen einzigen Zweck ja. Wenn Sie möchten, dass Menschen nur buchen, kaufen oder sich anmelden, kann eine einseitige Website diese Aufgabe gut erfüllen. Und sie kann auch Online-Zahlungen direkt empfangen, sodass sie bei Bedarf als Kasse funktioniert.
Eine Landingpage sollte eine Überschrift, ein kurzes Wertversprechen, einen klaren Call-to-Action, dezenten Social Proof und das Formular oder den Button enthalten, das bzw. der die Aktion erfasst.
Ein starkes Landingpage-Design hält den Fokus auf dieser einen Aktion und entfernt alles, was ihr nicht dient.
Um eine Landingpage schnell zu erstellen, beschreiben Sie Ihr Ziel einem KI-Generator wie dem KI-Landingpage-Generator von Jotform, der in weniger als einer Minute eine vollständige Seite entwirft. Bearbeiten Sie sie dann mit Drag-and-Drop-Tools. Von da an läuft es beim Optimieren einer Landingpage darauf hinaus, die Überschrift und den CTA zu verfeinern und alles zu entfernen, was von der primären Aktion ablenkt.
Dieser Artikel richtet sich an Kreative, Freelancer, Gründer, Marketer und Kleinunternehmer, die ein schnelles Online-Ziel für ein bestimmtes Vorhaben benötigen, etwa Lead-Erfassung, Veranstaltungsanmeldung, Warteliste-Anmeldung, Dienstleistungsanfragen oder Direktverkäufe, aber nicht zuerst eine vollständige Website erstellen möchten.
Kommentar abschicken: