Allgemeine Informationen
Das programmierte Leadpage PowerSet Template ist ein responsives Template, das sich automatisch der Größe des Bildschirms (Desktop/Tablet/Smartphone) anpasst. Das Leadpage PowerSet trägt den von Ihnen gewünschten Namen oder „LeadPage Template PowerSet“. Es steht bei Neuanlage einer Leadpage zur Auswahl bereit.
Erstellung und Bearbeitung einer LeadPage
Zur Erstellung einer neuen Leadpage klicken Sie im jeweiligen Ordner auf den „Neu“-Button und wählen das gewünschte Leadpage-Template aus. In dieser Eingabemaske können Sie auch den internen Leadpage-Namen eintragen (nachträglich editierbar). Wählen Sie das gewünschte Leadpage-Template aus und klicken Sie dann auf „Speichern“.
Die Leadpage öffnet sich im Visuellen Editor (Reiter „Inhalte“/Tab „Visuell“) und enthält Dummy-Inhalte sowie Dummy-Artikel. Die Dummy-Inhalte und -Artikel dienen nur der Voransicht und müssen zunächst gelöscht werden. Die Inhalte der Leadpage können dann wie folgt bearbeitet werden.
Hinweis:
Die aufgelisteten Module entsprechen einem Standard Leadpage PowerSet. Je nach Ihrem individuellen Design, werden weitere oder nicht alle der folgenden Module zur Bearbeitung angezeigt. Pro Leadpage können außerdem ganze Module (z.B. das Headerbild-Modul) entfernt werden (siehe Weitere Einstellungen (für Fortgeschrittene)).
Alle Anpassungen bitte durch regelmäßiges Speichern des Editors (unten rechts) sichern.
Logo
Zum Ändern des Logos hovern Sie über das Logo bis es ausgraut. Mit einem Klick öffnet sich das Auswahlmenü und Sie können das gewünschte Bild aus Ihrem Logo-Ordner wählen.
Mit Klick auf den Stift auf der rechten Seite öffnen sich weitere Einstellungsmöglichkeiten. Hier können Sie einen Alternativ-Text sowie einen Link für das Logo festlegen. Je nach Design-Konfiguration befindet sich auf der rechten Seite Platz für einen weiteres Logo oder einen Claim-Text.
Damit die Logobilder im Auswahlmenü (Logopicker) zur Verfügung stehen, müssen diese zuvor im Ordner Vorlagen > Leadpage PowerSet > Dummy-Content > Logos gespeichert werden. Je nach Mandanten-Konfiguration kann sich der Ordner auch an anderer Stelle befinden.
Navigationsleiste
Die Navigationsleiste ist ein optionales Modul. Wenn vorhanden, wurde es initial anhand Ihrer Vorgaben umgesetzt und im Template hinterlegt. Sie kann daher vom Redakteur nicht bearbeitet werden. Für Änderungen wenden Sie sich bitte an SC-Networks.
Headerbild
Zum Ändern des Headerbildes hovern Sie über das Headerbild bis es ausgraut. Mit einem Klick öffnet sich das Auswahlmenü und Sie können das gewünschte Bild wählen.
Mit Klick auf den Stift auf der rechten Seite öffnen sich weitere Einstellungsmöglichkeiten. Hier können Sie einen Alternativ-Text sowie einen Link für das Headerbild festlegen.
Alternativ dazu gibt es eine Header-Modul-Variante, in der Sie in die Grafik eine zusätzliche Head- und Subheadline setzen können. Befüllen Sie hierzu die Felder „Banner Text Headline“ und „Banner Text Subline“.
Damit die Headerbilder im Auswahlmenü (Headerpicker) zur Verfügung stehen, müssen diese zuvor im Ordner Vorlagen > Leadpage PowerSet > Dummy-Content > Headers gespeichert werden. Je nach Mandanten-Konfiguration kann sich der Ordner auch an einer anderen Stelle Ihres Mandanten befinden.
Leadpage Headline
Mit Klick auf den Stift kann eine Überschrift für die Leadpage eingepflegt werden.
Editorial und Signatur
Hier können Sie ein Editorial und bei Bedarf eine Signatur für die Leadpage konfigurieren.
Zum Ändern des Signaturbilds hovern Sie über das Bild der Unterschrift. Mit einem Klick öffnet sich das Auswahlmenü und Sie können das gewünschte Bild auswählen.
Damit Bilder von Signaturen im Auswahlmenü zur Verfügung stehen, müssen diese zuvor im Ordner Vorlagen > Leadpage PowerSet > Dummy-Content > Signatures gespeichert werden. Je nach Mandanten-Konfiguration kann sich der Ordner auch an anderer Stelle befinden.
Mit Klick auf den Stift können die Textinhalte konfiguriert werden. Mittels Checkboxen können Anrede und Unterschriftengrafik ein- und ausgeblendet werden. Wenn Sie auf die entsprechenden Textfelder klicken (Editorial, Alternativtext der Unterschrift) können diese befüllt werden.
Für das Editorial stehen außerdem einige Funktionen für die Formatierung zur Verfügung.
Hinweis:
Um die Übernahme von Fremd-Formatierungen zu vermeiden (z.B. Copy & Paste aus Word etc.), die zu Fehldarstellungen führen können, verwenden Sie bitte zum Einfügen von Texten immer eine der drei markierten Editor-Funktionalitäten zur Textübernahme.
Formulare
Im Leadpage PowerSet ist es möglich, Formulare als iFrames einzubinden. Hierfür gibt es zwei Module: Ein zweispaltiges Modul mit Texteingabe links neben dem Formular, und ein reines Formular-Modul. Das Prinzip der Formularintegration ist dasselbe. Die Formular-URL ist in das dafür vorgesehen Textfeld einzutragen.
Klicken Sie auf den Stift rechts oberhalb der Vorschau, um den Bearbeitungsbereich zu öffnen. Im zweispaltigen Modul haben Sie die Möglichkeit auf der linken Seite eine Headline und einen beschreibenden Text einzugeben. Auf der rechten Seite befindet sich das Feld für die Formular-URL. Im reinen Formular-Modul muss lediglich das URL-Feld befüllt werden.
Im visuellen Editor kann das Formular aus technischen Gründen nicht dargestellt werden. Wechseln Sie dazu in den Tab „Check“ > „Vorschau“ und klicken Sie dort rechts oben auf die beiden Pfeile, um die Leadpage in einem separaten Browserfenster zu öffnen.
So erhalten Sie die Leadpage mit dem Formular in der Browseransicht:
Artikel-Slots/Content-Bereiche
In den sogenannten „Slots“ werden die Artikel für die Leadpage eingebunden. Grundsätzlich stehen folgende Slots bereit (je nach Kundenwunsch variabel):
-
Einspaltige Slots:
In einspaltigen Slots können beliebig viele Artikel eingesetzt werden. Die Artikel werden im Visuellen Editor sowie auf der Leadpage übereinander angezeigt.
-
Zweispaltige Slots:
In zweispaltigen Slots muss immer eine gerade Anzahl von Artikeln eingefügt werden, damit immer zwei Artikel nebeneinander angeordnet werden können. Zur Bearbeitung im Visuellen Editor werden die beiden Artikel jedoch aufeinanderfolgend dargestellt. In der Vorschau können Sie die korrekte Anordnung der Artikel auf der Leadpage überprüfen.
Bei einer neu erstellten Leadpage enthalten die Slots Dummy-Artikel, die zunächst mit dem Minus-Zeichen oben rechts an den Artikeln rausgelöscht werden müssen. Leere Slots werden nicht angezeigt.
Mit Klick auf das „Plus“ (1) können Sie Artikel in den jeweiligen Slot einfügen. Dazu öffnet sich ein Overlay. Hier können Sie entweder einen bestehenden Artikel auswählen, oder mit Klick auf das „Plus“ (2) direkt einen neuen Artikel erstellen. Die Anlage eines neuen Artikels wird im Detail unter Erstellung und Bearbeitung der Artikel erläutert.
Artikel-Vorlagen/-Designs
Die Auswahl der Artikelvorlage / des Artikeldesigns wird bei der Artikelerstellung unter Erstellung und Bearbeitung der Artikel erläutert.
Footer
Mit Klick auf den Stift können die Texte für den Footer bearbeitet werden. Je nach Konfiguration Ihrer Vorlage wird hier ein ein- oder zweispaltiger Footer angezeigt. Wichtig ist dabei, dass die Bearbeitung sich nur auf die Leadpage auswirkt, auf der Sie die Änderung vornehmen. Neu generierte Leadpages werden immer wieder mit den initial hinterlegten Default-Texten und -Grafiken angelegt. Sollten Sie andere Default-Einstellungen benötigen, wenden Sie sich bitte an SC-Networks.
Erstellung und Bearbeitung der Artikel
Zur Erstellung eines neuen Artikels klicken Sie im jeweiligen Ordner auf den „Neu“-Button und wählen „Artikel“ aus. (ggf. müssen Sie einen Artikeltypen für die Artikelerstellung auswählen. Klicken Sie dazu auf Artikeltyp „LP-Article“ - dieser kann in Absprache mit SC-Networks auch einen anderen Namen bekommen.) Anschließend öffnet sich die Eingabemaske für den Artikel.
HINWEISE:
Artikel sind eigenständige Objekte, die u.a. auf einer Leadpage verwendet werden, aber auch unabhängig davon als Objekt existieren.
Bitte verwenden Sie für die Leadpages nur Artikel auf Basis des o.g. Artikel-Typs „LP-Article“. Artikel mit anderen Artikeltypen als Basis sind nicht kompatibel mit dem Leadpage-Template.
Zudem kann ein und derselbe Artikel auch parallel auf mehreren Leadpages eingesetzt werden. D.h.: Wird ein Artikel auf einer weiteren Leadpage B ebenfalls eingesetzt und dort editiert, verändert er sich auch auf der Leadpage A, auf der er zuvor genutzt wurde.
Tipp: Legen Sie den Artikel neu an oder nehmen Sie Ihre Änderungen an einer Artikelkopie vor. Fügen Sie dann die Kopie des Artikels in die neue Leadpage ein.
Werden Felder/Elemente eines Artikels nicht befüllt, entfallen diese Bereiche des Artikels und der dafür vorgesehene Platz fällt weg (z.B. geht der Text über die gesamte Breite bei Artikel Bild links/rechts, wenn kein Bild im Artikel hinterlegt wird). Außerdem wirken sich nicht alle Eingabefelder in jeder Artikelvorlage aus (z.B. im Artikel-Design „Banner“ wird keine Artikelheadline angezeigt, auch wenn sie im Artikel vorhanden ist).
Artikelname
Vergeben Sie den internen Namen des Artikels. Dieser wird auf der Leadpage nicht angezeigt. Er kann jederzeit geändert werden.
Darstellung
Das Leadpage PowerSet enthält vier Artikelvorlagen/-designs für die Darstellung der Artikel auf der Leadpage. Eine fünfte Variante ist möglich, indem Sie das Artikelbild weglassen. So erhalten Sie einen reinen Textartikel über die gesamte Breite.
Für einspaltige Content-Bereiche:
- Banner (verlinktes Banner-Bild)
- Bild oben, Text unten
- Bild links, Text rechts
- Bild rechts, Text links
Mittels Dropdown legen Sie die gewünschte Darstellung der Artikel für einspaltige Slots fest.
Für zweispaltige Content-Bereiche:
- Bild oben, Text unten
Artikel, die in zweispaltige Slots eingefügt werden, erhalten automatisch das zweispaltige Artikelvorlagen-Design, egal welche Darstellungsoption ausgewählt wurde.
Headline
In dieses Textfeld kann die Überschrift des Artikels eingegeben werden.
Bild
Mit Klick auf den Bildpicker bekommen Sie eine Auswahl der zuletzt verwendeten oder hochgeladenen Bilder angezeigt. Wenn Sie nach einem bestimmten Bild suchen wollen, können Sie die Suche verwenden oder auf „alle anzeigen“ klicken (Alternativ: Doppelklick auf Bildpicker). Dann öffnet sich ein Fenster, in dem Sie die gesamte Ordnerstruktur durchsuchen können.
Bild Alt-Text
Außerdem kann ein Alternativtext für das Artikelbild eingegeben werden. Dieser Text wird angezeigt, wenn keine Bilder geladen werden.
Kurztext
Das HTML-Editor-Feld „Kurztext“ dient der Eingabe des Fließtextes des Artikels. Hier kann über die obere Bearbeitungsleiste der Text editiert werden, wie bei einem Textverarbeitungsprogramm.
HINWEIS:
Um die Übernahme von Fremd-Formatierungen zu vermeiden (z.B. Copy & Paste aus Word etc.), die zu Fehldarstellungen führen können, verwenden Sie bitte zum Einfügen von Texten immer eine der drei markierten Editor-Funktionalitäten zur Textübernahme:
Linkliste
Mit der Linkliste können beliebig viele weiterführende Verlinkungen untereinander im Artikel hinzugefügt werden. Klicken Sie für jeden gewünschten Link in der Linkliste auf das „+“ und geben Sie die Bezeichnung und die dazugehörige URL in die Felder ein. Mit dem „-“-Button können Links auch wieder gelöscht werden. Mit den Anfasserstrichen auf der rechten Seite können Sie die Position der Links verändern.
CTA-Landingpage-Button & Text
Unter „Button-/CTA-Text“ können Sie den Text für den weiterführenden Link des Artikels eingeben. Im Dropdown „CTA Type“ können Sie entscheiden, ob dieser als Call-to-Action-Button oder als Textlink dargestellt werden soll.
Anzeige Social-Sharing-Icons (Verfügbarkeit abhängig von Tarif)
Sind im Template und den Artikeln die Funktionalitäten zum Social-Sharing vorgesehen, können diese nach Bedarf mit der Checkbox in jedem Artikel einzeln ein- und ausgeblendet werden.
Trennlinie
Je nach Bedarf kann über eine Checkbox am Ende eines jeden Artikels eine Trennlinie hinzugefügt werden.
Landingpage-Link
Geben Sie hier eine externe URL als Landingpage-Link ein, auf den der Artikel und der Button verlinken soll.
Die Eintragung in diesem Feld hat Vorrang zur automatisch generierten Landingpage von Evalanche.
Landingpages (Evalanche intern)
Alternativ zum Landingpage-Link auf Ihre Homepage o.Ä., haben Sie die Möglichkeit den Artikel mit einer automatisch generierten Landingpage (Langtext-Version des Artikels) von Evalanche zu verlinken.
Lassen Sie hierfür das Feld „Landingpage-Link“ bei der Artikeleingabe leer und wechseln Sie in den Tab „Landingpage“.
An dieser Stelle haben Sie die Möglichkeit einen ausführlichen Fließtext (Langtext) einzugeben.
Hier können Sie den Text für den Zurück-Button definieren, welcher zur Leadpage zurückführt.
Hinweis:
Lassen Sie am Ende der Eingabemaske „Landingpage“ abermals das Feld „Landingpage-Link“ frei, damit die oben befüllten Inhalte auf einer Evalanche Landingpage gezeigt werden.
Weitere Einstellungen (für Fortgeschrittene)
Darüber hinaus können von fortgeschrittenen Benutzern mit Programmierkenntnissen die grundlegende Konfiguration sowie das Design einer Leadpage bearbeitet werden. Die folgenden Einstellungsmöglichkeiten werden an einem Leadpage-Objekt vorgenommen; die Default-Einstellungen des Leadpage PowerSet Templates bleiben davon unberührt.
Hinweis:
Etwaige Änderungen an den Einstellungen geschehen in Eigenverantwortung und sind mit Vorsicht vorzunehmen, da das betroffene Leadpage-Objekt durch fehlerhafte Eingaben funktionsunfähig gemacht werden kann.
Die Einstellungen finden Sie im Leadpage-Objekt unter Inhalte/Einstellungen:
Konfiguration
Im Tab „Configuration“ werden die Bilderordner definiert, auf die beim Anlegen einer Leadpage zugegriffen werden.
Um die ID eines Ordners zu ermitteln, öffnen Sie den Ordner mittels Rechtsklick in einem neuen Tab. Kopieren Sie dann die ID, welche in der Adresszeile Ihres Browsers angezeigt wird:
Modules
Im Reiter „Modules“ werden die Module für die Leadpage definiert, welche dann im visuellen Editor zur Verfügung stehen. Hierbei können Module entfernt, hinzugefügt und in der Reihenfolge geändert werden. Soll z.B. kein Header angezeigt werden, empfiehlt es sich das Modul „B2: LP Header mit Text“ mit Klick auf das Minus zu entfernen.
Page
Im Reiter „Page“ wird das Design der Leadpage definiert. Mittels CSS-Befehlen kann das Design der aufgelisteten Elemente angepasst werden.
Article
Im Reiter „Article“ wird das Design der enthaltenen Artikel definiert. Mittels CSS-Befehlen kann das Design der aufgelisteten Elemente verändert werden.
Im Block „Sharing“ werden die Kanäle zum Teilen von Artikeln durch den Leser (in dessen Social-Media-Account) definiert. Die aktuelle Auswahl entspricht dem initial abgesprochenen Design, sodass Änderungen hier grundsätzlich nicht nötig sind. Falls Änderungen vorgenommen werden sollen, kann aus der Liste der Sharing-Links eine Auswahl getroffen werden. Die Links sind einzeln in den Feldern „Sharing Icon Link 1-6“ zu hinterlegen. Das zugehörige Icon sowie ein Alternativ-Text sind in den Feldern „Sharing Icon 1-6“ bzw. „Alt-Text Sharing Icon 1-6“ zu definieren.
Hinweis:
Falls Social Sharing für einen Artikel komplett ausgeblendet werden soll, so kann diese Einstellung im Artikel über eine Checkbox vorgenommen werden (siehe Seite Anzeige Social-Sharing-Icons).
Footer
Im Reiter „Footer“ können die vorgesehenen Links (z.B. Kontakt oder Datenschutz) sowie die verlinkten sozialen Kanäle hinterlegt werden.
Ideale Bildgrößen
Für die bestmögliche Darstellung der Bilder in den Artikeln und des Headers, laden Sie die Bilder bitte in folgenden Bildgrößen in Evalanche hoch. Die Bildhöhe ist flexibel programmiert, damit keine Verzerrungen entstehen. Demnach können Sie hier variieren, es empfiehlt sich jedoch für eine optische Konsistenz identische Bildgrößen zu verwenden, zumindest in den Artikeln.
Bildgrößen Leadpage
- Logobild: die Breite wird passend zu Ihrem Design definiert, z.B. 200px Breite (Breite ist fest, Höhe flexibel)
- Header: 1.170px Breite (Breite ist fest, Höhe flexibel)
- Artikelbild Bild oben: 1.090px Breite (Breite ist fest, Höhe flexibel)
- Artikelbild Bild rechts/links: 388px Breite (Breite ist fest, Höhe flexibel)
- Banner-Artikelbild: 1.170px Breite (Breite ist fest, Höhe flexibel)
- Artikelbild Zweispalter: 505px Breite (Breite ist fest, Höhe flexibel)