So erstellen Sie eine Pre-Launch-Landingpage in WordPress 

Sie stehen kurz vor dem Start, aber niemand weiß es bisher. Ohne eine Pre-Launch-Landingpage, um zuerst E-Mail-Anmeldungen zu sammeln, starten Sie ins Leere und müssen ein Publikum von Grund auf neu aufbauen.

In diesem Leitfaden zeige ich Ihnen, wie Sie mit SeedProd eine in WordPress erstellen. Sie haben in weniger als einer Stunde eine Live-Wartelisten-Landingpage, die Anmeldungen sammelt.

Was ist eine Pre-Launch-Landingpage?

Eine Pre-Launch-Landingpage ist eine Seite mit einem einzigen Zweck, die vor Ihrer Hauptwebsite oder Ihrem Hauptprodukt live geht und dazu dient, E-Mail-Anmeldungen zu sammeln und ein Publikum aufzubauen, bevor Sie starten.

Einige der vielen Vorteile der Erstellung einer Pre-Launch-Landingpage sind:

• Bauen Sie Spannung und Vorfreude für Ihren Start auf
• Erfassen Sie Leads und bauen Sie Ihre E-Mail-Liste auf, noch bevor Sie starten
• Validieren Sie Ihre Produkt- oder Dienstleistungsidee und erhalten Sie wertvolles Feedback
• Beginnen Sie frühzeitig mit dem Aufbau Ihrer Marke und Ihrer Online-Präsenz

Vor diesem Hintergrund sehen wir uns an, wie man eine Pre-Launch-Landingpage in WordPress erstellt.

Was braucht eine Pre-Launch-Landingpage?

Eine Pre-Launch-Landingpage ist mehr als nur ein hübscher Platzhalter für Ihre kommende Website oder Ihr Produkt. Sie ist ein Werkzeug, um Begeisterung zu wecken, Leads zu generieren und die Bühne für einen erfolgreichen Launch zu bereiten.

Damit Ihre Pre-Launch-Seite alle richtigen Töne trifft, sind hier die wesentlichen Elemente, die Sie einbeziehen sollten:

Eine aufmerksamkeitsstarke Überschrift

Sie wissen, was man über den ersten Eindruck sagt, oder? Ihre Überschrift ist das Erste, was die Leute sehen. Sie muss also ins Auge fallen und sie dazu bringen, dabeizubleiben. Sie ist schließlich die virtuelle Fußmatte für Ihre Pre-Launch-Party.

Eine Killer-Überschrift tut drei Dinge:

• Erregt Aufmerksamkeit: Sie ist wie dieser eingängige Song, den man nicht mehr aus dem Kopf bekommt, nur eben für Ihre Landingpage.
• Hebt Vorteile hervor: Sagen Sie den Leuten, wie Ihr Produkt oder Ihre Dienstleistung ihr Leben verbessern wird. Welches Problem lösen Sie?
• Hält es kurz und bündig: Sie müssen keinen Roman schreiben. Bringen Sie Ihren Punkt schnell und klar auf den Punkt.

Brauchen Sie Inspiration? Schauen Sie sich diese Überschriftenformeln und Beispiele an:

• [Ihr Produktname]: Die [Vorteil]-Lösung, auf die Sie gewartet haben (Fesselnd und vorteilsorientiert)
• Treten Sie der Warteliste bei und seien Sie der Erste, der [Ihr Produktname] ausprobiert (Schafft Exklusivität)
• Erhalten Sie exklusiven frühen Zugang zu [Ihr Produktname] – Melden Sie sich jetzt an! (Ein klarer Call-to-Action)

Ansprechende Beschreibungstexte

Sie haben die Aufmerksamkeit mit Ihrer Überschrift gewonnen – jetzt ist es an der Zeit, den Deal mit überzeugendem Body-Text zu besiegeln.

Hier tauchen Sie tiefer ein und verkaufen die Vorteile Ihres Produkts oder Ihrer Dienstleistung.

Hier sind ein paar Tipps für das Copywriting:

• Vorteile statt Funktionen: Denken Sie daran, Menschen kaufen basierend auf Emotionen und rechtfertigen dann mit Logik. Anstatt also nur Funktionen aufzulisten (z. B. „Unsere Software verfügt über eine Drag-and-Drop-Oberfläche“), übersetzen Sie diese Funktionen in greifbare Vorteile (z. B. „Unsere intuitive Drag-and-Drop-Oberfläche macht den Aufbau Ihrer Website zum Kinderspiel – auch wenn Sie ein absoluter Anfänger sind“).
• Gehen Sie auf Einwände ein: Welche häufigen Bedenken oder Zögern könnte Ihre Zielgruppe haben? Erkennen Sie diese Einwände an und liefern Sie überzeugende Gegenargumente.
• Verwenden Sie überzeugende Sprache: Starke Verben, lebendige Bilder und ein gesprächiger Ton können Ihren Text ansprechender und überzeugender machen.

Schauen Sie sich nur das Copywriting im obigen Beispiel an. Es gibt den Nutzern genau das, was sie wollen, auf eine freundliche und ansprechende Weise.

Eine klare und überzeugende Handlungsaufforderung (CTA)

Lassen Sie sie nicht im Ungewissen. Sagen Sie den Leuten genau, was sie als Nächstes tun sollen.

Ihr CTA sollte klar, prägnant und unübersehbar sein. Verwenden Sie starke Verben, die ein Gefühl der Dringlichkeit erzeugen und zum Handeln anregen.

Hier sind einige CTA-Verben, die ich immer verwende und die es in sich haben:

• Holen
• Beitreten
• Herunterladen
• Beanspruchen
• Starten
• Entdecken

Und wenn Sie weitere Inspiration benötigen, hier sind einige meiner Lieblings-Call-to-Action-Beispiele.

Auffällige Bilder und Videos

Ein Bild sagt mehr als tausend Worte, richtig? Nun, auf einer Landingpage kann es tausend Anmeldungen wert sein. Hochwertige Bilder können Ihre Pre-Launch-Seite ausmachen oder zerstören.

Wählen Sie Bilder und Videos aus, die für Ihr Produkt, Ihre Dienstleistung oder Ihre Marke relevant sind, ansprechend genug sind, um Menschen neugierig zu machen, und Ihr Produkt/Ihre Dienstleistung in Aktion zeigen.

Ich liebe dieses Beispiel von AIOSEO. besonders. Sie verwenden einen Vorher-Nachher-Schieberegler, um klar zu erklären, wie ihr Produkt funktioniert.

Hier sind ein paar Ideen für visuelle Inhalte, um Ihre kreativen Ideen anzuregen:

• Produkt-Mockups: Geben Sie den Leuten einen ersten Einblick in das, was Sie entwickeln.
• Fotos hinter den Kulissen: Teilen Sie Ihre Reise und schaffen Sie eine persönliche Verbindung.
• Erklärvideos: Demonstrieren Sie schnell und ansprechend, wie Ihr Produkt oder Ihre Dienstleistung funktioniert.
• Kundenstimmen-Videos: (Wenn Sie bereits welche haben.) Nichts schafft Vertrauen wie sozialer Beweis.

Vertrauensbildende soziale Beweise

Erinnern Sie sich an diesen Freund, der Ihnen von dem fantastischen neuen Restaurant erzählt hat, das er ausprobiert hat? Wahrscheinlich haben Sie seiner Empfehlung vertraut, weil er nichts davon hatte. Das ist sozialer Beweis in Aktion.

Menschen vertrauen Ihrer Marke eher, wenn sie sehen, dass andere bereits dabei sind und Sie loben. Tatsächlich berichtet HubSpot, dass 88 % der Verbraucher Bewertungen genauso vertrauen wie persönlichen Empfehlungen.

Selbst in der Vorab-Phase können Sie beginnen, dieses Vertrauen aufzubauen.

So geht's:

• Testimonials: Haben Sie ein paar frühe Anwender, die von Ihrem Produkt oder Ihrer Dienstleistung schwärmen? Fragen Sie sie, ob sie bereit wären, ein kurzes Testimonial zu teilen.
• Medienberichte: Wurde Ihr Unternehmen oder Produkt in Publikationen erwähnt? Fügen Sie diese Logos zu Ihrer Seite hinzu.
• Social-Media-Zahlen: Wenn Sie bereits eine Social-Media-Fangemeinde aufgebaut haben, zeigen Sie sie. Zeigen Sie Ihre Follower-Zahlen auf Ihrer Landingpage, um zu zeigen, dass die Leute an dem interessiert sind, was Sie tun.

Nicht alle fünf Elemente sind gleich wichtig, wenn es darum geht, Anmeldungen zu erhalten. Ihre Überschrift leistet die meiste Arbeit, also wenn sie die Leute nicht anspricht, ist nichts anderes wichtig.

Danach muss Ihr Anmeldeformular sichtbar sein, ohne zu scrollen – above the fold. Sozialer Beweis (Testimonials, Medienberichte, Follower-Zahlen) gehört unter das Formular, um Menschen zu beruhigen, die fast überzeugt sind, aber noch nicht ganz.

Checkliste für die Pre-Launch-Landingpage:

• Aufmerksamkeitsstarke Überschrift
• Überzeugender Text, der sich auf Vorteile konzentriert
• Klarer CTA mit einem starken Aktionsverb
• Hochwertige Bilder oder Videos
• Sozialer Beweis (Testimonials, Medienberichte oder Follower-Zahlen)

Wie erstellt man eine Pre-Launch-Landingpage in WordPress?

Jetzt kommt der spaßige Teil: das eigentliche Erstellen Ihrer Pre-Launch-Landingpage. WordPress macht dies einfach, besonders mit den richtigen Werkzeugen.

Dafür empfehle ich SeedProd, einen Drag-and-Drop-Website-Builder für WordPress. In über 10 Jahren Content-Marketing habe ich eine ganze Reihe von Landingpage-Buildern ausprobiert, und es ist derjenige, zu dem ich immer wieder zurückkehre.

Der "Bald verfügbar"-Modus von SeedProd ist der einzige Weg, eine Pre-Launch-Seite auf Ihrer gesamten WordPress-Seite anzuzeigen, während die eigentliche Seite verborgen bleibt. Damit können Sie Ihre Pre-Launch-Seite veröffentlichen, während Sie Ihre Hauptseite im Hintergrund weiter aufbauen.

Der Drag-and-Drop-Builder von SeedProd macht die Gestaltung von Landingpages schnell. Beginnen Sie mit einer professionell gestalteten Vorlage und passen Sie sie an Ihre Marke an – es gibt Optionen, die speziell für Pre-Launch-Seiten entwickelt wurden.

Lassen Sie uns den Prozess Schritt für Schritt aufschlüsseln.

Schritt 1. SeedProd installieren & aktivieren

Installieren und aktivieren Sie zuerst SeedProd auf Ihrer WordPress-Website. SeedProd hat eine kostenlose Version, aber ich verwende für diese Anleitung SeedProd Pro, das Pro-Vorlagen enthält.

Wenn Sie Hilfe benötigen, finden Sie unseren Leitfaden zur Installation von SeedProd.

Gehen Sie nach der Installation des Plugins in Ihrem WordPress-Dashboard zu SeedProd » Landing Pages. Klicken Sie dann auf die Schaltfläche „Eine "Bald verfügbar"-Seite einrichten“.

Schritt 2. Wählen Sie eine Pre-Launch-Seitenvorlage

Nun ist es an der Zeit, ein Design auszuwählen. SeedProd bietet viele vorgefertigte Vorlagen. Es gibt sogar eine ganze Kategorie nur für "Bald verfügbar"-Seiten.

Um sie zu finden, klicken Sie oben auf den Filter „Bald verfügbar“. Wählen Sie dann diejenige aus, die am besten zu Ihrer Marke und dem Produkt passt, das Sie auf den Markt bringen.

Um dies zu tun, fahren Sie mit der Maus darüber und klicken Sie auf das orangefarbene Häkchensymbol.

Schritt 3. Fügen Sie Ihre Pre-Launch-Inhalte hinzu

Jetzt ist es an der Zeit, Ihre Pre-Launch-Seite zum Leben zu erwecken. SeedProd macht dies mit seinem Drag-and-Drop-Seitenersteller einfach. Sie sehen Ihre ausgewählte Vorlage und können sofort mit der Anpassung aller Elemente beginnen.

Die Vorlage besteht aus verschiedenen „Blöcken“. Sie sind wie Bausteine für Ihre Seite. Sie können den Text in jedem Block ändern, Bilder austauschen, Ihr Logo hinzufügen und sogar Countdown-Timer und Kundenrezensionen einfügen.

Klicken Sie einfach auf einen Block, und Sie sehen alle Möglichkeiten zur Anpassung im linken Menü.

Klicken Sie beispielsweise auf die Überschrift, um den Text zu ändern und ihn an Ihre Marke und Ihr Produkt anzupassen.

Erinnern Sie sich an die wesentlichen Elemente, über die ich früher gesprochen habe?

• Eine eingängige Überschrift
• Klare Beschreibungen
• Auffällige Bilder
• Ein Call-to-Action-Button, der den Leuten genau sagt, was sie als Nächstes tun sollen

Fügen Sie diese Elemente zu Ihrer Seite hinzu, damit die Besucher auf die Einführung Ihres nächsten großen Dings gespannt sind.

In diesem Beispiel habe ich mit dem Countdown-Timer-Block ein zusätzliches Element der Dringlichkeit hinzugefügt. Er gibt den Benutzern eine visuelle Anleitung, wann genau die Pre-Launch-Phase endet.

Schritt 4. Passen Sie Ihre Pre-Launch-Landingpage an

Der Inhalt Ihrer Pre-Launch-Seite ist festgelegt – nun machen wir sie visuell ansprechend. SeedProd bietet eine Reihe von Anpassungsoptionen, die Ihnen helfen, das Design an Ihre Marke anzupassen.

Jedes Element auf Ihrer Seite wird durch einen Block mit anpassbaren Einstellungen gesteuert. Passen Sie beispielsweise das Farbschema Ihrer Marke an, indem Sie einen Block auswählen, die Farbeinstellungen finden und den perfekten Farbton wählen.

Sie können die gleiche Anpassungsebene auf Schriftarten anwenden. Wählen Sie einen Textblock, suchen Sie die Schriftarteinstellungen (normalerweise im Tab „Erweitert“) und experimentieren Sie, bis Sie die perfekte Übereinstimmung gefunden haben.

Profi-Tipp: Für maximale Effizienz erkunden Sie die „Globalen Einstellungen“. Definieren Sie Ihre Markenfarben und Schriftarten einmal, und SeedProd wendet sie auf Ihre gesamte Seite an, was Ihnen wertvolle Zeit spart.

Schritt 5. Integrieren Sie Ihren E-Mail-Marketing-Service

Ihre Pre-Launch-Landingpage ist eine hervorragende Gelegenheit, Ihre E-Mail-Liste zu erweitern – ein wertvolles Gut für eine erfolgreiche Markteinführung und darüber hinaus. SeedProd erleichtert die Verbindung des Opt-in-Formulars Ihrer Landingpage mit Ihrem bevorzugten E-Mail-Marketingdienst.

Klicken Sie im SeedProd-Seitenersteller auf den Tab „Verbinden“ oben.

Sie sehen eine Liste von beliebten E-Mail-Marketingdiensten. Finden Sie Ihren und klicken Sie zum Verbinden.

Befolgen Sie von dort aus die Anweisungen, um Ihre E-Mail-Liste zu verbinden.

Jetzt wird jedes Mal, wenn sich jemand für Updates anmeldet, Ihrer Warteliste beitritt oder ein Angebot auf Ihrer Pre-Launch-Seite beansprucht, automatisch zu Ihrer E-Mail-Liste hinzugefügt.

Sie werden Vorfreude und ein fertiges Publikum aufbauen, noch bevor Sie überhaupt starten.

Schritt 6. Vorschau, Testen und Veröffentlichen Ihrer Seite

Sie sind fast bereit, Ihre Pre-Launch-Seite der Welt zu präsentieren. Aber bevor Sie auf "Veröffentlichen" klicken, stellen Sie sicher, dass sie auf allen Geräten eine nahtlose Erfahrung bietet.

SeedProd macht dies mit integrierten Vorschau-Tools einfach.

Verwenden Sie die Gerätesymbole (normalerweise am unteren Rand des Seitenerstellers), um zu sehen, wie Ihre Seite auf Desktops, Laptops, Tablets und Smartphones aussieht.

Wenn etwas nicht stimmt, machen Sie sich keine Sorgen. Gehen Sie einfach zurück und passen Sie die Dinge an, bis sie überall gut aussehen.

Sobald Sie mit Ihrer Seite zufrieden sind, ist es an der Zeit, sie zu teilen. Klicken Sie dazu oben auf der Seite auf die grüne Schaltfläche "Speichern" und wählen Sie "Veröffentlichen".

Jetzt können Sie die Seite in Aktion in der Vorschau anzeigen. Hier ist die, die ich für diese Anleitung erstellt habe:

Wenn Sie Ihre Pre-Launch-Seite veröffentlicht haben, müssen Sie den "Im Aufbau"-Modus aktivieren, damit Ihre Besucher diese Seite auf Ihrer gesamten Website sehen.

Klicken Sie dazu auf das "X"-Symbol, um den Seiten-Editor zu schließen und zum SeedProd-Dashboard zurückzukehren.

Gehen Sie dann zum Abschnitt "Im Aufbau"-Modus und schalten Sie den Schalter von "Inaktiv" auf "Aktiv".

Jetzt ist der "Im Aufbau"-Modus auf Ihrer gesamten Website aktiviert, sodass Besucher die gerade erstellte Pre-Launch-Seite sehen.

Zeigen Sie Ihre Pre-Launch-Seite auf bestimmten Seiten an

Wenn Sie Ihre Pre-Launch-Seite nur auf bestimmten Teilen Ihrer Website anzeigen möchten, bearbeiten Sie die gerade erstellte Seite, klicken Sie auf die Registerkarte "Einstellungen" und navigieren Sie zur Überschrift "Zugriffskontrollen".

Scrollen Sie dann nach unten zum Abschnitt "URLs einschließen/ausschließen" und fügen Sie die URLs hinzu, auf denen Sie Ihre Pre-Launch-Seite anzeigen möchten.

Anstatt Ihre Pre-Launch-Mitteilung auf jedem Teil Ihrer Website anzuzeigen, wird sie nun nur auf den von Ihnen angegebenen Seiten angezeigt.

Wie sehen großartige Pre-Launch-Landingpages aus?

Ich finde es immer ziemlich schwierig, meine Kreativität für jede Art von Design zu wecken. Um Ihnen zu helfen, hier sind einige meiner Lieblingsbeispiele für Pre-Launch-Seiten von echten Marken online.

App Manager 5.0

Diese Pre-Launch-Seite von App Manager 5.0 hat die richtige Struktur. Das Design ist scharf, verwendet eine Telefonillustration und klare Hervorhebungen, um bestimmte Funktionen hervorzuheben.

Die Überschrift spricht ein echtes Problem an (Verwaltung mehrerer Apps), der Text erklärt Early-Bird-Vorteile und ein Countdown-Timer erzeugt Dringlichkeit. Die Schaltfläche "Auf die Liste!" ist prominent und handlungsorientiert.

Was es gut macht: Es kombiniert Dringlichkeit (Timer) mit Anreizen (Early-Bird-Vorteile), sodass Besucher zwei Gründe haben, sich anzumelden, nicht nur einen.

Tapster App

Die Pre-Launch-Seite von Tapster ist einfach, aber effektiv. Telefon-Mockups, die verschiedene App-Nutzungen zeigen, kommunizieren den Zweck des Produkts ohne ein Wort der Erklärung.

Was es gut macht: Das Angebot von VIP-Zugang rahmt die Anmeldung als etwas ein, das man sich verdient, nicht nur als etwas, das man tut. Dieses Framing von Exklusivität erhöht den wahrgenommenen Wert, noch bevor das Produkt existiert.

PandaDoc

Dieses Beispiel von PandaDoc verwendet ein verspieltes Panda-Maskottchen, um die Markenpersönlichkeit sofort zu verankern. Die Überschrift "Send Documents Like a Pro" ist anspruchsvoll und löst einen klaren Schmerzpunkt.

Was es gut macht: Die Anmeldung als „Early Invitation“ zu gestalten, erweckt den Eindruck, dass der Zugang kuratiert und nicht für jedermann offen ist. Das ist eine einfache Wortwahl, die das Gefühl des Angebots verändert.

The Astonishing Post

Diese Pre-Launch-Seite für The Astonishing Post steckt voller Persönlichkeit. Sie ist geschäftig und künstlerisch, genau wie das Magazin, das sie auf den Markt bringen, und das kühne zentrale Bild zieht sofort die Aufmerksamkeit auf sich.

Was es gut macht: Die Seite spiegelt die Stimme des Produkts genau wider. Eine Pre-Launch-Seite muss nicht minimalistisch sein, um zu funktionieren. Sie muss sich so anfühlen, wie das, was kommt. Diese Seite schafft das, ohne verwirrend zu sein.

Das Anmeldeformular ist einfach, und sie versprechen sogar, Sie nicht zu spammen, was immer nett ist.

Häufig gestellte Fragen

Was ist der Unterschied zwischen einer „Coming Soon“-Seite und einer Pre-Launch-Landingpage?

Eine „Coming Soon“-Seite ist typischerweise ein einfacher Platzhalter, der den Besuchern mitteilt, dass Ihre Website im Aufbau ist. Eine Pre-Launch-Landingpage ist gezielter: Sie soll Begeisterung wecken, E-Mail-Anmeldungen sammeln und Ihre Idee vor dem Start validieren. Beide gehen online, bevor Ihre Hauptwebsite online geht, aber eine Pre-Launch-Seite arbeitet aktiv daran, Ihr Publikum zu vergrößern, während Sie mit dem Aufbau fertig werden.

Wie lange vor dem Start sollten Sie eine Pre-Launch-Landingpage einrichten?

Ich würde sie so früh wie möglich einrichten, idealerweise 4 bis 6 Wochen vor dem geplanten Startdatum. Das gibt Ihnen genügend Zeit, eine aussagekräftige E-Mail-Liste aufzubauen und Ihre Botschaft zu testen. Länger als zwei Wochen vor dem Start hält sich das Momentum normalerweise; kürzer als das und Sie werden nicht genügend Anmeldungen sammeln, um den Launch-Tag zählen zu lassen.

Was sollten Sie auf einer Pre-Launch-Landingpage einfügen?

Mindestens: eine aufmerksamkeitsstarke Überschrift, eine klare Beschreibung dessen, was kommt, ein einfaches E-Mail-Opt-in-Formular oberhalb der Falzlinie und mindestens ein Vertrauenssignal wie Social Proof oder eine Erwähnung in den Medien. Ein Countdown-Timer ist optional, fügt aber Dringlichkeit hinzu, besonders in den letzten Tagen vor dem Start, wenn Ihre Seite zu einer Start-Countdown-Seite wird, zu der die Besucher zurückkehren, um sie zu überprüfen.

Können Sie die kostenlose Version von SeedProd für eine Pre-Launch-Landingpage verwenden?

Ja, die kostenlose Version von SeedProd enthält die Funktionalität für „Coming Soon“-Seiten und ermöglicht es Ihnen, E-Mail-Anmeldungen zu sammeln. Die kostenpflichtige Version bietet Zugriff auf Pro-Vorlagen, erweiterte Anpassungsoptionen und mehr E-Mail-Integrationen. Für die meisten Pre-Launch-Seiten reicht die kostenlose Version für den Anfang aus.

Beginnen Sie mit SeedProd, um Ihre Pre-Launch-Seite zu erstellen und Anmeldungen vor dem Launch-Tag zu sammeln.

Möglicherweise finden Sie auch die folgenden Tipps und Tutorials hilfreich, wenn Sie ein neues Produkt, eine neue Dienstleistung oder eine neue Website starten:

• So erstellen Sie einen Marketingplan für den Start einer neuen Website
• Wie Sie Ihre Website vor dem Start vermarkten
• 24-Punkte-Checkliste für einen erfolgreichen Start einer WordPress-Website

Danke fürs Lesen! Wir würden uns freuen, Ihre Gedanken zu hören. Treten Sie also gerne der Unterhaltung auf YouTube, X und Facebook bei, um weitere hilfreiche Ratschläge und Inhalte für das Wachstum Ihres Unternehmens zu erhalten.