Dieser Artikel enthält folgende Themen (mit einem Klick darauf springst du an die entsprechende Stelle):

• Einführung
  • Vollbildmodus
  • Footer
  • Landingpage aktivieren / Änderungen veröffentlichen
• Gestaltung
  • Vorlagen
  • Die verschiedenen Seiten
  • Seitentitel und -URL
  • Favicon 
  • Eigene Domain
    • Einfache Subdomain (ab Basic-Account möglich)
    • Eigene Subdomain (ab Business)
    • Volle Domain (ab Business)
  • Anzeige / Navigation
• Inhalt
  • Bilder
  • Buttons 
  • Sprungmarken (Ankerlinks) erstellen
  • Soziale Netzwerke hinzufügen
  • Links hinzufügen
  • Eigenes HTML
  • Video
  • Hintergrundfarbe von Inhalten ändern
  • Rahmen um Inhalte setzen
  • Unterschiedliche Designs für Desktop und Mobile
• Zeilen
• Statische Seiten
• Seiteneinstellungen
• Auto-Save 
• Landingpage löschen

 

Einführung

Erstelle deine Landingpages ganz einfach via Drag & Drop - so, wie du es schon von dem Drag & Drop E-Mail-Editor kennst. 

Das Tolle ist: Wenn du den Landingpage-Builder nutzt, brauchst du kein Quentn-Formular mehr! Du kannst alle Einstellungen hier vornehmen.

Auch hier gibt es einige allgemeine Hinweise, die deine Arbeit mit dem Landingpage-Builder vereinfachen werden.

Bester Workflow im Fullscreen

Am besten arbeitet es sich, wenn du den Vollbild-Modus aktivierst. So wird dir wirklich alles dargestellt und du hast den besten Überblick. Um den Vollbild-Modus zu aktivieren, klicke bitte auf auf den blauen (bei einer Vorlage) bzw. grünen Button (im Landingpage-Element), links über dem Template, “Vollbild”.

Der Footer

Der Footer kann weder gelöscht noch editiert werden. Er enthält einen Link zum Impressum und, falls vorhanden, einen Link zur Datenschutzerklärung. Beides kannst du selbst anlegen (siehe Punkt “Datenschutzerklärung anlegen” bzw. “Impressum anlegen”).

Solltest du kein eigenes Impressum anlegen, wird automatisch eines aus den von deinen im System hinterlegten Informationen erstellt.

Das Impressum ist nach § 5 TMG verpflichtend für gewerbliche Internet-Seiten und gewerbliche E-Mails.

Designänderung des Footers

Sollte dir das Design dieses Blocks nicht gefallen, weil es nicht (mehr) zum Rest der Landingpage passt, kontaktiere uns bitte (support@quentn.com) und wir werden dir den Bereich anpassen.

 

Landingpage aktivieren / Änderungen veröffentlichen

Deine Landingpage wird aktiviert, sobald du die Kampagne, in der du die Page erstellt hast, veröffentlichst.

Änderungen an der Landingpage werden ebenfalls erst nach der (erneuten) Veröffentlichung der Kampagne übernommen. Bis diese sichtbar sind, kann es bis zu 5 Minuten dauern.

 

Gestaltung

Vorlagen

Kostenfreie Vorlagen laden

Quentn stellt dir 30 Templates gratis zur Verfügung, die du alle nach deinen Wünschen bearbeiten kannst. Wähle also das Template nicht nach dem Inhalt aus, sondern nach der Gestaltung und Anordnung von Texten und Bildern. Wirklich alles kann jederzeit ausgetauscht und angepasst werden.

• Klicke auf den Menüpunkt Kampagnen und Vorlagen.
• Zuerst werden dir deine gespeicherten Templates angezeigt. Um dir vorgefertigte Vorlagen auszusuchen, klicke auf den Reiter Quentn-Vorlagen.
• Suche dir ein Template aus. Du kannst Suchbegriffe eingeben, um eine Vorauswahl zu erhalten. Suchst du z. B. nach “Webinar”, werden dir Vorlagen für die Bewerbung eines Webinars angezeigt.
• Um die gewünschte Vorlage zu nutzen, gehe mit der Maus über die Vorlage. Es erscheint ein grüner Button “Neue erstellen”, den du bitte klickst.

Neue Vorlage erstellen

Natürlich kannst du auch deine eigene Vorlage von Grund auf selbst erstellen. 

• Klicke auf den Menüpunkt Kampagnen und Vorlagen. Du landest direkt bei “Meine Vorlagen”. 
• Klicke auf “Neue Vorlage erstellen”.

Alternativ:

• Erstelle in der Kampagne deine Landingpage.
• Klicke im Editor auf den orangen Button “Als Vorlage speichern”.

Allgemeine Orientierung

Die verschiedenen Seiten

Sobald du eine Vorlage bzw. das Ereigniselement “Landingpage” öffnest, siehst du drei Reiter: Landingpage, Dankeschönseite sowie Danke-Seite (bereits bestätigte). Die letzten zwei sind relevant für alle Kontakte, die sich in dein Formular auf der Landingpage eintragen.

Die Landingpage sollte mindestens ein Formular enthalten, in dass sich die Besucher eintragen.

Die Bestätigungsseite erscheint, sobald der bis dato unbekannte Besucher sich im Formular eingetragen hat.

Die Bestätigungsseite (bereits bestätigte) wird für Kontakte angezeigt, die in der Vergangenheit bereits den Double Opt-in bei dir vollzogen haben.

Seitentitel und -URL

Vergib einen Seitentitel. Dieser sollte kurz und knapp sein, denn er wird den Besuchern im Browser-Tab angezeigt.

Aus diesem Titel wird auch der hintere Teil der Seiten-URL generiert. Diese kannst du jedoch mit einem Klick auf das Stift-Symbol bearbeiten. Bitte beachte, dass du hier nur kleine Buchstaben und keine Sonderzeichen verwenden darfst.

Favicon 

Gehe in der Landingpage auf den Reiter "Allgemein". Ganz unten ist ein großer blauer Button "Favicon hinzufügen".
 

Eigene Domain

Einfache Subdomain (ab Basic-Account möglich)

• Beispiel: https://mein-wunschname.eu-3.quentn.com

Um eine einfache Subdomain einzurichten, gehe bitte in Quentn auf "Einstellungen" und "Profil". Hier kannst du unter den Systemeinstellungen die gewünschte Subdomain eintragen. Bitte beachte, dass die Endung "eu-X.quentn.com" bestehen bleibt.

Du kannst maximal 3 Subdomains anlegen. Hier gibt es folgendes zu beachten:

• Nur die zuletzt eingegebene Subdomain ist aktiv. Wird sie angelegt, werden alle Landingpages in deinem System diese Subdomain führen.
• Legst du eine weitere Subdomain an, werden alle Links der Landingpages auf die neue Subdomain überschrieben! Die alten Links funktionieren aber noch - sofern du die vorgehaltene Domain nicht löschst.

Beispiel: Du legst die Subdomain "hallo1" an. Alle Landingpages bekommen die URL https://hallo1.eu-X.quentn.com

Nun legst du die Subdomain "hallo 2" an.

Alle Landingpages in deinem System haben nun die URL https://hallo2.eu-X.quentn.com, der vorherige Link funktioniert aber noch.

Du kannst beim Anlegen einer Landingpage nicht die Subdomain auswählen.

 

Eigene Subdomain (ab Business)

Beispiel: lp.meine-domain.de

Um eine eigene Subdomain zu beantragen, benötigen wir den Zugang zum DNS. Alternativ musst du selbst zwei Einträge manuell setzen.

Bei der Beantragung einer Subdomain kann die Hauptdomain weiter ohne Probleme genutzt werden. 

• Wir benötigen die Information, welche Subdomain du gerne hättest (z. B. lp.meine-seite.de)
• Wir erstellen ein Zertifikat für diese Domain in unserer Cloud. Dabei wird eine Art "Code" generiert.
• Dieser "Code" muss dann von dir als CNAME DNS Eintrag für deine Domain gesetzt werden. Das ist quasi der "Nachweis", dass wir berechtigt sind, deine Subdomain in unserer Cloud zu verwenden.
• Sobald dieser Eintrag korrekt gesetzt wurde, können wir eine neue Cloud-Instanz anlegen und diese mit deinem Quentn-System verknüpfen.
• Zum Schluss musst du einen weiteren CNAME Eintrag setzen, der als Weiterleitung von deiner Subdomain auf die Cloud-Instanz dient.

Volle Domain (ab Business)

• Beispiel: meine-domain.de

Bei der Übertragung auf eine volle Domain, beachte bitte, dass wir den Zugang zum DNS benötigen und dass der Nameserver umgestellt werden muss. Das bedeutet, dass alles über Quentn läuft und die Domain nicht weiter für E-Mails etc. verwendet werden kann. 

 

Anzeige und Navigation // Bearbeitungstools

Am oberen Rand der Vorlage siehst du drei Buttons:

• Mit “Vollbild” wechselst du in den Vollbildmodus (empfohlen).
• Mit “Struktur anzeigen” siehst du die Umrandungen der einzelnen Blöcke, Zeilen und Spalten.
• Unter “Vorschau” siehst du, wie deine Landingpage am PC und auch mobil aussieht. 
• DU kommst wieder in die normale Ansicht, sobald du erneut auf den jeweiligen Button klickst.
• Um einen deiner Gestaltungsschritte rückgängig  zu machen, findest du unten links drei Symbole: Ein runder Pfeil mit einer Uhr, ein Pfeil nach links und ein Pfeil nach rechts. 
  • Mit einem Klick auf das Uhren-Symbol werden dir die letzten Arbeitsschritte angezeigt. So kannst du an einen bestimmten Punkt in der Bearbeitung zurückkehren. Das Layout wird dann genau so wiederhergestellt, wie es zum gewählten Zeitpunkt aussah. 
  • Der Pfeil nach links macht die letzte Aktion rückgängig. 
  • Der Pfeil nach rechts bringt dich wieder einen Schritt vorwärts.

Gestaltung: Inhalt

Rechts neben dem Template findest du die “Toolbar”. Unter dem Menüpunkt siehst du die einzelnen Bausteine, die du deiner Seite hinzufügen kannst. Wähle den gewünschten Typ aus (Titel, Text, Bild, Button, Trenner, Social Media Button, HTML, Video, Formular, Icons, Menü, Stickers oder Gifs über den Anbieter Giphy) und ziehe ihn mit gedrückter linker Maustaste an die gewünschte Stelle in deiner Landingpage. Die Position kann anschließend noch beliebig verändert werden. 

Klicke in deiner Landingpage auf den Block, den du bearbeiten möchtest. Auf der rechten Seite siehst du dann erweiterte Eigenschaften und Optionen. So kannst du Text- und Linkfarben anpassen, Zeilenabstände bestimmen, die Ränder definieren und bei allen anderen Bausteinen ebenfalls weitere Bearbeitungen vornehmen. 

Bilder

Bilder hochladen

Um eigene Bilder einzubauen, wähle rechts den Typ "Bild" und ziehe das Element an die gewünschte Stelle. Klicke anschließend auf "Durchsuchen". 

Du landest nun im Dateimanager. Hier kannst du das gewünschte Bild hochladen und anschließend in deine Landingpage einfügen.

Achtung: Die maximale Größe für Bilder beträgt 8MB.

Aus 500.000 lizenzfreien Bildern wählen

Dir steht außerdem eine Datenbank mit über 500.000 lizenzfreien Bildern zur Verfügung, die du nutzen kannst. 

• Klicke im Dateimanager auf "Suche nach lizenzfreien Fotos". 
• Gib einen Suchbegriff ein, um ein passendes Bild auszuwählen.
•  Klicke auf "Import", um das gewünschte Bild in den Dateimanager zu laden und anschließend auf "Einfügen", um das Bild in die Landingpage einzufügen.

Buttons 

Ziehe das Element des Typs “Button” an die gewünschte Stelle. Klicke anschließend darauf und rechts öffnen sich die Inhaltseigenschaften. Du kannst nun eine URL hinterlegen und den Button in Hintergrund- und Textfarbe anpassen.

Um die Beschriftung des Buttons zu ändern, klicke einfach auf den Button selbst und schreibe den gewünschten Text.

Sprungmarken (Ankerlinks) erstellen

Besucher der Landingpage können mit einem Klick auf einen Button auch zu einer bestimmten Stelle auf deiner Seite "springen", sofern du Sprungmarken (auch Ankerlinks genannt) nutzt. Gehe wie folgt vor:

• Klicke in den Bereich, zu dem gesprungen werden soll und aktiviere rechts "Block identifier".
  
• Füge auf deiner Webseite Buttons ein, die zu dem eben markierten Bereich katapultieren sollen.
• Klicke auf den Button und gib als Link-Typ "Interner Link" ein.
• Wähle das Modul, zu dem gesprungen werden soll.

Soziale Netzwerke hinzufügen

Ziehe das Element des Typs "Sozial" an die gewünschte Stelle in deiner Landingpage..

Anschließend klicke auf den Inhalt der Zeile. Rechts hast du dann die Option, weitere soziale Dienste hinzuzufügen und die voreingestellten zu entfernen. Außerdem kannst du bei jedem Dienst die entsprechende URL zu deiner Seite hinterlegen.

Links hinzufügen

Um Links einzufügen, markiere bitte den zu verlinkenden Text. Anschließend klicke in der Toolbar auf das Kettensymbol. Es öffnet sich nun ein Fenster “Link einfügen”. Bestimme den Link-Typ und gib die URL ein. Klicke auf “OK”.

Eigenes HTML

Um eigenes HTML zu nutzen, ziehe den Block “HTML” an die gewünschte Stelle auf deiner Landingpage. Klicke anschließend auf den Inhalt und gib rechts den HTML-Code ein.

Video

Natürlich kannst du auch Videos auf deiner Landingpage einbinden. 

Ziehe dafür den Block “Video” an die gewünschte Stelle der Landingpage und klicke auf den grauen Button “Video URL hinzufügen”.

Auf der rechten Seite hast du nun unter “Video URL” drei Optionen:

• Miniaturbild: Es wird nur ein Bild des Videos gezeigt und mit einer URL zum Video verlinkt.
• Eingebettet: Gib den Link zum Video auf der entsprechenden Plattform ein (NICHT den Einbettungslink, sondern den ganz normalen Link) und das Video wird auf deiner Landingpage eingebettet, sodass es abgespielt werden kann.
• Eigenes Video: Gib den Link zu deinem eigenen Video ein. Der Link MUSS direkt auf das mp4-File leiten! Videos in Clouds wie Drive, Dropbox & Co. können leider nicht eingebunden werden. 

Besonderheiten bei Vimeo

Bei der Einbettung von Videos von Vimeo gibt es zweierlei Besonderheiten:

1. "Eigenschaften" aktivieren

Es muss rechts im Editor "Eigenschaften" aktiviert werden. Andernfalls wird nur das Vorschaubild angezeigt und nicht das Video abgespielt.

2. Einbettung spezifizieren (nur relevant, wenn du die Einbettung nur auf bestimmten Domänen erlaubst)

Wenn du die Einbettung nur auf "Bestimmte Domänen" erlaubst, musst du zwei (!) Domains angeben:

• Die Domain deiner Quentn-Landingpage (du findest sie in der Seiten-URL)
• Die Domain "app.getbee.io"

Nur dann kann dein Video auch im Editor angezeigt werden.

Solltest du die Einbettung aber überall erlauben, ist hier keine weitere Handlung deinerseits nötig.

Formulare

Das wichtigste in der Landingpage ist das Formular - schließlich möchtest du ja neue Leads einsammeln.

Wenn du nur die Standard-Felder abfragen möchtest, nutze das Landingpage-Formular.

Solltest du weitere Felder abfragen wollen, nutze das Quentn-Formular und binde dieses auf der Landingpage ein.

Eine detaillierte Anleitung findest du im Artikel Formulare in Landingpages.

 

Hintergrundfarbe von Inhalten ändern

Um den Hintergrund des Inhalts farblich anzupassen, markiere bitte zuerst die ganze Zeile. 
Wähle bei "Hintergrundfarbe des Inhalts" eben die aus.

Rahmen um Inhalte setzen

Im Abschnitt "Grenzen" kannst du einen Rahmen um deine Inhalte einstellen.
Wähle aus, ob der Rahmen gestrichelt, gepunktet oder durchgezogen sein soll, welche Stärke er hat und welche Farbe.

Unterschiedliche Designs für Desktop und Mobile

Du hast die Option, deine Landingpages auf Desktop und Mobilgeräten unterschiedlich darzustellen. So kannts du z. B. Bilder für die Mobilversion ausblenden, damit der Leser auf dem Telefon schneller die Inhalte erfassen kann (nur als Beispiel).

Klicke dafür auf den Inhaltsblock, den du für Desktop oder mobil verbergen möchtest. Auf der rechten Seite, in unserer “Werkbank”, klicke bei dem Menüpunkt "nicht sichtbar auf" das entsprechende Icon entweder für Desktop oder Mobil. 

Gestaltung: Zeile

Unter diesem Menüpunkt findest du eine Vielzahl verschiedener Zeilenlayouts, die du in deine Landingpage ziehen kannst. 

Wenn du links in deinem Layout auf einen Bereich außerhalb des Inhalts klickst, wählst du eine Zeile aus. Diese kannst du beliebig im Inhalt verschieben, indem du mit der Maus auf das Kreuz auf der linken Seite klickst, die Maustaste gedrückt hältst und das Element dann verschiebst.

Ist eine Zeile angewählt, erscheint auf der rechten Seite unter dem Menüpunkt “Zeile” ein Bereich, in dem du die Zeilen- und Spalteneigenschaften vornehmen kannst. So kannst du die Hintergrundfarbe der Zeile und des Inhalts separat definieren, Hintergrundbilder für die Zeile bestimmen, einzelne Spalten definieren und einiges mehr.

Ebenso kannst du eine Zeile speichern, löschen oder kopieren, indem du am rechten Rand entweder auf die Diskette, den Papierkorb oder das Kopier-Symbol klickst.

Um einst gespeicherte Zeilen wieder aufzurufen, klicke auf “Zeile” und wählen im Fenster nicht “leer”, sondern “benutzerdefinierte Zeilen” auf. Hier findest du alle gespeicherten Zeilen, die du nun via Drag & Drop einfügen kannst.

Eine Übersicht aller gespeicherten Zeilen findest du unter “Kampagnen” → “Vorlagen” und dann unter dem Reiter “Meine Zeilen”.

 

Statische Seiten

Impressum anlegen

Um ein Impressum anzulegen, das zum Design deiner Landingpage passt, gehe wie folgt vor:

• Klicke auf den Menü-Punkt Kampagnen und Statische Seiten.
• Klicke nun auf den grünen Button “Neues Impressum hinzufügen”.
• Erstelle nun im gewünschten Design eine Landingpage, die dein Impressum enthält.
• Unter dem Editor hast du nun die Möglichkeit, diese Seite auch gleich als Standardseite für dein Impressum auszuwählen, indem du den Haken setzt.

Datenschutzerklärung anlegen

Um eine Datenschutzerklärung anzulegen, gehe wie folgt vor:

• Klicke auf den Menü-Punkt Kampagnen und Statische Seiten.
• Klicke nun auf den grünen Button “Neue Datenschutzerklärung hinzufügen”.
• Erstelle nun im gewünschten Design eine Landingpage, die ausschließlich deine Datenschutzerklärung enthält.
• Unter dem Editor hast du nun die Möglichkeit, diese Seite auch gleich als Standardseite für deine Datenschutzerklärung auszuwählen, indem du den Haken setzt.

Seiteneinstellungen

Bei allen Seiten kannst du zusätzliche Informationen in den Header, Body und Footer eingeben. So kannst du deinen Facebook-Pixel oder Google-Pixel (u.s.w.) hier eingeben, um über genannte Anbieter die Seitenbesucher zu tracken.

Klicke dafür unten auf “Seiteneinstellungen” und gib an der gewünschten Stelle die Informationen ein.

Beim Header werden die Informationen, wie man sich denken kann, in den Header gepackt.

Im Body kommen die Informationen als erstes nach dem öffnenden Body-Tag.

Im Footer kommen die Informationen als letztes vor dem schließenden Body-Tag.

Hinweis: Beachte bitte, dass die Scripts nicht validiert werden. Sollten diese Fehler enthalten, kann das dazu führen, dass die Seite nicht ordnungsgemäß angezeigt wird.

Cookie-Banner

Quentn bietet keine eigenen Cookie-Banner an, da keine Cookies gesetzt werden. Selbstverständlich kannst du Drittanbieter nutzen und die Skripte in den Seiteneinstellungen einfügen.

Auto-Save 

Falls du versehentlich den Landingpage-Editor verlässt, ohne zuvor gespeichert zu haben, ist deine Arbeit zum Glück nicht verloren, denn alle 30 Sekunden werden deine Änderungen gespeichert.

• Öffne erneut deine Landingpage.
• Klicke auf "Vorlage laden" und auf den Reiter "Entwürfe".

Hier findest du die Entwürfe deiner Landingpage. Klicke auf "Laden", um den Entwurf in den Editor zu laden und schon sind alle Änderungen wieder da.

Folgendes gibt es hier zu beachten:

• Die Entwürfe werden nach 30 Tagen gelöscht.
• Sobald du speicherst, sind die Entwürfe ebenfalls gelöscht.
• Dir werden ausschließlich die Entwürfe dieses Landingpage-Elements angezeigt.

 

Landingpage löschen

Falls du eine oder mehrere Landingpages löschen möchtest, gehe in die entsprechende Kampagne, in der sich die Landingpage befindet. Klicke sie einmal an, sodass sie markiert ist. Drücke nun auf das rote Kreuz, um das Element - und damit auch die Landingpage - zu löschen.