Landingpages
Startseite und Kampagnenseiten aus Abschnitten bauen, Entwürfe ansehen, veröffentlichen, Abschnitte wiederverwenden, Überschriften testen und sehen, was Besucher tun.
Eine Landingpage setzen Sie aus Abschnitten zusammen – einem Hero, Funktionen, Preisen, einem Formular, einer Karte und mehr –, statt sie als einen langen Text zu schreiben. Ihre Startseite kann eine sein, und ebenso beliebig viele weitere Seiten für eine Kampagne, einen Kursstart oder ein Event, jede unter eigener Adresse. Landingpages gehören zu den höheren Tarifen; Sie finden sie im Dashboard unter Landingpage.
Ihre erste Landingpage
- 1Öffnen Sie Landingpage. Drücken Sie Vorlagen, um mit einer fertigen Seite in der Sprache Ihrer Website zu beginnen, Mit KI schreiben, um aus ein paar Zeilen über Ihr Angebot einen Entwurf schreiben zu lassen (wenn Ihr Tarif das enthält), oder Abschnitt hinzufügen, um selbst zu bauen.
- 2Füllen Sie jeden Abschnitt aus. Ziehen Sie einen Abschnitt am Griff, um ihn zu verschieben, oder nutzen Sie die Pfeile; der Kopieren-Button verdoppelt ihn.
- 3Mit Vorschau zeigen sehen Sie die Seite in Ihrer echten Website, so wie sie veröffentlicht aussehen wird – in Desktop- oder Smartphone-Breite.
- 4Drücken Sie Veröffentlichen. Schalten Sie dann Als Startseite anzeigen ein, damit Besucher sie statt Ihrer neuesten Beiträge sehen.
Entwürfe, Veröffentlichen und Verlauf
Jede Änderung wird kurz nach dem Tippen als Entwurf gespeichert – oben steht dann Entwurf gespeichert · nicht veröffentlicht. Besucher sehen weiter die veröffentlichte Seite, bis Sie Veröffentlichen drücken. Entwurf verwerfen kehrt zu dem zurück, was live ist.
Verlauf listet die letzten 20 veröffentlichten Versionen mit Person und Zeitpunkt. Wiederherstellen holt eine davon als Entwurf zurück, sodass Sie sie ansehen können, bevor Sie sie erneut veröffentlichen.
Die Abschnitte
| Abschnitt | Wofür er da ist |
|---|---|
| Hero | Die Überschrift ganz oben mit Untertitel, Bild und bis zu zwei Buttons – und auf Wunsch einem A/B-Test. |
| Funktionen, Schritte, Zahlen | Was Sie anbieten, wie es funktioniert, und Kennzahlen wie Jahre oder Teilnehmende. Funktionen können je ein Symbol tragen. |
| Formatierter Text, Spalten, Bild und Text | Formatierter Text für sich, in zwei oder drei Spalten oder neben einem Bild. |
| Galerie, Bilder-Slider, Video | Bilder im Raster oder einzeln, und ein Video von YouTube, Vimeo und anderen Diensten. |
| Kundenstimmen, Team, Logos | Zitate (im Raster oder als seitlich scrollendes Karussell), die Menschen hinter der Website und die Namen, mit denen Sie arbeiten. |
| Preise, Handlungsaufruf, Countdown | Ihre Preise – auf Wunsch mit Umschalter monatlich / jährlich –, ein abschließender Button und ein Countdown bis zu einem Datum. |
| FAQ, Formular, Karte | Fragen und Antworten (Suchmaschinen erfahren davon), eines Ihrer Formulare und eine Karte mit Adresse und Öffnungszeiten. |
| Kommende Veranstaltungen, Produkte, Fotoalbum und mehr | Aktuelle Inhalte aus dem Rest Ihrer Website, bei jedem Aufruf frisch gelesen. |
| Abstand | Freiraum zwischen zwei Abschnitten, optional mit einer Linie. |
Wie ein Abschnitt aussieht
Unter den Feldern jedes Abschnitts legen Sie sein Aussehen fest, ohne das Theme anzufassen:
- Hintergrund: schattiert, Ihre Akzentfarbe, dunkel, ein Akzentverlauf, eine eigene Farbe, ein Hintergrundbild (mit dunklerem oder hellerem Schleier, damit der Text lesbar bleibt) oder ein stummes Hintergrundvideo.
- Abstand: keiner, kompakt, normal oder großzügig.
- Breite: die Inhaltsspalte, breit oder das ganze Fenster.
- Anzeigen auf: allen Bildschirmen, oder den Abschnitt auf Smartphones bzw. größeren Bildschirmen ausblenden.
- Bewegung beim Scrollen: sanftes Einblenden, Aufsteigen oder Heranzoomen, wenn der Abschnitt ins Bild kommt. Wer auf seinem Gerät weniger Bewegung eingestellt hat, sieht das nie.
Weitere Landingpages
- 1Öffnen Sie Landingpage → Weitere Landingpages und drücken Sie Neue Landingpage. Geben Sie einen Namen und eine Adresse an – aus
sommer-aktionwird die Seite/sommer-aktion. - 2Bauen Sie sie wie die Startseite. Über den Abschnitten enthalten die Seiteneinstellungen Name und Adresse, Suche und Teilen (Titel und Beschreibung in Suchergebnissen, ein Vorschaubild und Vor Suchmaschinen verbergen) sowie Wann sie zu sehen ist.
- 3Veröffentlichen Sie sie und schalten Sie dann Diese Seite auf der Website zeigen ein.
Adressen, die die Website selbst nutzt, etwa /shop oder /blog, sind nicht verfügbar. Hat eine normale Seite dieselbe Adresse, wird die normale Seite gezeigt, und die Liste markiert die Landingpage als verdeckt.
Abschnitte wiederverwenden: die Bibliothek
Drücken Sie das Lesezeichen an einem Abschnitt, um ihn In die Bibliothek zu legen. Öffnen Sie dann auf einer beliebigen Seite Bibliothek und wählen Sie Als Kopie einfügen – eine Kopie, die dieser Seite gehört – oder Verknüpft einfügen: Der Abschnitt erscheint genau so wie in der Bibliothek; ändern Sie ihn einmal unter Landingpage → Bibliothek, ändern sich alle Seiten, die ihn nutzen, sofort. Lösen und hier bearbeiten macht aus einem verknüpften Abschnitt eine Kopie.
Im selben Dialog bewahrt Diese Seite als Vorlage speichern die ganze Seite auf, um andere Seiten damit zu beginnen.
Mit KI schreiben
Mit KI schreiben fragt nach ein paar Zeilen über das Unternehmen oder das Angebot und für wen es ist, und schreibt die Abschnitte in der Sprache der Seite in Ihren Entwurf – nach den vorhandenen Abschnitten oder an ihrer Stelle. Preise, Zitate oder Zahlen erfindet er nie: Wo ein Abschnitt eine braucht, finden Sie einen Platzhalter wie [Preis] zum Ausfüllen. Öffentlich wird nichts, bis Sie veröffentlichen, und Rückgängig holt die Seite zurück, wie sie war.
Sehen, was funktioniert
Mit Statistiken in Ihrem Tarif zeigt jeder Abschnitt im Editor seine letzten 30 Tage: wie oft er gesehen wurde, wie oft ein Link oder Button darin geklickt wurde, und die Quote. Über die Besucher wird nichts gespeichert – nur die Zahlen.
Um eine Überschrift zu testen, öffnen Sie den Hero, schalten Diese Überschrift A/B-testen ein und schreiben Version B. Je die Hälfte Ihrer Besucher sieht eine Version, und jede Person sieht den ganzen Tag dieselbe – ohne Cookie. Bekommt eine deutlich mehr Klicks, drücken Sie Version B übernehmen (oder schalten den Test aus, um A zu behalten).
Mehrere Sprachen
Ist Ihre Website in mehr als einer Sprache, hat die Startseite für jede einen Reiter mit eigenen Abschnitten, eigenem Entwurf und eigenem Schalter. Kopieren aus… füllt den aktuellen Reiter mit den Abschnitten einer anderen Sprache, bereit zum Übersetzen.
Eigenes CSS
Für die letzten Details, die die Abschnittseinstellungen nicht abdecken, wendet Eigenes CSS Ihr eigenes CSS auf eine Seite an: unter den Abschnitten der Startseite und in den Einstellungen einer weiteren Seite. Jeder Abschnitt steckt in einem Element mit data-section-id. Aus Sicherheitsgründen werden @import, HTML und Bilder von anderen als https-Adressen abgelehnt.
Brauchen Sie noch Hilfe?
Wenn die Artikel Ihre Frage nicht beantworten, eröffnen Sie ein Ticket, und das VPress-Team meldet sich bei Ihnen.