Landingpage erstellen designing-a-landing-page
Über die Inhaltserstellung für Landingpages about-content-design
Landingpages werden auf dieselbe Weise erstellt wie Marketing-Aktivitäten.
Zur Erstellung einer Landingpage müssen Sie den Inhalt der Seite selbst, der Bestätigungsseite und der Fehlerseite definieren. Mithilfe des Schalters unter der Aktionsleiste können Sie jede dieser Seiten anzeigen und konfigurieren.
Der Inhalt der Landingpages wird im Campaign-Inhaltseditor gestaltet.
Auf dieser Seite erfahren Sie die wichtigsten Informationen zum Inhaltseditor für Landingpages: Weiterführende Informationen zu den Aktionen, die häufig bei Marketing-Aktivitäten eingesetzt werden, finden Sie in den folgenden Abschnitten des Handbuchs zum Entwerfen von E-Mail-Inhalten:
Benutzeroberfläche des Inhaltseditors für Landingpages landing-page-content-editor-interface
Mit dem Landingpage-Inhaltseditor können Sie mühelos Inhalte in Adobe Campaign definieren, ändern und personalisieren. Um ihn zu öffnen, klicken Sie in den Inhaltsbaustein in einem Landingpage-Dashboard.
Der Inhaltseditor besteht aus drei Bereichen. In diesen Bereichen können Sie den Inhalt ansehen und bearbeiten.
- Die Palette links im Bildschirm ermöglicht die Bearbeitung der Eigenschaften des markierten Blocks, wie z. B. Hintergrundfarbe, Rahmen, Ausrichtung, Sichtbarkeitsbedingungen etc. Siehe Personalisierungsfelder einfügen.
- In der Symbolleiste bieten Schaltflächen Zugriff auf die verfügbaren Aktionen. Sie können eine Vorlage auswählen und den Anzeigemodus wechseln.
- Im Hauptarbeitsbereich ermöglicht eine kontextabhängige Symbolleiste die direkte Bearbeitung des Inhalts. Sie können beispielsweise ein Bild mit einem Link belegen, die Schriftart anpassen, ein Feld löschen etc.
Die Aktionsleiste enthält Schaltflächen, die die Bearbeitung des angezeigten Inhalts ermöglichen.
![](./media_12aca0cacd1a7106a2cfe72f3733518807cf9c612.png?width=750&format=png&optimize=medium)
![](./media_1334e0cb8d91324c687de9ce00656612f7431145b.png?width=750&format=png&optimize=medium)
![](./media_104ca0e15f596df08b0fa10dc2fbf788ddf2adced.png?width=750&format=png&optimize=medium)
![](./media_1a6119741a28ae01be7edaf4c74edccf251e54fc6.png?width=750&format=png&optimize=medium)
![](./media_11d9e256cb1249bbe7de29d19325bf934ae0a0086.png?width=750&format=png&optimize=medium)
Die dedizierte Symbolleiste ist ein kontextuelles Element der Editor-Oberfläche. Je nach markiertem Bereich sind unterschiedliche Schaltflächen verfügbar. Sie enthält Aktionsschaltflächen sowie Schaltflächen zur Anpassung des Textstils. Alle Änderungen beziehen sich somit jeweils nur auf das ausgewählte Element. Wenn Sie beispielsweise einen Block markieren, können Sie diesen löschen oder duplizieren. Wenn Sie Text innerhalb eines Blocks markieren, können Sie ihn in einen Link verwandeln oder die Formatierung anpassen.
![](./media_1d58f22a47d493309ae1c01e39eccd8cccb8f71f6.png?width=750&format=png&optimize=medium)
![](./media_134fc16c77b8a9539e7054cf84bc9c9bf2ea5418e.png?width=750&format=png&optimize=medium)
![](./media_1362ce6775b1ea64eb2a2b11f7bf401c26009f4e1.png?width=750&format=png&optimize=medium)
![](./media_168020e45124d1ad7da1fd4c767d93db66bd4d7bf.png?width=750&format=png&optimize=medium)
![](./media_1c1f3bab15f07266c491df13d84612f6184f35be9.png?width=750&format=png&optimize=medium)
![](./media_14640c911d64b390e40cd03b62a97e439e4312089.png?width=750&format=png&optimize=medium)
![](./media_13c7a44c4a1af37a72bbc7469844335b1f0ae59c2.png?width=750&format=png&optimize=medium)
![](./media_1ee6e7dd84f35ebe18d13aab204edfa3389ebd5d5.png?width=750&format=png&optimize=medium)
![](./media_159e2497558b5113754ba0453e714383bd46eb605.png?width=750&format=png&optimize=medium)
![](./media_1803d48b469cc58d224ebe9ae87bf57ac15b80955.png?width=750&format=png&optimize=medium)
![](./media_1ebfbe4d4fadcacbf771e57bc18af09da38e2f20d.png?width=750&format=png&optimize=medium)
![](./media_1df24c6d5d324a2fae123d0867e62ae22802569a9.png?width=750&format=png&optimize=medium)
![](./media_18820da9be04b5df609d0415748a93d2f882f55e9.png?width=750&format=png&optimize=medium)
![](./media_1bf1898366e48429f2eb25914e3e90525ce41fe19.png?width=750&format=png&optimize=medium)
![](./media_1288505b5d2f3978c4b4923cb48d3c15621a3ba34.png?width=750&format=png&optimize=medium)
![](./media_1dff7186c31aeac72fd257982307a9482c62ab669.png?width=750&format=png&optimize=medium)
![](./media_1d4bf01cc71d946db21b6bc93f3a722d36ff3efda.png?width=750&format=png&optimize=medium)
![](./media_1c357de3fa9993f4fe982a98100cf5ce85f66c68f.png?width=750&format=png&optimize=medium)
![](./media_1758e586f095fc1dfb804832611ae16bc188575ce.png?width=750&format=png&optimize=medium)
Struktur und Stil von Landingpages verwalten managing-landing-page-structure-and-style
Bausteine im Inhaltseditor verwalten managing-blocks-in-the-content-editor
Die verschiedenen Elemente des HTML-Inhalts werden auf der Landingpage in Form von Blöcken angezeigt, die in HTML dem <div> </div>-Tag entsprechen. Zur Bearbeitung eines Blocks ist dieser zu markieren. Dies wird durch eine blaue Umrandung angezeigt.
Wenn ein Block markiert ist, werden die übergeordneten Objekte des entsprechenden HTML-Elements in einer Breadcrumb-Leiste im unteren Teil des Arbeitsbereichs eingeblendet.
Beim Überfahren eines Elements mit der Maus wird dieses farblich unterlegt. Auf diese Weise können Sie leicht von einem Block zum anderen wechseln und das anzupassende HTML-Element präzise auswählen.
Anhand der verschiedenen in der Palette oder der kontextuellen Symbolleiste zur Verfügung stehenden Schaltflächen kann der Block dann geändert, dupliziert oder gelöscht werden.
Aktivieren Sie die Textbearbeitung durch einen zweiten Klick in den Block. Der Rahmen um den Block verfärbt sich grün. Danach können Sie Text auswählen oder eingeben. Anhand der verfügbaren Optionen in der Palette und der kontextuellen Symbolleiste können Sie beispielsweise Links hinzufügen oder die Textformatierung anpassen.
Die für ein Blockelement (Link, Personalisierungsfeld, Inhaltsbaustein etc.) definierten Parameter können jederzeit über die Palette angepasst werden.
Rahmen und Hintergrund im Inhaltseditor hinzufügen adding-a-border-and-a-background-in-the-content-editor
Es besteht die Möglichkeit, verschiedene Hintergrundfarben aus der Farbpalette für die einzelnen Blöcke auszuwählen. Die Farbe wird jeweils auf den gesamten Block angewendet.
Außerdem können die einzelnen Blöcke mit verschiedenen Rahmen versehen werden.
Textstil im Inhaltseditor ändern changing-the-text-style-in-the-content-editor
Um einen Textstil zu ändern, muss sich der Cursor innerhalb eines Textblocks befinden.
Die Textausrichtung kann mit einer der drei Schaltflächen in der Palette links angepasst werden:
- Linksbündig ausrichten - richtet den Text am linken Rand des markierten Blocks aus (fügt style="text-align: left;" in den HTML-Code ein).
- Zentrieren - richtet den Text im markierten Block mittig aus (fügt style="text-align: center;" in den HTML-Code ein).
- Rechtsbündig ausrichten - richtet den Text am rechten Rand des markierten Blocks aus (fügt style="text-align: right;" in den HTML-Code ein).
Mithilfe der dedizierten Symbolleiste können darüber hinaus die Schriftattribute wie Schriftgröße, Schriftauszeichnung (fett, kursiv oder unterstrichen) und die Schriftfarbe geändert werden. Siehe diesen Abschnitt.
Bilder in eine Landingpage einfügen inserting-images-in-a-landing-page
-
Wählen Sie im Inhalt der Landingpage einen Baustein aus, der ein Bild enthält.
-
Verwenden Sie die Schaltfläche Einfügen.
-
Wählen Sie in der kontextuellen Symbolleiste die Option Lokales Bild.
-
Wählen Sie eine Datei aus.
-
Passen Sie die Bildeigenschaften nach Bedarf an.
Dynamische Inhalte in einer Landingpage definieren defining-dynamic-content-in-a-landing-page
Wenn Sie dynamischen Inhalt in einer Landingpage definieren möchten, verwenden Sie den Breadcrumb-Pfad zur Auswahl eines Bausteins oder wählen Sie direkt ein Element aus.
Gewisse Blöcke, beispielsweise Bilder, können nicht direkt ausgewählt werden. Markieren Sie in diesem Fall den übergeordneten Block im Breadcrumb. Dadurch können alle in diesem Block enthaltenen übergeordneten Elemente einschließlich der Bilder bearbeitet werden.
Die definierte Bedingung bezieht sich in diesem Fall auf alle untergeordneten Elemente des übergeordneten Blocks.
Die Breadcrumb-Leiste des Inhaltseditors wird im Abschnitt Verwaltung der Blöcke beschrieben.
Die nächsten Schritte zur Definition von dynamischem Inhalt für Landingpages erfolgen analog zu denen für E-Mails. Siehe diesen Abschnitt.
Sie haben die Möglichkeit, zwischen den verschiedenen dynamischen Inhalten eines Bausteins zu wechseln. Gehen Sie wie folgt vor:
-
Wählen Sie einen Baustein aus.
Am linken und rechten Bildrand werden Pfeile angezeigt.
-
Benutzen Sie die Pfeile, um zwischen den verfügbaren Inhalten zu wechseln.
Der Pfeil verblasst, sobald Sie beim letzten (bzw. bei Verwendung des linken Pfeils beim ersten) dynamischen Inhalt angelangt sind.
-
Um alle für einen Baustein definierten Bedingungen zu löschen, markieren Sie diesen und klicken Sie erneut auf das Symbol Dynamischen Inhalt deaktivieren.
-
Wählen Sie den beizubehaltenden dynamischen Inhalt aus.
In der Palette:
- Inhalte, für die ein Ausdruck definiert wurde, sind nicht mehr rot umrandet; sie werden in Grautönen angezeigt.
- Der aktuell ausgewählte Inhalt wird in Blautönen angezeigt.