Optimieren Sie Ihre Marketing-E-Mails für mobile Geräte (BETA)

Wenn Sie eine Marketing-E-Mail verfassen, können Sie bestimmte Abschnitte für Empfänger auf Desktop- oder mobilen E-Mail-Clients ausblenden sowie die Spaltenkonfiguration und das gesamte Layout ändern, um sie an Benutzer anzupassen, die Ihre E-Mail auf kleineren Geräten lesen. Die Anpassung Ihrer E-Mails an die verschiedenen Geräte kann dazu beitragen, das Engagement zu steigern und die allgemeine Benutzerfreundlichkeit Ihrer E-Mails zu verbessern.

Bitte beachten Sie: diese Funktion ist nur verfügbar, wenn Sie den Drag-and-Drop-E-Mail-Editor verwenden. Bei benutzerdefinierten Code-Vorlagen für E-Mail-Vorlagen muss ein Entwickler immer noch Media-Queries erstellen, um Unterschiede in der Größe des E-Mail-Clients und des Gerätetyps zu berücksichtigen.

E-Mail-Client-Unterstützung

Die meisten großen E-Mail-Anbieter unterstützen die Einstellungen für die mobile Optimierung, die HubSpot im Marketing-E-Mail-Editor bereitstellt, aber die folgenden E-Mail-Clients unterstützen derzeit keine mobil optimierten E-Mails:

• Yahoo! Mail auf Android
• AOL Mail auf Android
• Gmail IMAP (d. h. Verwendung der Gmail-App mit einem Nicht-Google-Konto)
• Einige Versionen von Samsung Mail, wie z. B. die Verwendung eines Outlook Accounts, der mit Samsung Mail verbunden ist.

Wenn Sie einen der oben aufgeführten Clients verwenden, werden die mobilen Optimierungsfunktionen von HubSpot, die Medienabfragen einfügen, die spezifisch für Desktop oder Mobile sind, nicht angewendet. Abschnitte, die für den Desktop oder das Handy ausgeblendet sind, sind auch sichtbar.

Module und Abschnitte auf dem Desktop oder Handy ausblenden

So passen Sie an, welche Module oder Abschnitte für Desktop- oder Mobilempfänger angezeigt werden:

• Navigieren Sie in Ihrem HubSpot Account zu Marketing > Marketing-E-Mails.
• Klicken Sie auf den Namen einer entworfenen E-Mail, oder klicken Sie auf E-Mail erstellen oben rechts, um eine neue E-Mail zu erstellen.
• Klicken Sie auf das Symbol desktop Desktop-Symbol oder mobile Mobile-Symbol am oberen Rand des E-Mail-Editors, um die Einstellungen für jeden Client-Typ zu konfigurieren.

• Bewegen Sie den Mauszeiger über ein Modul oder einen Abschnitt und klicken Sie auf das Symbol hide ausblenden, um dieses Modul in der Version der E-Mail, die Sie bearbeiten, auszublenden.
  
  • Um alle ausgeblendeten Module für eine Version, die Sie gerade bearbeiten, anzuzeigen, klicken Sie oben im E-Mail-Editor auf Alle ausgeblendeten Module anzeigen.
  • Sie können auf das Symbol view klicken, um ein ausgeblendetes Modul für diese Version der E-Mail wieder sichtbar zu machen.

• Im linken Fensterbereich können Sie das Kontrollkästchen Als maximale Breite auf Mobilgeräten anzeigen aktivieren, um sicherzustellen, dass das Modul oder der Abschnitt in voller Breite für mobile Empfänger angezeigt wird.

E-Mail-Layout für Handy oder Desktop anpassen

So konfigurieren Sie unterschiedliche Layout-Einstellungen zwischen mobilen und Desktop-Clients:

• Klicken Sie im linken Fensterbereich auf die Registerkarte Inhalt.
• So passen Sie an, wie ein E-Mail-Abschnitt zwischen Desktop und Handy angezeigt wird:
  • Klicken Sie auf einen der E-Mail-Abschnitte .
  • Unter dem Abschnitt Sichtbarkeit können Sie den Schalter Alle Geräte ausschalten und dann auf Anzeigen oder Ausblenden unter den jeweiligen Abschnitten Desktop und Mobile klicken.

• • Schalten Sie im Abschnitt Layout den Schalter Alle Geräte aus und konfigurieren Sie dann das Spaltenlayout für Desktop und das Stapellayout für Mobilgeräte.

• • Sie können dann das Styling des Abschnitts entweder für mobile oder für Desktop-Clients bearbeiten. Bearbeiten Sie die Körperfarbe, Randbreite und Typ, Hintergrundtyp und Hintergrund Farbe, die mit mobilen oder Desktop-Empfängern verknüpft ist.
• So passen Sie an, wie eine Vorlage für Desktop- oder mobile Empfänger angezeigt wird:
  • Klicken Sie im linken Fensterbereich auf Design.
  • Schalten Sie im Bereich Vorlage den Schalter Alle Geräte aus.
  • Sie können dann das Styling der Vorlage entweder für mobile oder für Desktop-Clients bearbeiten. Bearbeiten Sie die mit mobilen oder Desktop-Empfängern verknüpften Körperfarbe, Randbreite und Typ, Hintergrundtyp und Hintergrundfarbe.

Wenn Sie die Sichtbarkeits- und Layout-Einstellungen für Ihre E-Mail bearbeitet haben, können Sie unter eine Vorschau anzeigen, wie die E-Mail in einer Reihe gängiger E-Mail-Clients erscheinen wird.