Was ist eine Landingpage? 

Eine Landingpage ist eine eigenständige Webseite, die speziell für den Empfang und die Umwandlung von Besuchern in potenzielle Leads oder Kunden konzipiert ist. Sie werden mit einem bestimmten Ziel erstellt, z. B. der Bewerbung eines Produkts, einer Dienstleistung oder eines Sonderangebots. Landingpages enthalten in der Regel eine klare Handlungsaufforderung (Call-to-Action, CTA), die Besucher zu einer bestimmten Handlung auffordert, z. B. zum Kauf, zur Anmeldung für einen Newsletter oder zum Ausfüllen eines Formulars.

In der Welt des digitalen Marketings spielen Landingpages eine entscheidende Rolle, wennyouyou es darum geht, die Aufmerksamkeit von Interessenten zu gewinnen und sie in Kunden zu verwandeln.

Landingpages werden häufig in digitalen Marketingkampagnen eingesetzt und dienen als Einstiegspunkt für Besucher, die auf eine bestimmte Anzeige, einen E-Mail-Link oder ein Suchmaschinenergebnis klicken. Sie sind so konzipiert, dass sie dem Besucher relevante und überzeugende Informationen bieten, die die wichtigsten Vorteile oder Merkmale des Angebots hervorheben und ihn zur gewünschten Konversionsraten führen.

Durch die Erstellung gut gestalteter Landingpages mit überzeugenden Texten, überzeugenden CTAs und Optimierungstechniken können Sie die Aufmerksamkeit Ihrer Zielgruppe effektiv auf sich ziehen und die Konversionsrate erhöhen, was zum Erfolg Ihrer Marketingkampagnen beiträgt.

Landingpages erstellen

Erstellen Sie Ihre Landingpage im Handumdrehen mit unserem Online-Editor. Navigieren Sie zum Abschnitt "Landingpages" und klicken Sie auf "Neue Seite erstellen".

Wählen Sie eine Vorlage aus unserer Galerie.

Gestalten Sie Ihre Landingpage mühelos mit dem Editor von Mailjet.

Sobald Ihr Design fertig ist, klicken Sie einfach auf " Speichern und veröffentlichen".

Content-Tools

Dieser Bereich umfasst alle Inhaltselemente, die in Ihrer Nachricht erscheinen werden (Text, Bilder, Schaltflächen, Social Sharing usw.).

Das Hinzufügen von Inhalten ist ganz einfach: Ziehen Sie den Inhaltsblock einfach in den gewünschten Bereich auf Ihrer Landingpage. Wenn Sie diesen Block verschieben möchten, ziehen Sie ihn einfach per Drag-and-drop an die neue Position.

Text

Mit der Text-Symbolleiste können Sie Ihren Textblock ganz einfach formatieren und anpassen:

o Passen Sie die Zeilenhöhe an
o Text ausrichten
o Legen Sie die Hintergrundfarbe fest
o Ränder ändern
o Personalisieren Sie Ihre Inhalte mithilfe von Kontakteigenschaften
o Formatieren Sie Ihren Text (Schriftart, Fett, Kursiv usw.)

Bild/Bildergalerie

Die Bild-Symbolleiste bietet eine Reihe von Optionen zur Verbesserung Ihres Bildmaterials. Sie können unter anderem:

•  
  • Die horizontale Positionierung anpassen.
  • Einen Innenabstand hinzufügen, um einen eleganten Look zu erzielen.
  • Einen Rahmen oder eine Form auf das Bild anwenden.
  • Die Skalierung für mobile Geräte optimieren.
  • Eine Hintergrundfarbe für eine nahtlose Integration festlegen.

Sie können ein Bild auf folgende Weise in Ihren Abschnitt einfügen:

• Hochladen: Wählen Sie ein Bild von Ihrem Gerät aus und fügen Sie es mühelos Ihrer Bildergalerie hinzu.
• Bildergalerie: Wählen Sie aus Ihrer vorhandenen Sammlung von Bildern, die in der Bildergalerie gespeichert sind, zur schnellen Auswahl und Verwendung.
• Link: Verwenden Sie direkt ein vorhandenes, online verfügbares Bild.

Die Funktion "Bildergalerie " in Mailjet dient als zentraler Knotenpunkt für die Verwaltung und Organisation von Bildern. Weitere Einzelheiten finden Sie in folgendem Artikel.

Teiler

Sie können eine Trennlinie hinzufügen, um Abschnitte oder Elemente innerhalb eines Abschnitts zu trennen (wie im folgenden Beispiel).

Mit der Trenner-Symbolleiste können Sie:

o Hintergrundfarben bestimmen
o Ränder ändern
o Linien formatieren (Design, Farbe, Linienstärke)
o Den horizontalen und vertikalen Abstand anpassen

Button

In der Button-Symbolleiste sind viele Optionen verfügbar, darunter:

o Randradius (Stellen Sie die Rundheit der Button-Ecken ein)
o Farbe, Stärke und Stil des Schaltflächenrahmens (durchgehend, gepunktet, gestrichelt usw.)
o Legen Sie horizontale Positionierung und Polsterung fest
o Fügen Sie einen Hyperlink hinzu
o Schriftausrichtung
o Passen Sie die Ränder an
o Personalisieren Sie den Text mithilfe der Kontakteigenschaften
o Formatieren Sie die Schriftart (Schriftfamilie, Farbe, Fett usw.)

Abstandhalter

Fügen Sie einen Leerraum hinzu, um Elemente oder Abschnitte auf Ihrer Landingpage zu trennen. Mit dem Spacer-Tool können Sie:

o Legen Sie die Höhe des Leerzeichens fest (in Pixel)
o Hintergrundfarbe hinzufügen (optional)

[Nach oben]

Social Sharing

Fügen Sie Ihrer Landingpage Ihre bevorzugten sozialen Symbole hinzu, z. B. Facebook, X, LinkedIn, Instagram, YouTube, Medium und Xing.

Klicken Sie auf "Links konfigurieren",  um das Modal "Social Media-Konfiguration" zu öffnen, in dem Sie Folgendes tun können:

• Wählen Sie bis zu 10 Social-Media-Symbole aus
• Ändern Sie den Labeltext

- Teilen Sie Ihre Seite in den sozialen Medien.
- Erstellen Sie Ihr eigenes soziales Symbol, indem Sie auf "Benutzerdefiniertes Symbol hinzufügen"klicken .

Um die Textbeschriftungen anzuzeigen und zu konfigurieren, klicken Sie auf "Label anzeigen".

Klicken Sie auf die Blockoptionen (Bleistift), um die Symbolgröße, die Formen, den Rand und die Farbe sowie die Hintergrundfarbe und den Abstand des Abschnitts zu konfigurieren.

Teilen Sie die Online-Version

Teilen Sie die Online-Version Ihrer Landingpage auf Ihren Social-Media-Konten.

Klicken Sie auf die Blockoptionen (Bleistift), um die Symbolgröße, die Formen, den Rand und die Farbe sowie die Hintergrundfarbe und den Abstand des Abschnitts zu konfigurieren.

HTML-Block

Sie können HTML-Code direkt in Ihre Landingpage einfügen. Ziehen Sie den HTML-Block in Ihre Landingpage und klicken Sie dann auf den Button in der Symbolleiste, um das HTML-Editor-Fenster zu öffnen und loszucoden!

RSS-Feed

Ziehen Sie Blogbeiträge und andere dynamische Inhalte mit einem RSS-Feed in Ihre Landingpages ein.

Ziehen Sie einfach das RSS-Feed-Tool und fügen Sie Ihren RSS-Feed-URL-Link in das modale Fenster ein. Wählen Sie dann die Elemente aus, die Sie importieren möchten, indem Sie auf die Dropdown-Liste klicken oder nach Autor oder Titel suchen.

Jedes importierte Element wird als Abschnitt auf Ihrer Landingpageangezeigt, wo Sie den Inhalt und das Bild wie gewohnt bearbeiten können.

Der RSS-Inhalt wird nur einmal beim Import abgerufen und wird nicht automatisch aktualisiert. Wenn Sie Ihre RSS-Inhalte aktualisieren müssen, erstellen Sie einfach einen neuen RSS-Feed, und löschen Sie den alten.

Jedes Mal, wenn Sie einen URL-Link zu einem RSS-Feed hinzufügen, wird dieser lokal auf API-Schlüsselebene gespeichert. Wenn Sie das nächste Mal einen RSS-Feed-Inhaltsblock hinzufügen, haben Sie Zugriff auf die letzten fünf hinzugefügten Feeds.

Videos

Um der Landingpage ein Video hinzuzufügen, ziehen Sie das Video-Tool an die gewünschte Stelle. Fügen Sie im Popup-Modal Ihre Video-URL hinzu.

Für YouTube-, Vimeo- und Dailymotion-Videos werden automatisch Vorschaubilder generiert. Klicken Sie für alle anderen Videos auf "Bild auswählen", um Ihr eigenes Vorschaubild hinzuzufügen.

Sobald das Vorschau-Thumbnail erstellt wurde, wird die Standard-Wiedergabeschaltfläche hinzugefügt. Sie können aus mehreren Designs für den Play-Button wählen.

Der letzte Schritt besteht darin, eine einfache Beschreibung des Vorschaubilds im Feld "Image Alt Text" hinzuzufügen. Dieser Alt-Text wird angezeigt, falls Ihr Abonnent das Bild nicht sehen kann. Klicken Sie dann auf "Video speichern".

Klicken Sie in der Videosymbolleiste auf die Schaltfläche "Video", um Ihr Video jederzeit zu bearbeiten.

Formular

Verbessern Sie Ihre Landingpage, indem Sie ein Anmeldeformular einbinden, mit dem sich Nutzer nahtlos anmelden und Updates, Newsletter oder relevante Inhalte von Ihrer Website, Ihrem Service oder Ihrem Unternehmen erhalten können.

Countdown-Timer

Verwenden Sie den Countdown-Timer-Block, um einen Echtzeit-Countdown in Ihre E-Mails einzufügen – ideal für zeitlich begrenzte Aktionen, Produkteinführungen oder Event-Erinnerungen. Der Timer wird als Bild dargestellt, um eine konsistente Anzeige in allen E-Mail-Clients sicherzustellen. Sobald der eingestellte Zeitpunkt erreicht ist, stoppt der Countdown automatisch und zeigt 00:00:00:00 an.

Um einen Countdown-Timer hinzuzufügen, öffnen Sie das Inhalte-Panel und ziehen Sie den Countdown-Timer-Block in Ihre Vorlage.

Konfigurationsoptionen

Enddatum und Zeitzone

Legen Sie das genaue Datum und die Uhrzeit fest, zu der der Countdown auf null zählen soll. Sie können auch eine bestimmte Zeitzone aus dem Dropdown-Menü auswählen.

• Die Standard-Zeitzone basiert auf den Einstellungen Ihres Kontos.
• Das Dropdown-Menü enthält gängige Zeitzonen wie UTC, EST, PST und weitere.

Ziffern-Anzeigeeinstellungen

Passen Sie das Erscheinungsbild der Countdown-Ziffern mit den folgenden Optionen an:

• Einzelne Zeiteinheiten ein-/ausblenden
  Wählen Sie, welche Einheiten angezeigt werden sollen: Tage, Stunden, Minuten, Sekunden.
• Führende Nullen
  Aktivieren oder deaktivieren Sie führende Nullen (z. B. 04 statt 4).
• Ziffernabstand
  Legen Sie den Abstand zwischen den Ziffernblöcken fest (z. B. 10px).
• Ziffern-Trennzeichen
  Wählen Sie, wie die Einheiten getrennt werden sollen:
  • Keines (Standard)
  • Doppelpunkt :
  • Bindestrich -
  • Senkrechter Strich |
• Ziffernfarbe
  Legen Sie die Schriftfarbe der Ziffern mithilfe eines Hex-Codes oder des Farbwählers fest.
• Schriftart
  Der Timer unterstützt ausschließlich websichere Schriftarten, um eine maximale Kompatibilität zu gewährleisten. Die Auswahl umfasst Schriftarten wie:
  • Arial
  • Verdana
  • Tahoma
  • Georgia
  • Helvetica
  • Times New Roman

• Hintergrundfarbe der Ziffern
  Legen Sie eine Hintergrundfarbe für jeden Ziffernblock fest, um Lesbarkeit und Designstil zu optimieren.

Zeiteinheiten-Beschriftung

Aktivieren oder deaktivieren Sie die Beschriftungen der Zeiteinheiten (z. B. Tage, Stunden, Minuten, Sekunden), die unter den Ziffern angezeigt werden.

• Standard: Beschriftungen sind aktiviert

Sie können außerdem folgende Einstellungen anpassen:

• Schriftart der Beschriftung (nur websichere Schriften)
• Farbe der Beschriftung

Ablaufanzeige

Wenn Sie den Countdown-Timer in einer Landing Page verwenden, steht Ihnen eine zusätzliche Option zur Verfügung: Ablaufanzeige. Damit legen Sie fest, was nach dem Ablauf des Countdowns passieren soll.

Öffnen Sie dazu den Abschnitt Ablaufanzeige im Einstellungsbereich:

• Abgelaufenen Timer anzeigen (Standard)
  Der Timer bleibt sichtbar und zeigt dauerhaft 00:00:00:00 an.
• Abgelaufenen Timer ausblenden
  Der Countdown-Block wird nach Ablauf automatisch verborgen.
• Bild nach Ablauf anzeigen
  Der Countdown wird durch ein benutzerdefiniertes Bild ersetzt – ideal, um z. B. eine "Angebot abgelaufen"-Grafik anzuzeigen.

Innenabstand (Padding) und Rahmen

Sie können den Abstand und die Rahmen Ihres Countdown-Timers anpassen, um das Layout und das visuelle Erscheinungsbild zu optimieren.

Innenabstand (Padding)

Mit den Padding-Einstellungen steuern Sie den Abstand innerhalb des Blocks (zwischen Inhalt und Rand).

Sie können den Abstand für jede Seite individuell festlegen:

• Oben
• Unten
• Links
• Rechts

Klicken Sie auf das 🔒 Schloss-Symbol, um die Werte zu verknüpfen oder zu entkoppeln und einen symmetrischen Abstand festzulegen.

Rahmen

Im Abschnitt Rahmen können Sie die Rahmenstärke festlegen, um eine Umrandung um den Countdown-Timer anzuzeigen.

• Setzen Sie den Wert auf 0, um keinen Rahmen anzuzeigen, oder erhöhen Sie ihn, um eine sichtbare Linie hinzuzufügen.

Diese Optionen helfen Ihnen, den Abstand und das Layout präzise anzupassen und ein professionelles Design zu erreichen.

Karussell

Verwenden Sie den Block Carousel, um mehrere Inhalte in einem einzigen, per Wischgeste bedienbaren Bereich Ihrer Landing Page anzuzeigen. Er eignet sich ideal für Kundenrezensionen oder Produkt-Highlights.

Karussell-Block hinzufügen

1. Ziehen Sie im Editor im Panel Content Tools den Block Carousel in den Abschnitt, in dem der Slider erscheinen soll.
2. Ein Standardkarussell mit mehreren Folien (standardmäßig 3) wird Ihrer Seite hinzugefügt. Klicken Sie in den Block, um mit der Bearbeitung zu beginnen.

Folien verwalten

Jedes Karussell besteht aus einzelnen Folien:

• Verwenden Sie die Symbolleiste oben im Block, um:
  • Folien neu anzuordnen – öffnet eine Übersicht zum Ändern der Reihenfolge.
  • Eine Folie hinzuzufügen.
  • Eine Folie zu duplizieren.
  • Die aktuelle Folie zu löschen.
  • Das Bild der Folie zu verwalten.
  • Die Darstellung anzupassen (z. B. Cover).
    
• Klicken Sie innerhalb des Blocks auf die Pfeile links/rechts, um während der Bearbeitung zwischen den Folien zu wechseln.
• Bearbeiten Sie den Inhalt jeder Folie (Titel, Text, Buttons, Bilder usw.) wie in jedem anderen Abschnitt Ihrer Landing Page.
  

Design und Verhalten des Karussells anpassen

Wenn der Carousel-Block ausgewählt ist, verwenden Sie das linke Panel, um Layout, Erscheinungsbild und Animationen anzupassen. Die Optionen sind in mehrere Kategorien unterteilt:

• Carousel-Einstellungen – Definieren Sie das Gesamtlayout des Karussells.
  Legen Sie das Seitenverhältnis fest (z. B. 16:9), wählen Sie aus, ob Indikatoren angezeigt werden sollen, und bestimmen Sie den Indikatortyp (Punkte oder Linien).
• Pfeilkomponenten – Personalisieren Sie die Navigationspfeile.
  Aktivieren oder deaktivieren Sie Pfeile, wählen Sie unterschiedliche Symbolstile, passen Sie Größe und Stärke an, legen Sie Farbe und Deckkraft fest und aktivieren Sie optional einen Hintergrund. Sie können auch die Form der Pfeile wählen.
• Übergang und Animation – Steuern Sie die Bewegung zwischen Folien.
  Wählen Sie einen Übergangseffekt, legen Sie die Animationsgeschwindigkeit fest, aktivieren Sie Autoplay, definieren Sie die Verzögerung zwischen den Folien und bestimmen Sie, ob das Karussell schleifen oder beim Hover pausieren soll.
• Padding – Passen Sie den Innenabstand rund um das Karussell an.
  Legen Sie individuelle Werte für oben, unten, links und rechts fest.
• Hintergrund – Wählen Sie einen transparenten oder farbigen Hintergrund.
  

Verwenden Sie die Vorschauoptionen Desktop / Mobile oben rechts im Editor, um sicherzustellen, dass das Karussell auf allen Geräten korrekt angezeigt wird, bevor Sie auf Save & Publish klicken.

Akkordeon

Der Akkordeon-Block ermöglicht es Ihnen, Ihre Inhalte strukturiert und interaktiv darzustellen. Er eignet sich perfekt für FAQs, detaillierte Produktinformationen oder jeden Bereich, in dem Besucher Inhalte für ein aufgeräumteres Layout ein- oder ausklappen können.

Einen Akkordeon-Block hinzufügen

Ziehen Sie den Akkordeon-Block in den gewünschten Abschnitt Ihrer Landingpage. 

Standardmäßig enthält das Akkordeon drei Panels, jeweils mit:

• Einer Panel-Überschrift (Titelbereich)
• Einem Panel-Inhalt (Inhaltsbereich)

Akkordeon-Blöcke konfigurieren

👉 Panel-Einstellungen

Klicken Sie irgendwo im Akkordeon, wählen Sie dessen übergeordneten Container aus und klicken Sie auf das Stiftsymbol ✏️ oben, um das Einstellungsfenster zu öffnen. Der Abschnitt Panel-Einstellungen steuert das Standardverhalten Ihres Akkordeons und wie Besucher damit interagieren können.

Sie können:

• Die Anzahl der Panels ändern über den Zahlenwähler oder die Pfeiltasten.
• Festlegen, welche Panels beim Laden der Seite geöffnet sind, zur Auswahl stehen:
  • Alle Panels geöffnet
  • Alle Panels geschlossen (zugeklappt)
  • Erstes Panel geöffnet
• Mehrere gleichzeitig geöffnete Panels erlauben oder Besucher auf ein einziges geöffnetes Panel beschränken.
• Panels automatisch schließen, wenn der Nutzer außerhalb des Akkordeons klickt.
• Sanfte Animationen hinzufügen für einen subtilen Ein-/Ausklappeffekt.

👉 Symbol-Einstellungen

Sie können das Aussehen und die Position der Symbole anpassen, die neben jeder Panel-Überschrift erscheinen.

Hier können Sie:

• Symbole aktivieren oder deaktivieren.
• Verschiedene Symbole für die Zustände geöffnet und geschlossen wählen (z. B. + / − oder Pfeile).
• Einen Stil auswählen — entweder Kantig oder Abgerundet.
• Größe und Strichstärke der Symbole anpassen.
• Symbole auf der linken oder rechten Seite platzieren.
• Die Symbolfarbe über HEX-Code oder Farbwähler ändern.

👉 Rahmen und Trennlinien

Sie können Rahmen hinzufügen oder anpassen, um Ihre Panels visuell zu trennen.

Der Abschnitt Rahmen ermöglicht:

• Rahmen für jedes Panel ein- oder auszuschalten.
• Dicke, Stil (durchgehend, gestrichelt, gepunktet oder doppelt) und Farbe des Rahmens wählen.
• Trennlinien zwischen Panels hinzufügen.

👉 Außenabstände (Margins)

Margins definieren den Abstand um das Akkordeon herum sowie zwischen einzelnen Panels.

Sie können:

• Die oberen, unteren, linken und rechten Abstände in Pixeln anpassen.
• Das Schlosssymbol verwenden, um dieselben Werte auf alle Seiten anzuwenden oder jeden Abstand individuell festzulegen.
• Den Abstand zwischen Panels bestimmen — kompakt oder großzügig.

👉 Innenabstände (Padding)

Padding steuert den Innenabstand Ihrer Panels — zwischen Rahmen und Inhalt.

Sie können das Padding für zwei Bereiche anpassen:

• Die Überschrift (um Titel und Symbol).
• Den Inhaltsbereich (um den Panel-Inhalt).

Passen Sie die Werte für oben, unten, links und rechts einzeln an oder verwenden Sie die Verriegelung, um überall denselben Abstand zu setzen.

👉 Farboptionen

Sie können individuelle Text- und Hintergrundfarben für Überschrift und Inhalt festlegen.

Für die Panel-Überschrift können Sie:

• Den Hintergrund transparent lassen oder eine Vollfarbe wählen.
• Die Textfarbe des Titels festlegen.

Für den Panel-Inhalt können Sie:

• Einen transparenten oder farbigen Hintergrund verwenden.
• Die Textfarbe des Inhalts festlegen.

👉 Hintergrund

Schließlich können Sie den gesamten Hintergrund des Akkordeons festlegen.

Zur Auswahl stehen:

• Transparent, sodass das Akkordeon den Hintergrund des Abschnitts übernimmt.
• Farbe, um einen einheitlichen Hintergrund für den gesamten Akkordeon-Block festzulegen.

Barrierefreiheit

Das Akkordeon ist vollständig mit der Tastatur bedienbar.
Besucher können mit den Pfeiltasten zwischen Panels navigieren sowie Bereiche öffnen oder schließen — ganz ohne Maus — und so die Barrierefreiheits-Anforderungen erfüllen.

Brand Kit Logo-Komponente

Wir haben eine neue "Logo" Komponente zum E-Mail-Builder hinzugefügt, die es noch einfacher macht, Ihr Logo in Ihre Vorlagen zu integrieren.

Wesentliche Merkmale:

• Wenn Sie über ein Brand Kit mit einem gespeicherten Logo verfügen, wird in Ihrem Builder eine Logokomponente mit einer Vorschau Ihres Logos angezeigt.

  

• Ziehen Sie das Logo einfach per Drag & Drop in Ihre Vorlage.
• Das Logo verhält sich ähnlich wie ein Bildblock, aber:
  • Sie ist standardmäßig zentriert.
  • Es verfügt nicht über die Standard-Symbolleiste für Bilder, was sein Verhalten vereinfacht.
  • Sie passt sich automatisch an die Hintergrundfarbe an:
    • Heller Hintergrund → helle Logovariante.
    • Dunkler Hintergrund → dunkle Logovariante.
• Die Logo-Redirect-URL (falls im Marken-Kit festgelegt) wird automatisch auf das Logo angewendet.

Verhalten, wenn kein Logo verfügbar ist:

• Wenn Ihr Brand Kit kein Logo hat, wird die Komponente Logo im Editor ausgeblendet.
• Wenn ein Logo aus dem Brand Kit gelöscht wird, erscheint die Komponente Logo nicht mehr.

Vorhandene Vorlagen verwalten:

• Bereits in Vorlagen platzierte Logos werden nicht entfernt, auch wenn Sie Logos aus Ihrem Brand Kit aktualisieren oder löschen.
• Wenn Sie ein Logo im Marken-Kit ersetzen, bleiben die zuvor erstellten Vorlagen mit dem alten Logo erhalten.
• Wenn Sie eine Vorlage duplizieren, wird das Logo in der duplizierten Version beibehalten.
• Wenn Sie ein Logo löschen und später ein neues hochladen, müssen Sie das neue Logo manuell wieder in Ihre Vorlagen einfügen.

Abschnitte

Fügen Sie einen Abschnitt zu Ihrer Landingpage hinzu

Sie können Ihre Landingpage aufbauen, indem Sie Abschnitte hinzufügen. Dann fügen Sie verschiedene Elemente (Text, Buttons, Bilder, ...) zu jedem Abschnitt hinzu. Ein Abschnitt kann 1, 2, 3, 4, 5 oder 6* Spalten mit unterschiedlicher Breite haben. 

* Die Spalten 1 bis 4 können über das Menü "Abschnitte" aufgerufen werden. Um zwei weitere Spalten (5 und 6) hinzuzufügen, können Sie dies direkt im Abschnitt selbst unter der Schaltfläche "Stift" tun (Abschnittseinstellungen). Innerhalb dieses Menüs haben Sie auch die Möglichkeit, die Anzahl der Spalten spontan zu ändern, um sie besser an Ihr Design anzupassen.

Um auf das Abschnittsmenü zuzugreifen, klicken Sie auf das Fenstersymbol in der oberen linken Ecke ("Layout-Tab").

Ziehen Sie das gewünschte Abschnittslayout per Drag-and-drop auf Ihre Landingpage.

Um zwei weitere Spalten hinzuzufügen oder die bestehende Anzahl zu ändern, klicken Sie auf den Hintergrund des Abschnitts. Wählen Sie das Stiftsymbol auf der linken Seite, navigieren Sie zum Abschnitt Spalten und wählen Sie die gewünschte Anzahl (bis zu 6).

Einen Abschnitt verschieben

Klicken Sie in den Abschnittshintergrund und dann auf die Aufwärts- oder Abwärtspfeile.

Einen Abschnitt duplizieren

Klicken Sie in den Abschnitt, um ihn hervorzuheben, und klicken Sie dann auf das Duplikat-Symbol auf der rechten Seite des Bildschirms.

Einen Abschnitt löschen

Um einen Abschnitt zu entfernen, klicken Sie in den Abschnitt, dann auf das Papierkorbsymbol und bestätigen Sie den Löschvorgang.

Sie können einen Abschnitt oder ein Element auch schnell löschen, indem Sie es in den Bereich der Inhaltswerkzeuge ziehen.

Globale Stileinstellungen

Mit ein paar Klicks können Sie die Textstile aller Absätze, Überschriften und Hyperlinks auf Ihrer Landingpage ganz einfach formatieren.

Um auf die globalen Textstile zuzugreifen, klicken Sie auf das Zahnradsymbol in der oberen linken Ecke (Registerkarte "Einstellungen").

Wie der Name schon sagt, legt die Option "Globaler Stil" die Schriftfamilie und Farbe für alle aufgelisteten Elemente (Überschriften, Absätze, Links) fest.

Sie können dann das Styling für jedes der Header-, Paragraph- und Link-Elemente weiter anpassen.

Und schließlich, wenn Sie einen anderen Textstil für eine bestimmte Überschrift oder einen bestimmten Absatz in Ihrem Formular haben möchten, gestalten Sie den Text einfach wie gewohnt mit der Abschnittssymbolleiste.

Landingpage bearbeiten

Klicken Sie auf der Verwaltungsseite der Landingpages auf das Zahnradsymbol und wählen Sie "Bearbeiten". So haben Sie die Möglichkeit, Ihre Landingpagevor der erneuten Veröffentlichung an Ihre aktuellen Ziele anzupassen.

Landingpage duplizieren

Um eine Landingpage zu duplizieren, klicken Sie einfach auf der Landingpages-Verwaltungsseite auf das Zahnradsymbol und wählen Sie "Duplizieren". 

Veröffentlichung einer Landingpage aufheben

Um die Veröffentlichung einer Landingpage aufzuheben, klicken Sie einfach auf das Zahnradsymbol auf der Landingpage-Verwaltungsseite und wählen Sie "Veröffentlichung aufheben". Durch diese Aktion wird die Seite effizient aus dem öffentlichen Zugriff entfernt, während sie in Ihren Verwaltungsoptionen verbleibt.

Landingpage archivieren

Um eine Landingpage zu archivieren, klicken Sie auf das Zahnradsymbol auf der Landingpages-Verwaltungsseite und wählen Sie "Archiv". Dieser Vorgang speichert die Seite, macht sie vorübergehend unzugänglich und bewahrt sie gleichzeitig in Ihren Verwaltungstools auf.

Landingpage löschen

Sie können eine Landingpagevon zwei Stellen aus löschen:

1. Klicken Sie auf der Seite zur Verwaltung der Landingpages auf das Zahnradsymbol und wählen Sie "Löschen".
   
2. Wenn die Zielseite archiviert wurde, gehen Sie zu Ihren archivierten Seiten, klicken Sie auf das Zahnradsymbol und wählen Sie "Löschen".
   

Wiederherstellung einer archivierten Landingpage

Um eine archivierte Landingpage wiederherzustellen, navigieren Sie zu Ihren archivierten Seiten, klicken Sie auf das Zahnradsymbol und wählen Sie "Wiederherstellen". 

Zusätzliche Einstellungen

Auf der Einstellungsseite können Sie den Namen und die URL Ihrer Landingpage ändern und Optimierungen für Suchmaschinen und soziale Medien vornehmen. Zusätzlich haben Sie die Möglichkeit, das Favicon (das kleine Symbol neben dem Seitentitel im Browser-Tab) Ihrer Seite zu personalisieren.

Benutzerdefinierte Domain für Ihre Landingpage

Vorteile der Verwendung einer benutzerdefinierten Domain für eine Landingpage

Die Verwendung einer benutzerdefinierten Domain für eine Landingpage bietet mehrere bedeutende Vorteile, insbesondere im Hinblick auf Branding, Glaubwürdigkeit und Suchmaschinenoptimierung (SEO).

• Branding
  Eine benutzerdefinierte Domain verleiht Ihrer Website ein professionelles Image, so dass sie für Besucher leichter zu merken und wiederzuerkennen ist. Außerdem wird dadurch ein einheitliches Branding in allen Marketingmaterialien verstärkt.
  
   
• Glaubwürdigkeit und Vertrauen
  Eine benutzerdefinierte Domain erhöht das Vertrauen der Besucher und die wahrgenommene Legitimität und signalisiert, dass Sie es mit Ihrem Unternehmen ernst meinen.
   
• Suchmaschinen-Optimierung (SEO)
  Benutzerdefinierte Domains werden von Suchmaschinen bevorzugt, verbessern das Ranking der Website und ermöglichen die Optimierung von Schlüsselwörtern innerhalb des Domainnamens.

Standardmäßig wird jede Landingpage, die Sie erstellen, von Mailjet gehostet. Wir empfehlen jedoch, Ihre Landingpages auf einer benutzerdefinierten Domain zu hosten, wenn Sie eine haben.

Erstellen einer Subdomain für Ihre Landingpage

Wenn Sie bereits eine Website unter einer benutzerdefinierten Domain haben, müssen Sie eine Subdomain für Ihre Landingpage erstellen. Wenn Sie z. B. Eigentümer von ihredomain.com sind und Ihre bestehende Website dort liegt, hosten Sie Ihre Landingpages auf einer Subdomain, z. B. pages.ihredomain.com.

Dies ist zwingend erforderlich, da die Verwendung Ihrer benutzerdefinierten Domain für Mailjet-Landingpages die Änderung der DNS-Einträge für diese Domain erfordert. Wenn Sie diese DNS-Änderungen direkt auf ihredomain.com vornehmen, wird Ihre Landingpage Ihre bestehende Website unerwünschterweise ersetzen.

Hinzufügen Ihrer Subdomain zu Ihrer Landingpage

Um Ihre Subdomain zu Ihrer Landingpage hinzuzufügen, navigieren Sie zunächst zur Seite Kontoinformationen und wählen Sie "Seitendomain einrichten" unter dem Abschnitt Absender und Domains.

Klicken Sie anschließend auf "Seitendomain hinzufügen" und geben Sie die erforderlichen Informationen ein: Label, Subdomain und Domain.

Nachdem Sie diese Angaben gemacht haben, klicken Sie auf "Hinzufügen", um den Vorgang abzuschließen.

Nachdem Sie Ihre Subdomain hinzugefügt haben, müssen Sie einen CNAME-Eintrag in der DNS-Zone Ihrer Subdomain erstellen. Dies muss über Ihren Domain-Host erfolgen, und der Vorgang ist je nach Host unterschiedlich.

Klicken Sie abschließend auf "Check DNS", um den Status nach dem Hinzufügen des Eintrags zu aktualisieren. Wenn der Status grün wird, sind Sie bereit.

Aktivieren Ihrer benutzerdefinierten Domain auf Ihrer Landingpage

Um Ihre neu hinzugefügte Subdomain für Ihre Landingpage zu aktivieren, navigieren Sie zu den Einstellungen Ihrer Landingpage.

Wählen Sie unter dem Abschnitt "Seiten-URL" die benutzerdefinierte Subdomain aus dem Dropdown-Menü.

Klicken Sie auf "Speichern". Herzlichen Glückwunsch! Ihre Landingpage wird nun Ihre benutzerdefinierte Domain verwenden!

Vorschau Ihrer Landingpage

Im Landingpage-Editor stehen Ihnen in der oberen rechten Ecke zwei Vorschauoptionen (Desktop und Mobil) zur Verfügung. Die Desktop-Version wird standardmäßig angezeigt und stellt den Entwurf der Vorlagen dar, an dem Sie gerade arbeiten, während Ihnen die Mobil-Option eine Vorschau der Anzeige auf Mobilgeräten ermöglicht.

Preisgestaltung & Angebote

Mit den Free- und Essential-Abonnements können Sie eine Landingpage erstellen, eine Veröffentlichung ist jedoch nicht möglich. Um die Veröffentlichungsfunktionen freizuschalten, werden Sie aufgefordert, Ihr Abonnement zu aktualisieren Sobald Sie auf Premium oder Custom upgraden, stehen Ihnen Landingpages zur Verfügung.

Beachten Sie jedoch, dass Sie bei einer Herabstufung Ihres Abonnements den Zugriff auf Ihre Landingpages verlieren und diese inaktiv werden. 

• Wenn Sie ein Downgrade auf Essential vornehmen, werden die Daten Ihrer Landingpage für einen Zeitraum von 400 Tagen gespeichert. So können Sie Ihre Landingpages innerhalb eines angemessenen Zeitrahmens reaktivieren, wenn Sie sich für ein erneutes Upgrade Ihres Abonnements entscheiden.
• Im Falle eines Downgrades auf unser kostenfreies Abonnement Free behalten wir die Daten Ihrer Landingpage für einen Zeitraum von 90 Tagen. Diese Frist bietet Ihnen die Möglichkeit, Ihre Abonnementsauswahl zu überdenken oder eventuell ein Upgrade vorzunehmen, um erneut Zugang zu Ihren Landingpages zu erhalten.

Gewährung oder Entzug des Zugriffs auf ein gemeinsames Konto

Wenn Sie einem gemeinsam genutzten Konto den Zugriff auf diese Funktion gewähren oder entziehen möchten, können Sie dies auf der Seite zur gemeinsamen Nutzung von Konten tun.

Klicken Sie dazu einfach auf "Verwalten" → "Bearbeiten".

Aktivieren oder deaktivieren Sie dann das Kontrollkästchen Landingpages und aktualisieren Sie den Zugang.

Landingpage-Statistiken

Sobald Ihre Landingpageveröffentlicht ist und Traffic empfängt, können Sie ihre Leistung direkt in Ihrem Mailjet-Konto überwachen. Die Funktion "Landingpage-Statistiken" bietet Einblicke in die Besucheraktivität, das Engagement und die Effektivität der Kampagne.

Zugriff auf Landingpage-Statistiken

1. Gehen Sie im linken Navigationsmenü auf die Registerkarte Seiten.
2. Klicken Sie auf das Symbol Einstellungen (⚙️) auf der Landingpage, die Sie analysieren möchten.
3. Wählen Sie Statistik anzeigen aus dem Dropdown-Menü.

Abschnitt Übersicht

Oben auf der Seite finden Sie eine kurze Zusammenfassung:

• Status (veröffentlicht oder im Entwurf)
• Erstellungsdatum
• Geändertes Datum
• Besuche insgesamt: Anzahl der Aufrufe der Landingpage
• Klicks insgesamt: Anzahl der Link-Klicks auf der Zielseite
• Vorhandene(s) Formular(e) (falls vorhanden)

Besucher und Interaktion

Das Diagramm Besucher und Interaktion bietet eine visuelle Aufschlüsselung:

• Besuche und Klicks im Zeitverlauf
• Aktivität im ausgewählten Datumsbereich
• Anmeldungen insgesamt (Formularübermittlung)

Einzelne Besucher (Unique Visitors)

Dieser Abschnitt zeigt, wie viele einzelne Nutzer die Seite auf der Grundlage ihrer IP-Adressen besucht haben.

Attribution von Kampagnen

Wenn Ihre Landingpage mit einer E-Mail-Kampagne verknüpft ist, wird der Abschnitt Daten aus Kampagne(n) angezeigt:

• Die E-Mail Adresse des Empfängers
• Die Betreffzeile der Kampagne
• Das Datum ihres Besuchs

Aufschlüsselung nach Gerät und Standort

Verstehen Sie Ihr Publikum besser mit Daten über:

• Gerätetyp (z. B. Desktop, Mobile)
• Top-Standorte nach Land