Mobile Ansicht für Ihre Freiform-Landingpage anpassen customize-mobile-view-for-your-free-form-landing-page

Die Mobile-Ansicht Ihrer Freiform-Landingpage ist meist automatisch, kann jedoch angepasst werden. So geht es.

  1. Wählen Sie Ihre freie Landingpage aus.

  2. Klicken Sie auf Entwurf bearbeiten.

  3. Klicken Sie auf die Registerkarte Mobil.

Mobile- vs. Desktop-Ansicht mobile-vs-desktop-view

Unter "Seitenelemente"sehen Sie ein Symbol " "(Desktop) und ein Symbol " "(Mobilgerät). Auf diese Weise können Sie verschiedene Elemente dynamisch anzeigen/ausblenden.

Standardmäßig werden alle Elemente in der Desktop-Ansicht in der Mobile-Ansicht angezeigt.

NOTE
Rechtecke werden in der Mobile-Ansicht nicht angezeigt.

Wichtige Informationen: important-things-to-know

  • Bilder werden auf die Breite Ihres Mobilgeräts erweitert. Wenn Sie kleinere Bilder benötigen, ziehen Sie das Rich-Text-Element und fügen Sie von dort das Bild hinzu.

  • Verwenden Sie nur Forms 2.0 Forms. Sie sind responsiv und werden automatisch angepasst.

  • Nur ein Vorlagenelement kann bearbeitet werden, BODY#BODY (Mobile). Damit können Sie die Hintergrundfarbe ändern.

Ausblenden eines Elements in der Mobile-Ansicht hide-an-element-from-the-mobile-view

TIP
Weniger ist mehr auf Mobilgeräten. Verwenden Sie weniger Wörter für glücklichere Kunden.
  1. Um ein Element auszublenden, aktivieren Sie das entsprechende Kontrollkästchen unter der Spalte "Mobil".

  2. Perfekt! Dieses Element ist in Ihrer Mobile-Ansicht nicht mehr sichtbar.

Hinzufügen eines Elements zur Mobile-Ansicht add-an-element-to-the-mobile-view

TIP
Spezielle (kürzere) Inhalte nur für die Mobile-Ansicht erstellen.
  1. Um ein Element hinzuzufügen, ziehen Sie es per Drag-and-Drop auf die Freiform-Landingpage.

    Stellen Sie sicher, dass das Element so eingestellt ist, dass es nur in der Mobile-Ansicht angezeigt wird.

TIP
Die mobile Ansicht kann auch eine andere Anordnung von Seitenelementen aufweisen. Verschieben Sie Elemente auf der Freiform-Landingpage oder ordnen Sie die unter Seitenelemente aufgelisteten Objekte durch Drag & Drop neu an.

Vorschau für Mobilansicht preview-mobile-view

  1. Klicken Sie auf Vorschau von Entwurf anzeigen.

  2. Willst du etwas Cooles sehen? Wählen Sie "Side by Side".

  3. Jetzt können Sie die Desktop- und Mobilgeräteversionen Ihrer Landingpages gleichzeitig sehen!

  4. Wenn es Ihnen gefällt, klicken Sie auf Genehmigen und schließen.

    note note
    NOTE
    Die Vorschau ist nicht interaktiv. Jedes Smartphone zeigt Dinge etwas anders an. Es wird empfohlen, eine Vorschau Ihrer Landingpage auf einigen Geräten anzuzeigen, um genau zu sehen, wie sich die Landingpage verhält.

Viel Spaß!

recommendation-more-help
94ec3174-1d6c-4f51-822d-5424bedeecac