Welche Tools sind im Landing Page Editor verfügbar?

Sobald Sie mit der Erstellung Ihrer Landing Page beginnen, können Sie die Seite anpassen, um besser auf Ihre Bedürfnisse einzugehen. Hier sind einige Dinge, die Sie im GetResponse Landing Page Editor hinzufügen und anpassen können:

• Sektion
• Text
• Bild
• Button
• Video
• Trennlinie
• Spacer
• Social Media Icons
• Dein Code
• Galerie
• Timer
• Formular
• Pop-up
• Webinar-Anmeldung
• Produktbox
• Kurs-Box und Inhalt

Sektionen

Sektionen sind eine großartige Möglichkeit, den Inhalt Ihrer Seite zu organisieren. Sie können sich eine Sektion als einen Container vorstellen, der Elemente gruppiert. Wenn Sie Elemente wie Buttons, Beschriftungen oder Bilder gruppieren, können Sie diese mit einem einzigen Klick verschieben oder löschen.

Sektionen haben zwei Hauptfunktionen:

• Sie organisieren Elemente in logische Gruppen.
• Sie ermöglichen es Ihnen, Ihre Inhalte auf einfache Weise zu verwalten.

Die meisten unserer Landing Page-Vorlagen bestehen aus Sektionen. Sie können auch zusätzliche Sektionen zu Ihrer Vorlage hinzufügen.

Erfahren Sie mehr darüber, wie Sie Sektionen in unserem Landing Page Editor verwenden.

Text

Sie können entweder ein neues Textfeld aus der Symbolleiste hinzufügen oder den bereits im Template vorhandenen Text bearbeiten. Klicken Sie auf den Text oder das Textfeld, um Änderungen vorzunehmen. Die Bearbeitungsoptionen umfassen:

• Typ
• Schriftart
• Schriftgröße
• Schriftstil
• Schriftfarbe
• Hintergrundfarbe
• Ausrichtung
• Linienhöhe
• Listenstil
• Hyperlink
• Emojis
• Block-Einstellungen (Farbe, Füllung, Rand, Radius, Schatten und Hintergrundmedien)

Bild

In GetResponse finden Sie eine Vielzahl von Stockbildern zur Auswahl, oder Sie können Ihre eigenen Grafiken (Bilder oder GIFs) von Ihrem Computer oder einer URL

hochladen. Sobald sie eingefügt sind, klicken Sie darauf, um weitere Bearbeitungsoptionen zu sehen. Diese umfassen:

• Alternativer Text
• Clickthrough-Link
• Breite und Höhe
• Auf Mobilgeräten auf gesamte Breite skalieren Umschaltoption
• Deckkraft
• Ausrichtung
• Erweiterte Einstellungen (Rand, Radius, Schatten)
• Block-Einstellungen (Farbe, Füllung, Rand, Radius, und Schatten)

Sie können das Bild auch direkt im Landing-Page-Editor mit dem integrierten Fotoeditor ersetzen oder bearbeiten.
Klicken Sie auf die Schaltfläche Ersetzen und wählen Sie ein anderes Bild aus. Klicken Sie auf die Schaltfläche Bearbeiten, um das Bild im Editor zu bearbeiten.

Im Editor können Sie das Bild zuschneiden, die Größe ändern, anpassen und transformieren. Außerdem können Sie Filter, Overlays, Sticker und Text hinzufügen.

Sobald Sie die Bearbeitung abgeschlossen haben, klicken Sie auf den Speichern-Link, um die bearbeitete Version des Bildes zu speichern.

Button

Wenn Sie auf eine andere Website, Telefonnummer, PDF-Dokument usw. verlinken möchten, können Sie einen Button verwenden. Klicken Sie auf den Button, um Folgendes anzupassen:

• Button-Text
• Link-Typ
• URL
• Wie soll der Link geöffnet werden?
• Stil
• Form
• Größe
• Ausrichtung
• Erweiterte Einstellungen (Radius, Schatten)
• Block-Einstellungen (Farbe, Füllung, Rand, Radius und Schatten)

Video

Sie können Videos von Video-Hosting-Plattformen wie YouTube direkt auf Ihrer Landing Page einbetten. Sobald Sie den Video-Block auf die Seite ziehen, klicken Sie darauf und geben Sie die URL des Videos an. Danach können Sie die folgenden Einstellungen anpassen:

• Stummgeschaltete automatische Wiedergabe – Starten Sie die Wiedergabe Ihres stummgeschalteten Clips automatisch, sobald die Seite geladen ist (nicht jeder Browser unterstützt die automatische Wiedergabe)
• Stummschalten – Aktivieren Sie die Stummschaltung als Standardeinstellung
• Loop-Wiedergabe – Stellen Sie das Video so ein, dass es in einer Endlosschleife wiedergegeben wird
• Steuerelemente – Zeigen oder verbergen Sie die standardmäßigen Videosteuerungen, die von der Video-Plattform bereitgestellt werden
• Breite und Höhe
• Auf Mobilgeräten auf gesamte Breite skalieren Umschaltoption
• Ausrichtung
• Erweiterte Einstellungen (Radius, Rand, Schatten)
• Block-Einstellungen (Farbe, Füllung, Rand, Radius und Schatten)

Erfahren Sie mehr darüber, wie Sie Videos zu Ihren Landing Pages hinzufügen.

Trennlinie

Trennlinien sind grafische Linien, die kleine Designelemente zu Ihrer Seite hinzufügen und helfen können, die wichtigsten Bereiche hervorzuheben. Sie können folgende Einstellungen anpassen:

• Layout (horizontal oder vertikal)
• Stil
• Höhe
• Ausrichtung
• Blockeinstellungen (Farbe, Füllung, Rand, Radius und Schatten)

Spacer

Verwenden Sie Spacer, um zusätzlichen Raum zwischen den Objekten auf Ihrer Landing Page hinzuzufügen. Dies kann Ihnen helfen, den Fokus der Besucher auf wichtige Bereiche zu lenken und bietet Ihnen mehr Gestaltungsmöglichkeiten für die Seite. Sie können die folgenden Einstellungen konfigurieren:

• Farbe
• Rand
• Radius
• Schatten

Social Media Icons

Sie können Social Media- und Social Sharing-Icons zu Ihrer Landing Page hinzufügen, um schnellen Zugriff zu ermöglichen und mehr Interaktionen von Ihren Besuchern zu fördern. In den Einstellungen dieses Blocks können Sie Folgendes festlegen:

• Aktion – Was soll passieren, wenn eines der Social Media-Icons angeklickt wird
• Social Media-Plattformen
• Stil
• Layout (horizontal oder vertikal)
• Ausrichtung
• Farbe
• Größe
• Abstände
• Block-Einstellungen (Farbe, Polsterung, Rand, Radius und Schatten)

Erfahren Sie mehr darüber, wie Sie Social Media-Icons zu Ihrer Landing Page hinzufügen können.

Dein Code

Sie können eigenen HTML-Code, CSS-Formatierungen und JavaScript zu Ihrer Landing Page hinzufügen, indem Sie das Element Dein Code verwenden.

Hier finden Sie detaillierte Informationen zum Dein Code-Block.

Galerie

Sie können eine Bildgalerie zu Ihrer Landing Page hinzufügen, um Ihre Produkte und Dienstleistungen zu präsentieren, die Aufmerksamkeit der Besucher auf Höhepunkte Ihres Inhalts zu lenken oder eine visuelle Atmosphäre zu schaffen, die Ihr Unternehmen zur Schau stellt. Für dieses Block können Sie Folgendes anpassen:

• Bilder, die in der Galerie angezeigt werden
• Anzeigestil (Mauer, Raster oder Diashow)
• Breite und Höhe (für den Diashow-Anzeigestil)
• Bildgröße (für die Raster- und Mauer-Anzeigestile)
• Horizontaler und vertikaler Bildabstand (für die Raster- und Mauer-Anzeigestile)
• Erweiterte Einstellungen (Rand, Radius und Schatten)
• Block-Einstellungen (Farbe, Füllung, Rand, Radius und Schatten)

Timer

Sie können einen Timer zu Ihrer Landing Page hinzufügen, um auf ein bestimmtes zukünftiges Datum herunterzuzählen. Sie können auch einen immerwährenden Countdown einrichten. Dieser zählt ab dem Moment, in dem Ihre Besucher die Seite öffnen, und löst eine Upsell-Weiterleitung aus. Dies ist eine großartige Möglichkeit, einen Verkauf

zu bewerben, Upsells zu fördern oder Vorfreude auf eine Veranstaltung zu erzeugen. Es hilft, ein Gefühl der Dringlichkeit zu schaffen, um potenzielle Kontakte zu ermutigen, sich in Ihre Liste einzutragen.

Für dieses Element können Sie konfigurieren:

• Typ (Countdown oder festes Datum)
• Countdown-Dauer
• Format
• Counter-Design (Schriftart, Schriftgröße, Schriftstil, Schriftfarbe, Hintergrundfarbe, Füllung, Rand, Radius)
• Label-Design (Schriftart, Schriftgröße, Schriftstil, Schriftfarbe und Anzeige der Labels-Umschalter)
• Block-Einstellungen (Farbe, Füllung, Rand, Radius und Schatten)

Erfahren Sie mehr darüber, wie Sie Timer im Landing Page Editor verwenden können.

Formular

In unserem Landing Page Editor können Sie zwei Arten von Formularen einfügen:

• Anmeldeformulare – Sie ermöglichen es Ihnen, Besucher in Abonnenten umzuwandeln und die Online-Reichweite Ihres Unternehmens zu vergrößern.
• Kontaktformulare – Sie ermöglichen es Ihren Besuchern, Ihnen Nachrichten zu hinterlassen und Fragen zu stellen. Sie können über den Chat oder manuell per E-Mail oder Telefon antworten.

Hier finden Sie weitere Informationen zum Unterschied zwischen Kontaktformularen und Anmeldeformulare.

Pop-up

Das Hinzufügen von Pop-ups zu Ihrer Landing Page kann Kunden

dazu motivieren, bestimmte Aktionen auszuführen. Pop-ups können Anmeldeformulare enthalten oder zur Bewerbung von Verkäufen und Veranstaltungen verwendet werden. Für Pop-ups können Sie folgende Einstellungen konfigurieren:

• Größe
• Position
• Trigger
• Timing
• Häufigkeit
• Block-Einstellungen (Farbe, Füllung, Rand, Radius, Schatten, Überlagerung und Überlagerungsfarbe)

Klicken Sie hier, um mehr über Pop-ups im Landing Page Editor zu erfahren.

Webinar-Anmeldung

Es ist auch möglich, Webinar-Anmeldeformulare zu Ihrer Landing Page hinzuzufügen. Wenn Sie bereits Webinare geplant haben, ziehen Sie einfach das Webinar-Modul auf Ihre Landing Page. Der Rest passiert automatisch. Zur Erleichterung wird standardmäßig immer das zuletzt erstellte Webinar ausgewählt. Natürlich können Sie entscheiden, welches Webinar Sie auf Ihrer Landing Page bewerben möchten.

Wenn Sie das Modul auf Ihre Website

ziehen, enthält das Webinar-Modul den Titel, das Datum, die Zeitzone, Felder für die Eingabe des Namens und der E-Mail-Adresse sowie einen Teilnahme-Button. In der Toolbar können Sie die Anzeige der folgenden Elemente konfigurieren:

• Webinar-Titel
• Datum und Uhrzeit
• Formulareinstellungen
• Block-Einstellungen (Farbe, Füllung, Rand, Radius, und Schatten)

Hier finden Sie weitere Informationen zu Webinar-Anmeldeformularen.

Produktbox

Sie können nun Produktboxen zu Ihrer Landing Page hinzufügen, um schnellen Zugang zu bieten und mehr Interaktion von Ihren Besuchern zu fördern.

Um diese Funktion zu nutzen, müssen Sie Ihren Store mit GetResponse verbinden oder einen neuen Store in unserem System erstellen.

Nach der Einrichtung können Sie spezifische Produkte auswählen, die angezeigt werden sollen, sowie die Produktbox anpassen.
Einstellungen, einschließlich:

• Anzeige-Einstellungen
• Produktkarten-Design
• Block-Einstellungen (Farbe, Füllung, Rand, Radius und Schatten)

Erfahren Sie mehr darüber, wie Sie eine Produktbox zu Ihrer Landing Page hinzufügen.

Kurs-Box und Inhalt

Sie können jetzt Kurse auf Ihren Landing Pages mit den Blöcken Kurs-Box und Inhaltsverzeichnis bewerben.

• Eine Kurs-Box ist ein Block, mit dem Sie Kurse auf Ihren Websites und Landing Pages anzeigen können, um potenzielle Studenten anzusprechen. Sie bietet Ihren Kontakten die Möglichkeit, sich mit Ihrem Kurs vertraut zu machen und sich mit minimalem Aufwand anzumelden.
• Ein Inhaltsverzeichnis kann verwendet werden, um die Kapitel und Lektionen anzuzeigen, die im Kurs auf einer Landing Page oder Website enthalten sind. Die Verwendung dieses Blocks kann vorteilhaft sein, wenn Sie potenzielle Interessenten mit dem Angebot Ihres Kurses vertraut machen möchten.

Zusätzliche Informationen zu diesen Kursblöcken finden Sie hier.

Schritte für Legacy Landing Pages

Sobald Sie in den Arbeitsbereich des Landing Page Editors gehen, können Sie Ihre Seite anpassen, um sie besser an Ihre Bedürfnisse anzupassen. Hier sind einige Dinge, die Sie im GetResponse Landing Page Editor hinzufügen und anpassen können:

• Hintergrund
• Abschnitt
• Text
• Bild
• Button
• Formular
• Form
• Webinar
• Video
• Social-Media-Symbole
• PayPal-Button
• Benutzerdefinierter Code

Hintergrund

Um den Hintergrund einer Vorlage zu ändern, doppelklicken Sie den Hintergrund für die Bearbeitungsoptionen. Sie können wählen zwischen:

• Vollfarbe
• Farbverlauf
• Bild. Wenn Sie ein Bild auswählen, können Sie entscheiden, wie es in den Abschnitt eingepasst werden soll.
  

Rahmen und Schatten

Für jedes Element, das Sie hinzufügen oder bearbeiten, können Sie einen Rahmen und / oder einen Schatten festlegen. Dies ist eine gute Möglichkeit, ein Element hervorzuheben, wenn Sie die Aufmerksamkeit darauf lenken möchten. Um auf diese Einstellungen zuzugreifen, doppelklicken Sie auf ein Element und wählen Sie das Symbol für die Styling-Tools aus der Symbolleiste.

Für den Rahmen können Sie wählen:

• Stil
• Größe
• Farbe
• Radius

Für den Schatten können Sie wählen:

• Farbe
• Richting
• Abstand
• Ausdehnung
• Unschärfe
  

  

Abschnitte

Abschnitte haben zwei Kernfunktionen:

• Sie fassen Elemente in logischen Gruppen zusammen.
• Sie erlauben Ihnen ein einfaches Management Ihres Webseiteninhalts.

Die meisten unserer Vorlagen sind bereits auf Basis mehrer Abschnitte erstellt, es lassen sich aber jederzeit weitere Abschnitte hinzufügen.

Finden Sie hier weitere Informationen zum Thema Abschnitte.

Text

Sie können ein neues Textelement aus der Werkzeugleiste hinzufügen, oder den bereits vorhandenen Text bearbeiten. Doppelklicken Sie den Text oder das Textelement für die Bearbeitung. Sie können dann wählen:

• Schriftart
• Schriftgrösse
• Schriftfarbe
• Texthintergrund
• Zeilenabstand
• Fettschrift
• Italics
• Text unterstreichen
• Text durchgestrichen
• Ausrichtung (links, zentriert, rechts)
• Aufzählungszeichen
• Nummerierte Liste
• Hyperlinks
• Schatten
  

Bild

In GetResponse finden Sie eine Vielzahl von Bildern, aus denen Sie auswählen können, oder Sie können Ihre eigenen Grafiken (Bilder oder Gifs) von Ihrem Computer oder von einer URL hochladen. Wenn Sie ein Bild hinzugefügt haben, doppelklicken Sie es, um weitere Bearbeitungsoptionen anzuzeigen:

• Grösse
• Rahmen
• Schatten
• Hyperlink

Sie können auch eine der fortgeschritteneren Funktionen verwenden:

• Filter
• Sticker
• Ausrichtung
• Grössenanpassung
• Zuschneiden
• Text
• Zeichnen
• Grafische Anpassung

Button

Wenn Sie auf eine andere Website, ein Video, ein PDF-Dokument usw. verlinken möchten, können Sie einen Button verwenden und durch Doppelklick die folgenden Einstellungen vorzunehmen:

• Grösse
• Button-Text Schriftart
• Schriftgrösse
• Schriftfarbe
• Fettschrift
• Italics
• Text unterstreichen
• Text durchgestrichen
• Hyperlink
• Schatten
• Button Farbe
• Rahmen und Schatten

Hyperlink

Elemente wie Text, Bild und Buttons erlauben es, einen Hyperlink hinzuzufügen. Doppelklicken Sie dazu das entsprechende Element und klicken Sie dann das kleine Hyperlink Symbol. Sie können dann aus den verschiedenen Linktypen wählen:

• Webadresse wird verwendet, um Besucher auf eine andere Website Ihrer Wahl umzuleiten.
• E-Mail öffnet ein neues Fenster in der Standard-E-Mail-Anwendung des Besuchers, voreingestellt mit Ihrer E-Mail Adresse und Betreff der Nachricht.
• Abschnitt wird verwendet, um Besucher zu einem bestimmten Abschnitt auf Ihrer Landing Page zu leiten.
• Telefon erlaubt dem Besucher Ihrer Landing Page, direkt von der Webseite aus die hinterlegte Nummer anzurufen.
• Webinar verbindet zu einem aktiven Webinar, dass Sie erstellt haben und leitet den Besucher zur entsprechenden Registrierungsseite.

Formular

Einige Vorlagen enthalten bereits ein Anmeldeformular. Sollte dies einmal nicht der Fall sein, können Sie manuell ein Formular über das Element aus der Werkzeugleiste hinzufügen. Sie können zwischen einem statischen Formular oder einem Pop-Up Formular wählen.

Um das statische Formular zu bearbeiten, doppelklicken Sie das Formular Element:

• Klicken Sie das Formular, ein Feld, oder den Button, um den Text oder die Formatierung anzupassen
• Klicken Sie das Formular, um weitere benutzerdefinierte Felder und Einwilligungsfelder hinzuzufügen. Benutzerdefinierte Felder helfen Ihnen, weitere Kontaktinformationen zu sammeln. Mithilfe von Einwilligungsfeldern können Ihre Kontakte bei der Anmeldung Ihren Marketing- oder Datenverarbeitungsrichtlinien zustimmen.

Klicken Sie auf Webformularfelder, um weitere Felder hinzuzufügen.

Klicken Sie dann auf den Tab Benutzerdefinierte Felder und wählen Sie die benutzerdefinierten Felder aus, die Sie verwenden möchten. Klicken Sie auf den Tab Einwilligungsfelder, um die in Ihrem Konto erstellten Einwilligungsfelder anzuzeigen, und wählen Sie die Felder aus, die Sie dem Formular hinzufügen möchten.

Der Opt-in-Button dient nur zur Sammlung von Kontakten für Ihr Konto und kann nicht als Hyperlink verwendet werden. Um Ihre Kontakte nach der Anmeldung auf eine bestimmte Seite weiterzuleiten, verwenden Sie die Einstellungen für die Danke-Seite.

Form

Formen können Ihnen helfen, visuelle Trennmarken hinzuzufügen, bestimmte Abschnitte Ihrer Seite hervorzuheben oder Rahmen für bestimmte Elemente zu erstellen. Sie können eine der folgenden Optionen auswählen:

• Kreis
• Rechteck
• Horizontale oder vertikale Linie

Doppelklicken Sie auf die Form, um ihren Hintergrund, Rahmen und Schatten zu bearbeiten.

Webinar

Um es Ihren Kontakten zu erleichtern, sich für ein Webinar anzumelden, können Sie ein Webinar-Anmeldeformular direkt auf Ihrer Landing Page hinzufügen. Doppelklicken Sie auf das Webinar, um auszuwählen, welches Sie verwenden möchten (falls mehrere geplant sind). Wie bei dem Formular können Sie das Anmeldeformular dann anpassen und benutzerdefinierte sowie Einwilligungsfelder hinzufügen.

Lernen Sie hier mehr über die Möglichkeiten, Ihr Webinar auf der Landing Page einzubinden.

Video

Sie können Videos von Hosting-Plattformen wie z.B. YouTube direkt auf Ihrer Landing Page einbetten. Nachdem Sie das Videoelement mit Drag & Drop auf der Seite platziert haben, doppelklicken Sie darauf, um Folgendes einzurichten:

• URL des Videos
• Rahmen und Schatten
• Einstellungen der Videoanzeige

Lernen Sie hier mehr über die Verwendung von Videos auf Ihren Landing Pages.

Social-Media-Symbole

Diese Symbole ermöglichen es Ihren Besuchern, die Seite in ihren Feeds zu teilen und mehr Traffic zu generieren. Sie sind nicht bearbeitbar.

Die Social-Media-Symbole können nicht als Links zu Ihren Social-Media-Profilen verwendet werden. Wenn Sie zu Ihren Profilen verlinken möchten, fügen Sie die Logos der Social-Media-Plattformen als Bilder hinzu und verwenden Sie diese stattdessen als Hyperlinks.

PayPal-Button

Wir bieten eine PayPal-Integration an, um es Ihnen zu erleichtern, Ihre Produkte über Landing Pages zu verkaufen. Erfahren Sie mehr über die Integration und wie Sie den Button verwenden können.

Benutzerdefinierter Code

Wenn Sie ein fortgeschrittener Benutzer sind, können Sie die Option Benutzerdefinierter Code verwenden, um Funktionen hinzuzufügen, die in der Toolbar der Landing Page nicht verfügbar sind.

Erfahren Sie mehr darüber, wie Sie benutzerdefinierten Code zu Ihrer Landing Page hinzufügen können.

Countdown-Timer

Der Countdown-Timer ermöglicht es Ihnen, die Tage, Stunden, Minuten und Sekunden bis zu einem bestimmten zukünftigen Datum herunterzuzählen oder einen Evergreen-Timer einzurichten. Dies ist eine großartige Möglichkeit, um einen Verkauf, Upsell oder ein Ereignis zu bewerben. Er hilft, ein Gefühl der Dringlichkeit zu erzeugen, um potenzielle Kontakte zu ermutigen, sich in Ihre Liste einzutragen.

Erfahren Sie mehr darüber, wie Sie den Countdown-Timer verwenden können.

SEO-Einstellungen

Unter dem Einstellungen-Symbol können Sie festlegen, wie Ihre Seite in den Suchergebnissen und beim Verlinken angezeigt wird.

Sie können Folgendes einrichten:

• Seitentitel
• Seitenbeschreibung
• Cookie-Hinweis
• Favicon
• Facebook-Bild

Vorschau

Sie können die Landing Page, die Dankeschön-Seite und deren mobile Versionen während der Bearbeitung in der Vorschau anzeigen. Klicken Sie auf das Vorschau-Symbol, um zu sehen, wie Ihre Seite nach der Veröffentlichung aussehen wird.