Mobilversionen erstellen

5 min

Erstellen Sie ein Klickprofil für die Mobilversion. Für die Mobilversion können Sie auch ein Klickprofil angeben, um später auszuwerten, wie viele Empfänger in der Mobilversion geklickt haben. Legen Sie ein Klickprofil an und wählen Sie in den Allgemeinen Einstellungen der Vorlage im Reiter Mobil in der Drop-down-Liste Klickprofil dieses Profil aus.

Tip

Landing-Pages

Mobile Fusion erstellt automatisch auch Mobilversionen von Landing-Pages und SWYN-Pages. Die Mobilversion von Landing-Pages können Sie mit den hier beschriebenen Einstellungen ebenfalls anpassen.

Erstellen Sie zuerst die Desktop-Version. Bevor Sie mit der Erstellung der Mobilversion eines Mailings beginnen, erstellen Sie zunächst die Desktop-Version. Die Standardeinstellungen für Mobile Fusion wurden im Template-Kit so gewählt, dass automatisch alle Inhaltsparagraphen in die Mobilversion übernommen werden. Die Seitenleiste wird unterhalb des Hauptinhaltsbereiches angezeigt, das Inhaltsverzeichnis wird ausgeblendet. Sie können alle Standardeinstellungen später verändern.

Blenden Sie Inhalte aus, die nicht in der Mobilversion erscheinen sollen. Sie können alle Paragraphen einzeln für die Mobilversion aktivieren. Standardmäßig ist diese Option, außer beim Inhaltsverzeichnis-Paragraphen, bereits aktiviert. Wenn Sie beispielsweise Ihren Mobil-Newsletter kompakter gestalten möchten, können Sie einzelne Paragaphen aus der Mobilversion entfernen, indem Sie das Häkchen In Mobilversion anzeigen entfernen.

Note

Achten Sie darauf, keine Elemente wie Kopf, Fuß oder Editorial auszublenden, damit der Mobil-Newsletter vollständig ist.

Erstellen Sie alternative Paragraphen für die Mobilversion. Es kann vorkommen, dass Inhaltsparagraphen in der Mobilversion nicht richtig oder wie gewünscht dargestellt werden, etwa weil die verwendeten Bilder in der verkleinerten Mobilansicht ungünstig aussehen oder der Paragraph zu viel Text enthält. Möchten Sie diesen Paragraphen trotzdem in die Mobilversion aufnehmen, erstellen Sie zwei Varianten, eine für die Desktop-Ansicht und eine für die Mobilansicht. Deaktivieren Sie die jeweils andere Ansicht in den Einstellungen der beiden Paragraphen.

Note

Verwenden Sie diese Option nur, wenn die Anpassungen des Mobil-Layouts nicht zum gewünschten Ergebnis führen. Stellen Sie sicher, dass jeweils nur ein Paragraph im Newsletter angezeigt wird.

Fügen Sie Paragraphen ein, die nur in der Mobilversion angezeigt werden sollen. Möchten Sie bestimmte Informationen nur an Empfänger mit Mobilgeräten verschicken, fügen Sie einen Inhaltsparagraphen an der entsprechenden Stelle ein und blenden Sie diesen Paragraphen in der Desktop-Version aus, indem Sie das Kontrollkästchen In Desktop-Version anzeigen deaktivieren.

Note

Achten Sie darauf, keine wesentlichen Inhalte in der Desktop-Version auszublenden.

Positionieren Sie die Seitenleiste. Die Seitenleiste eines Gliederungsparagraphen wird in der Mobilversion aus Darstellungsgründen entweder über oder unter dem Hauptinhaltsbereich angezeigt. Dadurch verschiebt sich die Anordnung von Elementen. Wenn Sie beispielsweise in der Seitenleiste ein Inhaltsverzeichnis oder die neuesten Meldungen einfügen, dann empfiehlt es sich, die Seitenleiste über dem Hauptbereich anzuzeigen oder das Inhaltsverzeichnis und so weiter in der Mobilversion auszublenden. Testen Sie, ob die Inhalte in der Mobilversion in der richtigen Reihenfolge angezeigt werden. Wenn Sie mehrere Gliederungsparagraphen in einem Mailing verwenden, können Sie diese Einstellung in jedem Gliederungsparagraphen separat vornehmen.

Passen Sie die Breite von Paragraphen in der Mobilversion an Sie können in allen Inhaltsparagraphen eine prozentuale Breite für die Mobilversion angeben, um ein mehrspaltiges Layout zu erzeugen. Beachten Sie, dass diese Einstellung sich nur dann auswirkt, wenn Sie die Breite in zwei aufeinanderfolgenden Paragraphen anpassen, so dass sich eine Gesamtbreite von 100 % ergibt. Nutzen Sie diese Möglichkeit beispielsweise, um zu erzwingen, dass ein Bild neben einem Text angezeigt wird. Verwenden Sie dazu einen Paragraphen mit einem Bild und einen weiteren Paragraphen mit einem Text. Geben Sie dann für den Bild-Paragraphen eine Breite von beispielsweise 30 Prozent an. Im Textparagraphen müssen Sie dann eine Breite von 70 Prozent eingeben. Verwenden Sie diese Option nur für kurze Texte und einfache Bilder oder Grafiken, da mehrspaltige Layouts in der Mobilansicht die Darstellungsqualität und Lesbarkeit verringern.

Tipps für die Optimierung der Mobilversion

Optimieren Sie die allgemeinen Einstellungen der Vorlage. Das Template-Kit bietet Ihnen größtmögliche Flexibilität bei der Newsletter-Gestaltung. Sie können Abstände, Ränder, Farben und weitere Konfigurationen selbst vornehmen. Die meisten dieser Einstellungen, außer der Breite und dem äußeren Rand des Newsletters, werden in der Mobilversion übernommen. Sie können mit diesen Einstellungen auch das Aussehen der Mobilversion verändern.

Testen Sie Newsletter mit Outlook. Die HTML- und Mobil-Vorschau liefern eine simulierte Ansicht des Mailings in E-Mail-Programmen und auf mobilen Endgeräten. Die tatsächliche Ansicht variiert je nach verwendeter Soft- und Hardware. Zeigt Outlook keine Fehler, ist die Darstellung in anderen Programmen und Webmailern höchstwahrscheinlich ebenfalls korrekt.

Wechseln Sie im Bearbeiten-Modus zur Mobilansicht. Sie können während der Bearbeitung eines Mailings schnell zwischen der Desktop- und Mobil-Ansicht hin- und herwechseln, indem Sie das Bearbeiten-Fenster in Optimizely Campaign verkleinern und mit dem Mauszeiger die Breite weiter verkleinern. Sobald die Fensterbreite 600 Pixel unterschreitet, wechselt die Anzeige zur Mobilansicht.

Die Darstellung der Mobilversion ist nicht in allen E-Mail-Apps einheitlich und kann vom Vorschau-Layout oder den Test-E-Mails abweichen.