Wie optimiere ich meine Landing Pages für Mobilgeräte?

In unserem neuen Mobilen Arbeitsbereich im Landing Page Editor lässt Sie die Mobilversion
Ihrer Seite prüfen und anpassen
. Sie können:

  • Text und Bilder skalieren und die Grösse variieren
  • Elemente ausblenden
  • Elemente neu positionieren
  • Hintergrundbilder ersetzen

Der Mobile Arbeitsbereich erlaubt die Bearbeitung Ihrer:

  • leeren Seite, die als Basis für Ihre neue Landing Page dient,
  • Seitenvorlagen, die Sie im Editor nach Ihren Bedürfnissen anpasseen
  • bereits bestehenden Landing Page, die Sie überarbeiten.

Klicken Sie Vorschau und Sie können in einem neuen Browsertab sehen, wie
Ihre Besucher Ihre Landing Page sehen werden.

Wie gelange ich zum Mobilen Arbeitsbereich?

Wenn Sie eine neue Landing Page erstellen, klicken Sie oben auf der Seite das kleine Symbol
Mobiler Arbeitsbereich

Auswahl mobiler Arbeitsbereich.

Bei einer bereits bestehenden Landing Page klicken Sie das Mobiler Arbeitsbereich Symbol und es
öffnet sich eine Popup Box zur Bestätigung, dass die erstellte Seite konvertiert werden soll.
Danach öffnet sich der Mobile Arbeitsbereich.

Die Landing Page wird nun im mobile responsiven Layout auf Mobilgeräten angezeigt.

Der Breakpoint für die Mobilversionen in GetResponse ist 600px. Wenn Ihre Landing Page also
im Bereich 600px oder geringer dargestellt wird, erfüllen wir das mobile responsive Layout.

Hinweis: Wenn Sie Ihre Landing Pages und Dankeseiten nicht für mobile responsives Layout
konvertiert haben, werden wir Sie beim Speichern der Seite nochmals fragen, ob Sie eine
automatische Konvertierung wünschen.

Wie kann ich die Mobilversion meiner Landing Page automatisch optimieren?

Da der Arbeitsbereich der Desktopversion und der Mobilversion unterschiedliche Versionen desselben Layouts darstellen, kann eine Version nicht manuell bearbeitet werden, ohne die andere zu beeinflussen.
Stattdessen bieten wir die Option, Ihre Landing Page für Mobilgeräte automatisch zu optimieren:

  1. Klicken Sie auf das Symbol Mobiler Arbeitsbereich.
  2. Klicken Sie dann im Editor der Mobilversion auf eine beliebige Stelle im Arbeitsbereich.
  3. Wenn Sie Windows nutzen, verwenden Sie die Tastenkombination Control + O (Buchstabe O). Nutzen Sie Mac, verwenden Sie Command + O oder Command + Control + O (Buchstabe O).
  4. Sie werden dann in einem neuen Fenster gefragt, ob Sie das Layout automatisch optimieren wollen. Klicken Sie auf Ja, um diesen Prozess zu starten.
Auswahl Layout optimieren.

Ihre Landing Page wird nun automatisch für Mobilgeräte eingerichtet.

Hinweis: Dieser Schritt macht alle manuellen Anpassungen im mobilen Editor rückgängig. Dieser Schritt kann nicht rückgängig gemacht werden und wird nicht im Bearbeitungsverlauf gelistet sein.

Wie kann ich Elemente im Mobilen Arbeitsbereich neu positionieren?

Mit Drag und Drop können Sie Elemente im Mobilen Workspace verschieben. Berücksichtigen
Sie dabei bitte, dass einige Änderungen auch die Desktopversion der Seite beeinflussen können:

  • Verschieben von Elementen in einen anderen Abschnitt oder auch das Entfernen von Objekten
    beeinflusst die Desktopversion der Landing Page.
  • Verschieben von Elementen innerhalb eines Abschnitts ändert nur die Mobilversion.
    Die Desktopversion wird davon nicht beeinflusst.

Wenn eine Änderung auch die Desktopversion Ihrer Seite ändert, weisen wir jeweils mit einer kleinen Nummer neben dem Symbol für den Mobilen Arbeitsbereich darauf hin.

Anzeige Änderungen der Desktopversion.

Diese Nummer zeigt auf, wieviele einzelne Änderungen übergreifen. Gleiches gilt auch für Änderungen, die in der Desktopversion gemacht werden und dann entsprechend das Layout der Mobileversion beeinfluessen.

Sie können Elemente nur innerhalb des Arbeitsbereichs verschieben. Es ist nicht möglich, Elemente in den Seitenbereich zu platzieren (diagonale Streifen links und rechts), da der Bereich nicht direkt im mobile responsiven Layout sichtbar wäre und der Besucher der Landing Page umständlich zur Seite scrollen müsste.
Wir möchten gewährleisten, dass Ihre Landing Pages auch auf kleinen Displays korrekt dargestellt werden.

Ansicht mobiler Arbeitsbereich.

Wie skaliere ich Elemente und variiere die Grösse im Mobilen Arbeitsbereich?

Sie können auch die Grösse ändern, um die Breite eines Textelements zu verändern.
Danach können Sie skalieren, um die Textgrösse im Mobilen Arbeitsbereich zu ändern.

Die Grössenänderung und Skalierung erlaubt es Ihnen, Textelemente im Mobilen Arbeitsbereich so zu gestalten, dass Sie auf Mobilgeräten wie gewünscht dargestellt werden. Bitte sehen Sie hier:

1. Klicken Sie das Element.

Textelement im mobilen Arbeitsbereich.

2.Um die Grösse zu ändern, klicken und ziehen Sie die kleinen Elemente an den Seiten.

Textelement Grösse anpassen.

3. Zum Skalieren, klicken und ziehen Sie die kleinen Elemente an den Ecken.

Textelement skalieren.

Skalierung und Änderungen der Grösse im Mobilen Arbeitsbereich haben keinen Einfluss auf
die Desktopversion
.

Kann ich Elemente aus dem Mobilen Arbeitsbereich entfernen?

Sie können Elemente verbergen, in dem Sie das kleine Symbol für die Darstellung oben rechts
in der Ecke des Elements klicken.

Beispiel Element verbergen.

Um die verborgenen Elemente zu sehen, klicken Sie Verborgene Elemente anzeigen in der
Menüleiste des Landing Pages Editors.

Es werden dann alle Elemente grau dargestellt und Sie sehen die verborgenen Element.
Sie können nun:

  • Das Element sichtbar machen. Klicken Sie dafür das kleine Symbol oben rechts im Element.
  • Das Element weiterhin verbergen. Klicken Sie dafür nochmals Elemente verbergen
    oben in der Menüleiste
Auswahl Elemente verbergen.

Hinweis: Es ist nicht möglich, Elemente hinzuzufügen oder zu löschen, wenn Sie im
Mobilen Arbeitsbereich arbeiten. Wechseln Sie dazu in den Desktop Arbeitsbereich.

Kann ich im Mobilen Arbeitsbereich Textelemente und Hintergrundbilder ersetzen?

Sie können Textelemente anpassen und Hintergrundbilder ersetzen.

  • Für Textelemente, ein Doppelklick auf das Element öffnet die Werkzeugleiste **
    Sie können nun **Textgrösse, Farbe, and Ausrichtung
    anpassen.
  • Für Hintergrundbilder, klicken Sie das Bild und die Sie können dann die Einstellungen
    anpassen oder auch das Bild ersetzen.

Haben Sie noch Fragen?

Treten Sie unserer Facebook-Gruppe bei und tauschen Sie sich dort mit unseren Experten aus. Stellen Sie Fragen – wenden Sie sich an die Gruppe, um Inspiration und Einblick für erfolgreiche Landing Pages zu erhalten.