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 Entwurf bearbeiten.

  3. Klicken Sie auf Mobile Registerkarte.

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

Unter "Seitenelemente"wird eine (Desktop) und einem (Mobil). 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 die Elemente auf der Landingpage mit Freiform oder ordnen Sie die Objekte neu an, die unter Seitenelemente per Drag & Drop.

Vorschau für Mobilansicht preview-mobile-view

  1. Klicken Vorschau des Entwurfs.

  2. Willst du etwas Cooles sehen? Auswählen Seite nach Seite.

  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