Letzte SeedProd Nachrichten

WordPress-Tutorials, -Tipps und -Ressourcen für das Wachstum Ihres Unternehmens

Was ist eine Splash Page + 9 Schritte zur Erstellung Ihrer eigenen

Wie man eine WordPress Splash Page in 9 Schritten erstellt 

Geschrieben von: Autorenavatar Stacey Corrin
Autorenavatar Stacey Corrin
Stacey schreibt seit über 10 Jahren über WordPress und digitales Marketing und noch viel länger über andere Themen. Darüber hinaus ist sie fasziniert von Webdesign, Benutzererfahrung und SEO.
     Bewertet von: Gutachter-Avatar Turner John
Gutachter-Avatar Turner John
John Turner ist der Mitbegründer von SeedProd. Er verfügt über mehr als 20 Jahre Geschäfts- und Entwicklungserfahrung und seine Plugins wurden über 25 Millionen Mal heruntergeladen.

Möchten Sie eine WordPress-Splash-Seite erstellen, die einen starken ersten Eindruck hinterlässt?

Eine Splash-Seite ist eine Art Willkommensbildschirm, der erscheint, bevor Besucher Ihre Hauptseite erreichen. Betrachten Sie sie als eine kurze Einführungsseite, auf der Sie ein spezielles Angebot vorstellen, E-Mails sammeln oder eine Ankündigung machen können. Sie unterscheidet sich von einer Landing Page, da ihre Hauptaufgabe darin besteht, schnell Aufmerksamkeit zu erregen.

In dieser Anleitung erkläre ich Ihnen genau, was eine Splash Page ist und zeige Ihnen Schritt für Schritt, wie Sie eine WordPress Splash Page mit SeedProd, dem einfachsten Drag-and-Drop Page Builder für Anfänger, erstellen können.

Schnelle Schritte zur Erstellung einer Splash-Seite in WordPress:

Was ist eine WordPress Splash Page?

Eine WordPress-Splash-Seite ist ein kurzer Einführungsbildschirm, der vor Ihrer Homepage erscheint und die Aufmerksamkeit sofort auf sich ziehen soll.

Sie kann Ihr Logo, eine Willkommensnachricht oder wichtige Details wie ein Sonderangebot enthalten. Viele Websites verwenden Splash-Seiten auch für die Altersverifizierung, für Hinweise auf laufende Arbeiten oder für die Auswahl von Sprache und Standort.

Was ist der Zweck einer WordPress Splash Page?

Der Zweck einer WordPress-Splash-Seite ist es, die Aufmerksamkeit der Besucher auf sich zu ziehen, bevor sie Ihre Hauptseite erreichen, und sie zum richtigen nächsten Schritt zu führen.

  • Werbung für ein Sonderangebot oder ein neues Produkt
  • Einen Haftungsausschluss für die Altersverifikation anzeigen
  • Hervorhebung einer bevorstehenden Veranstaltung
  • Sammeln Sie Kontaktinformationen und erweitern Sie Ihre E-Mail-Liste
  • Bewerben Sie Ihre Profile in den sozialen Medien
  • Sagen Sie den Besuchern, dass Ihre neue Website bald kommt
Zara Splash Page Beispiel für Länderauswahl

Zara zum Beispiel verwendet eine Splash-Seite, um die Kunden zum richtigen Laden zu leiten, während Forbes ein tägliches Zitat anzeigt, bevor die Hauptseite angezeigt wird.

Kurz gesagt, Splashpages vermitteln einen starken ersten Eindruck und leiten die Besucher dorthin, wo Sie sie haben möchten.

Was sollten Sie in eine Splash Page einbauen?

Eine gute Einstiegsseite enthält nur das Wesentliche - genug, um Ihre Website vorzustellen, wichtige Informationen zu vermitteln und die Besucher schnell weiterzuleiten.

  • Logo oder Designelemente: Verstärkt sofort Ihre Marke.
  • Kurze Botschaft oder Mission Statement: Erläutert den Zweck Ihrer Website.
  • Navigationslinks: Leiten Sie Besucher zum richtigen Bereich Ihrer Website.
  • Option Überspringen: Ermöglicht es den Nutzern, die Begrüßungsseite zu umgehen, wenn sie dies wünschen.
  • Ladeanzeige: Zeigt den Fortschritt an, wenn Ihre Website einen Moment zum Laden braucht.
  • Auswahl der Sprache oder des Ortes: Hilfreich für ein globales Publikum.

Das Ziel ist es, sie einfach zu halten. Gestalten Sie Ihre Einstiegsseite übersichtlich, schnell und bei Bedarf leicht zu überspringen.

Wie erstelle ich eine WordPress-Splash-Seite?

Der schnellste Weg, eine WordPress-Splash-Seite zu erstellen, ist mit einem Drag-and-Drop-Builder wie SeedProd. Damit können Sie in wenigen Minuten eine professionelle Seite gestalten, ohne einen Entwickler einstellen zu müssen.

SeedProd Drag-and-drop WordPress Website-Erstellung

SeedProd wird mit vorgefertigten Vorlagen, Point-and-Click-Anpassung und integrierten Optionen für den "Coming Soon" - und Wartungsmodus geliefert, so dass Sie privat arbeiten können, während Ihre Website professionell aussieht.

Das ist es, was SeedProd auszeichnet:

  • Dutzende von professionell gestalteten Splash Page-Vorlagen
  • Lead-fokussierte Blöcke und vorgefertigte Seitenabschnitte
  • Ein-Klick-Integrationen mit gängigen E-Mail-Diensten
  • Point-and-Click-Designsteuerung mit Live-Vorschau
  • Mobilfreundliche Bearbeitung und Vorschauen
  • Leichter Code für hohe Ladegeschwindigkeiten

Da SeedProd für Geschwindigkeit optimiert ist, verlangsamt es Ihre Website nicht wie umfangreichere Baukästen. Das bedeutet bessere Suchmaschinenoptimierung, ein reibungsloseres Besuchererlebnis und mehr Konversionen.

Wenn Sie schnell und effektiv eine Splash Page erstellen möchten, erfahren Sie hier, wie Sie dies mit SeedProd Schritt für Schritt tun können.

Schritt 1. Installieren Sie SeedProd WordPress Landing Page Builder

Klicken Sie zunächst hier, um mit SeedProd zu beginnen und laden Sie das Plugin herunter. Dann installieren und aktivieren Sie das Plugin auf Ihrer WordPress-Website. Wenn Sie dabei Hilfe benötigen, sehen Sie sich diese Anleitung zur Installation eines WordPress-Plugins an.

Nach der Aktivierung von SeedProd erscheint ein Willkommensbildschirm, in dem Sie aufgefordert werden, Ihren Lizenzschlüssel einzugeben. Sie können den Lizenzschlüssel im Posteingang der E-Mail finden, die Sie für die Registrierung verwendet haben. Oder Sie melden sich bei SeedProd an und finden ihn im Abschnitt Downloads Ihres Kontos.

Kopieren Sie Ihren Lizenzschlüssel, fügen Sie ihn in das vorgesehene Feld ein und klicken Sie auf die Schaltfläche Schlüssel überprüfen.

Aktivieren Sie das Plugin für den Seedprod-Wartungsmodus

Scrollen Sie dann auf der Seite ein Stück nach unten und klicken Sie auf die Schaltfläche Ihre erste Seite erstellen.

Erstellen Sie Ihre erste Splash Page mit SeedProd

Schritt 2. Erstellen Sie eine neue Landing Page in WordPress

Auf dem folgenden Bildschirm sehen Sie das Landing Page Dashboard von SeedProd. Oben sehen Sie mehrere Seitenmodi, darunter "Coming Soon Mode", " Maintenance Mode" und "404 Page".

Übersicht über das Dashboard der Seedprod-Landingpage

Sie können jeden Modus mit einem einzigen Klick aktivieren, um Ihren Website-Besuchern individuelle Landing Pages zu zeigen.

Unter den verschiedenen Seitenmodi werden Ihre Landing Pages angezeigt, nachdem Sie sie erstellt haben. Sie werden in diesem Bereich noch nichts sehen, aber sie werden in einer Liste angezeigt, sobald Sie sie erstellt haben.

Erstellen Sie eine neue Landing Page in SeedProd

Um Ihre erste Seite zu erstellen, klicken Sie auf die Schaltfläche Neue Landing Page erstellen.

Schritt 3. Wählen Sie eine WordPress Splash Page Vorlage

Auf der nächsten Seite sehen Sie die Bibliothek der responsiven Landing Page-Vorlagen von SeedProd. Jedes Design ist im Drag-and-Drop-Builder vollständig anpassbar.

seedprod Landing Page Vorlagen

Damit Sie schnell eine Vorlage finden, können Sie sie nach Kategorien filtern. Klicken Sie einfach oben auf eine Kategorie, um die verfügbaren Vorlagen anzuzeigen:

Sie können auch das Suchfeld verwenden, um Ihre Ergebnisse weiter zu verfeinern.

Wählen Sie eine Vorlage aus, die dem Aussehen Ihrer Splash-Seite am nächsten kommt. Bewegen Sie dann den Mauszeiger über das Bild der Vorlage und klicken Sie auf das Häkchensymbol.

Bewegen Sie den Mauszeiger über die Vorlage und klicken Sie auf das Häkchensymbol, um eine Landing Page-Vorlage auszuwählen.

Für unser Beispiel haben wir die Vorlage Personal Links Lead Squeeze gewählt, die wir für die Verwendung als Splash Page anpassen werden.

Nachdem Sie Ihre Vorlage ausgewählt haben, erscheint ein Popup-Fenster, in dem Sie aufgefordert werden, den Namen und die URL Ihrer Seite einzugeben.

Geben Sie den Namen und die URL Ihrer Splash-Seite ein

Sie können dann auf die Schaltfläche Speichern und mit der Bearbeitung der Seite beginnen klicken, um Ihre Vorlage im visuellen Editor zu starten.

Schritt 4. Inhalt zur Splash-Seite hinzufügen

Der visuelle Editor von SeedProd hat 2 verschiedene Bereiche. Auf der linken Seite befindet sich ein Bereich, der alle Seitenblöcke und Abschnitte zeigt, die Sie verwenden können. Auf der rechten Seite sehen Sie eine Vorschau, wie Ihre Seite aussieht.

Drag-and-Drop-Schnittstelle für den Seitenaufbau

Das Hinzufügen von Inhalten zu Ihrer Seite ist so einfach wie das Ziehen eines Blocks aus dem linken Bedienfeld und das Ablegen in der Vorschau auf der rechten Seite.

Wenn Sie auf ein beliebiges Element auf Ihrer Seite klicken, werden die Einstellungen des jeweiligen Blocks im linken Bereich angezeigt.

Sie können zum Beispiel auf den Bildblock klicken, um das Originalfoto zu entfernen und durch Ihr eigenes zu ersetzen.

Entfernen und Hinzufügen eines neuen Landing Page-Bildes

Die Landing Page Blöcke von SeedProd sind in 2 Bereiche unterteilt: Standard- und erweiterte Blöcke.

Standardblöcke sind die wesentlichen Elemente, die Sie für jede Seite benötigen, darunter Bilder, Schaltflächen, Abstandhalter, Trennlinien, Listen und vieles mehr.

Standard Landing Page-Blöcke

Die Blöcke für Fortgeschrittene unterscheiden sich insofern, als sie sich hauptsächlich auf die Lead-Generierung konzentrieren.

Erweiterte Landing Page-Blöcke

Das bedeutet, dass Sie mit nur wenigen Klicks Kontaktformulare, Werbegeschenke, Anmeldeformulare, Sternebewertungen, Ankerlinks und vieles mehr in Ihre Seite einfügen können.

Die meisten Blöcke von SeedProd enthalten auch vorgefertigte Vorlagen. Sie können diese verschiedenen Stile mit einem einzigen Klick implementieren, sodass Sie nicht jeden Block manuell anpassen müssen.

Wenn Sie z. B. auf den Block Schaltfläche klicken und die Registerkarte Vorlagen auswählen, können Sie zwischen verschiedenen Schaltflächenstilen wählen.

Vorlagen für Schaltflächenblöcke

Neben einzelnen Blöcken bietet SeedProd auch Landing Page Sections. Sie müssen nicht ganze Seitenabschnitte manuell, Block für Block, erstellen. Sie können die verschiedenen Bereiche sehen, indem Sie auf die Registerkarte Abschnitte klicken.

SeedProd Landing Page Abschnitte

Von dort aus können Sie eine neue auswählen:

SeedProd Landing Page Abschnitte

Fügen Sie Ihrer Splash-Seite so lange Inhalte hinzu, bis sie alle Informationen enthält, die Sie Ihren Besuchern zeigen möchten.

Sie können Ihren Fortschritt speichern, indem Sie auf die grüne Schaltfläche Speichern in der oberen rechten Ecke klicken.

Schritt 5. Anpassen des Designs Ihrer Splash-Seite

Auch wenn Ihr Inhalt vorhanden ist, sehen einige Teile Ihres WordPress-Splash-Seiten-Designs wahrscheinlich immer noch nicht richtig aus. Vielleicht ist die Hintergrundfarbe falsch, oder die Schriftarten wirken deplatziert.

Die gute Nachricht ist, dass Sie all diese Dinge mit den einfachen Anpassungseinstellungen von SeedProd ändern können.

Klicken Sie einfach auf das Zahnradsymbol in der unteren linken Ecke Ihres Bildschirms, um Ihre globalen Einstellungen anzuzeigen.

Globale Einstellungen zur Anpassung der Zielseite

In diesem Bereich können Sie Ihr Global anpassen:

  • Hintergrund
  • Farben
  • Schriftarten
  • Benutzerdefiniertes CSS

Unter der Überschrift Schriftarten können Sie Ihre globalen Kopf- und Körperschriftarten und -schnitte ändern. Wählen Sie einfach eine neue Schriftart oder -stärke aus den entsprechenden Dropdown-Menüs.

Globale Einstellungen für Schriftarten

Alternativ können Sie die von SeedProd kuratierte Bibliothek mit Schriftkombinationen durchsuchen, indem Sie auf die Schaltfläche Schriftthemen klicken.

SeedProd-Schriftthemen

Hier sehen Sie, welche Schriftarten am besten zusammenpassen. Klicken Sie einfach auf eine beliebige Schriftartkombination, um Ihre Auswahl sofort zu Ihrer Seite hinzuzufügen.

Die Rubrik Farben funktioniert auf die gleiche Weise. Mit dem praktischen Farbauswahlwerkzeug können Sie individuell verschiedene Farben für globale Links, Überschriften, Text, Schaltflächen und Hintergründe auswählen.

Globale Farbeinstellungen

Wenn Sie möchten, können Sie auch auf die Schaltfläche Farbpaletten klicken, um aus mehr als 20 vorgefertigten Farbschemata zu wählen.

SeedProd Farbpaletten für Landing Pages

Der Abschnitt Hintergrund bietet eine einfache Möglichkeit, den Hintergrund Ihrer Splash-Seite anzupassen. Sie können ihn als Volltonfarbe oder Farbverlauf festlegen oder ein Hintergrundbild in voller Breite aus Ihrer WordPress-Mediathek oder Ihrem Computer hochladen.

Globale Hintergrundeinstellungen

Es ist auch möglich, einen Videohintergrund oder eine Hintergrund-Diashow hinzuzufügen, indem Sie den Kippschalter für jede Einstellung aktivieren.

Vergessen Sie nicht, auf Speichern zu klicken, um Ihre Anpassungseinstellungen zu erhalten.

Schritt 6. Verbinden Sie Ihren E-Mail-Marketing-Anbieter

Viele Splash-Seiten bieten Nutzern einen kostenlosen Download im Austausch für ihre Kontaktdaten an. Um diese Art von Splash Page zu erstellen, müssen Sie die Möglichkeit haben, Ihren E-Mail-Marketingdienst zu verbinden.

Im Gegensatz zu anderen Page Buildern, die nur mit einigen wenigen Anbietern verbunden sind, ist SeedProd mit beliebten E-Mail-Newsletter-Diensten integriert, darunter auch

Klicken Sie einfach auf die Registerkarte " Verbinden" oben im Seitenaufbau, um die verfügbaren Anbieter anzuzeigen. Wählen Sie dann Ihren bevorzugten Dienst aus und folgen Sie den Anweisungen, um Ihr Konto zu autorisieren.

Verbinden Sie sich mit einem E-Mail-Marketingdienst mit SeedProd

Sie können auch Zapier verwenden, um Ihre Seite mit Tausenden von anderen beliebten Anwendungen zu verknüpfen, um Ihre Marketingbemühungen zu automatisieren.

Machen Sie sich keine Sorgen, wenn Sie noch keinen E-Mail-Marketing-Anbieter haben.

Stattdessen können Sie das in SeedProd integrierte Dashboard zur Abonnentenverwaltung verwenden. Wenn sich jemand über Ihre Splash-Seite anmeldet, werden seine Daten automatisch auf Ihrer WordPress-Website gespeichert.

Dashboard für die Abonnentenverwaltung von SeedProd

Sie können sie sehen, indem Sie SeedProd " Abonnenten in Ihrem WordPress-Dashboard aufrufen.

Schritt 7. Konfigurieren Sie Ihre Seiteneinstellungen

Nachdem Sie die Gestaltung Ihrer Splash-Seite abgeschlossen haben, müssen Sie noch einige notwendige Einstellungen vornehmen. Klicken Sie dazu oben im Page Builder auf die Registerkarte Seiteneinstellungen.

Squeeze-Page-Einstellungen

Auf dieser Seite können Sie die Einstellungen für Ihre Seiten ändern:

  • Allgemeine Details - Ändern Sie den Namen und die URL Ihrer Seite, und setzen Sie sie auf Entwurf oder veröffentlicht.
  • SEO - Füllen Sie Ihre On-Page-SEO-Informationen mit relevanten Schlüsselwörtern im Seitentitel und in der Meta-Beschreibung über ein SEO-Plugin wie All in One SEO aus.
  • Analytics - Betrachten Sie die Leistung Ihrer Splash-Seite mit einem Analytics-Plugin wie MonsterInsights.
  • Scripts - Geben Sie Tracking- und Retargeting-Scripts wie Cookies oder Facebook-Zählpixel ein.

Vergessen Sie nicht, auf die Schaltfläche Speichern zu klicken, bevor Sie mit dem nächsten Schritt fortfahren.

Schritt 8. Prüfen Sie, ob Ihre Seite mobilfreundlich ist

Heutzutage surft fast jeder mit mobilen Geräten im Internet. Um diesen besonderen Website-Besuchern ein optimiertes Erlebnis zu bieten, brauchen Sie eine mobilfreundliche Einstiegsseite.

Aus diesem Grund hat SeedProd eine integrierte Option für die mobile Vorschau. Klicken Sie einfach auf das Symbol für die mobile Vorschau, um zu sehen, wie Ihre Splash-Seite auf mobilen Geräten aussieht.

Klicken Sie auf das Symbol für die mobile Vorschau

Wenn irgendetwas nicht richtig aussieht, können Sie schnell Anpassungen vornehmen, bis Sie eine Seite haben, die Besucher problemlos von ihren Handys, Tablets, Laptops oder Desktops aus durchsuchen können.

Vorschau Ihrer Splash-Seite auf dem Handy

Klicken Sie auf dasselbe Symbol, um wieder zur ursprünglichen Desktop-Ansicht zu wechseln.

Keine Sorge, Ihre Änderungen gehen nicht verloren. Alle Änderungen, die Sie in der mobilen Ansicht vornehmen, werden auch in der Desktop-Ansicht übernommen.

Denken Sie nur daran, auf die Schaltfläche Speichern zu klicken.

Schritt 9. Veröffentlichen Sie Ihre WordPress-Splash-Seite

Jetzt, wo Ihr Design genau so aussieht, wie Sie es sich wünschen, ist es an der Zeit, Ihre Splash-Seite auf Ihrer WordPress-Website zu veröffentlichen.

Klicken Sie dazu auf den Abwärtspfeil neben der Schaltfläche Speichern und wählen Sie Veröffentlichen.

Klicken Sie auf die Schaltfläche "Veröffentlichen

Daraufhin wird ein Popup-Fenster angezeigt, das Ihnen mitteilt, dass Ihre Seite jetzt live ist.

Ihre Seite wurde veröffentlicht. Sehen Sie eine Live-Vorschau

Klicken Sie auf die Schaltfläche Live-Seite anzeigen, um zu sehen, wie es aussieht.

WordPress Splash Page Vorschau und Beispiel erstellt mit SeedProd

Optimieren Sie Ihre Splash-Seite mit A/B-Tests

Der beste Weg, Ihre Splash Page zu verbessern, ist die Durchführung von A/B-Tests, um zu sehen, welche Version mehr Ergebnisse bringt.

Beim A/B-Test (oder Split-Test) werden zwei Versionen einer Seite verglichen: Version A (die Kontrollversion) und Version B (mit einer Änderung). Bei dieser Änderung kann es sich um eine andere Handlungsaufforderung, ein neues Farbschema, eine Optimierung des Layouts oder sogar eine vollständige Neugestaltung handeln.

Indem Sie Besucher auf beide Versionen schicken und die Konversionen verfolgen, wissen Sie genau, welches Design besser abschneidet. Diese Schritt-für-Schritt-Anleitung zeigt Ihnen , wie Sie A/B-Tests für Ihre Splash Page einrichten.

FAQs über WordPress-Splash-Seiten

Was ist eine Splash Page im Vergleich zu einer Landing Page?
Eine Splash Page ist ein kurzer Einführungsbildschirm, der vor Ihrer Homepage angezeigt wird, während eine Landing Page für ein bestimmtes Ziel erstellt wird, z. B. für die Gewinnung von Leads oder die Verkaufsförderung. Splash-Seiten geben den Ton an oder vermitteln Kurzinformationen. Landing Pages sind auf Konversionen ausgerichtet.
Sind Splash Pages gut für SEO?
Splash-Seiten können hilfreich sein, wenn sie schnell laden und den Zugang zu Ihrer Hauptseite nicht blockieren. Langsame oder aufdringliche Splash-Seiten können der Suchmaschinenoptimierung schaden, daher sollten sie immer leicht, mobilfreundlich und überspringbar sein.
Muss ich eine separate Startseite für mobile Nutzer erstellen?
Nein, aber Ihre Einstiegsseite muss responsiv sein. Ein einheitliches, mobilfreundliches Design sorgt für ein gutes Erlebnis auf allen Geräten.
Kann ich ein Video oder eine Animation auf meiner Splash-Seite verwenden?
Ja, solange sie für Geschwindigkeit optimiert ist. Halten Sie die Dateigrößen klein, vermeiden Sie die automatische Wiedergabe mit Ton und prüfen Sie, ob sie sowohl auf dem Desktop als auch auf dem Handy funktioniert.
Kann eine Splash Page als Homepage verwendet werden?
Ja, manche Websites verwenden eine Splash-Seite als Startseite. Denken Sie nur daran: Wenn Sie sich für diesen Weg entscheiden, halten Sie die Navigation einfach, damit die Besucher den Rest Ihres Inhalts schnell erreichen können.

Jetzt wissen Sie, was eine WordPress-Splash-Seite ist, warum sie wichtig ist und wie man sie erstellt. Mit einem Tool wie SeedProd können Sie eine professionelle Splash-Seite in wenigen Minuten ohne Programmierung erstellen. Eine gut gestaltete Startseite hilft Ihnen, einen starken ersten Eindruck zu hinterlassen, Besucher dorthin zu leiten, wo Sie sie haben möchten, und sogar neue Kunden zu gewinnen.

Sind Sie bereit, Ihr eigenes zu erstellen?

Diese Leitfäden könnten Ihnen bei der Erstellung Ihrer Splash Page ebenfalls hilfreich sein:

Vielen Dank fürs Lesen! Wir würden uns freuen, Ihre Meinung zu hören. Bitte beteiligen Sie sich an der Konversation auf YouTube, X und Facebook, um weitere hilfreiche Ratschläge und Inhalte für das Wachstum Ihres Unternehmens zu erhalten.

Autorenavatar
Stacey Corrin Autorin
Stacey schreibt seit über 10 Jahren über WordPress und digitales Marketing und noch viel länger über andere Themen. Darüber hinaus ist sie fasziniert von Webdesign, Benutzererfahrung und SEO.

Offenlegung: Unser Inhalt wird von den Lesern unterstützt. Das heißt, wenn Sie auf einige unserer Links klicken, erhalten wir möglicherweise eine Provision. Wir empfehlen nur Produkte, von denen wir glauben, dass sie einen Mehrwert für unsere Leser darstellen.