Hinweis: Dieser Artikel wird aus Kulanz zur Verfügung gestellt. Er wurde automatisch mit einer Software übersetzt und unter Umständen nicht korrekturgelesen. Die englischsprachige Fassung gilt als offizielle Version und Sie können dort die aktuellsten Informationen finden. Hier können Sie darauf zugreifen.
Landing Pages
Email
Blog

Vorschau Ihrer Inhalte auf einem Mobilgerät anzeigen

Zuletzt aktualisiert am: August 6, 2020

Produkte/Lizenzen

Alle

Während Sie in HubSpot an einem Blog-Beitrag, einer Website-Seite, einer Landing Page oder einer E-Mail arbeiten, können Sie in einer Vorschau sehen, wie Ihr Inhalt auf verschiedenen Gerätetypen angezeigt wird. Sie können auch Personalisierung oder Smart Content testen, indem Sie eine Vorschau Ihrer Inhalte für einen bestimmten Kontakt anzeigen.

So funktioniert „Responsive Design“

 Alle Drag-&-Drop-Vorlagen von HubSpot enthalten Medienabfragen, die die Inhalte so anpassen, dass sie auf verschiedene Bildschirmgrößen passen. Responsive Inhalte sehen nicht auf jedem Gerätetyp identisch aus. Beispielsweise kann ein Bild, das einen Hintergrund ausfüllen soll, je nach Bildschirmgröße unterschiedlich zugeschnitten werden. Erfahren Sie mehr über häufig gestellte Fragen zu „Responsive Design“.

Bitte beachten: Benutzerdefinierte kodierte Vorlagen sind nicht standardmäßig responsiv. Website-Entwickler können mithilfe der CMS-Entwicklerdokumentation sicherstellen, dass die Vorlagen, die sie erstellen, responsiv sind.

Vorschau Ihrer Seite oder Ihres Blog-Beitrags anzeigen

Klicken Sie oben rechts auf „Vorschau“, um zu sehen, wie Ihre Seite Besuchern angezeigt wird.

  1. Gerätevorschau: Klicken Sie auf „In neuem Fenster öffnen“, um eine Live-Vorschau Ihrer Seite in einer neuen Browser-Registerkarte anzuzeigen. Dieser Vorschaulink funktioniert vor der Veröffentlichung der Seite. Klicken Sie auf „Teilbaren Link kopieren“, um den Link in Ihre Zwischenablage zu kopieren, um ihn mit Ihrem Team zu teilen.
  2. Smart-Vorschau: Klicken Sie auf das Dropdown-Menü „Vorschau als“, um in einer Vorschau anzuzeigen, wie Ihre Seite für verschiedene Kontakte in Ihrer Datenbank angezeigt wird.
    • Wählen Sie einen Kontakt aus, um in einer Vorschau anzuzeigen, wie Personalisierung basierend auf den Eigenschaftswerten dieses bestimmten Kontakts angezeigt wird. Klicken Sie auf das zweite Dropdown-Menü, um einen bestimmten Kontakt aus Ihrer Datenbank auszuwählen.
    • Wählen Sie eine Smart Rule aus, um in einer Vorschau anzuzeigen, wie Kontakten, die die entsprechenden Kriterien erfüllen, Smart Content auf Ihrer Seite angezeigt wird. Klicken Sie auf das zweite Dropdown-Menü, um eine bestimmte Smart Rule für die Anzeige in einer Vorschau auszuwählen.
  3. Gerätetyp: Klicken Sie auf „Mobilgerät + Tablet“, um eine Live-Vorschau Ihrer Seite auf einem Telefon oder Tablet anzuzeigen. Klicken Sie auf „Desktop“, um in einer Vorschau anzuzeigen, wie Ihre Seite in einem Webbrowser angezeigt wird.

preview-a-page

Vorschau einer E-Mail im Drag-&-Drop-Editor anzeigen

  • Gehen Sie in Ihrem HubSpot-Account zu Marketing > E-Mail.
  • Klicken Sie auf den Namen Ihres E-Mail-Entwurfs. 
  • Klicken Sie oben rechts auf das Dropdown-Menü „Aktionen“ und wählen Sie „Vorschau“ aus. Sie sehen eine Vorschau Ihrer E-Mail auf einem Tablet und einem Mobilgerät.
  • Um die Personalisierung oder Smart Content zu testen, klicken Sie auf das Dropdown-Menü „Vorschau der Seite für einen bestimmten Kontakt anzeigen“, um einen Kontakt aus Ihrer Datenbank auszuwählen.
  • Klicken Sie oben rechts auf „Teilbaren Link kopieren“, um Ihre Vorschau zu teilen.
  • Wenn Sie mit dem Überprüfen Ihrer Inhalte fertig sind, klicken Sie oben links auf „Zurück“, um zum E-Mail-Editor zurückzukehren.

Erfahren Sie hier, wie Sie Ihre E-Mail im Drag-&-Drop-Editor in einer Vorschau anzeigen und testen können.

Vorschau von Inhalten in einer mit dem klassischen Editor erstellten E-Mail anzeigen

  • Klicken Sie auf einen Gerätetyp, um eine Vorschau zu sehen, wie Ihr Inhalt auf einem Desktop, Tablett oder Mobilgerät dargestellt werden würde. Es gibt Optionen zur Vorschau von Geräten im Hoch- und im Querformat.
  • Klicken Sie auf „In neuem Fenster öffnen“, um eine teilbare Version Ihrer E-Mail in einem Browser-Fenster anzuzeigen, oder klicken Sie auf „Kopieren“, um den Vorschau-Link zu teilen.
  • Um die Personalisierung oder Smart Content zu testen, verwenden Sie das Dropdown-Menü Vorschau als einen bestimmten Kontakt , um einen Kontakt aus Ihrer Datenbank auszuwählen.
  • Wenn Sie mit dem Überprüfen Ihrer Inhalte fertig sind, klicken Sie auf „Vorschaumodus verlassen“, um zum Content-Editor zurückzukehren.

Vorschau Ihrer Inhalte

/de/cos-general/how-will-my-hubspot-content-appear-on-a-mobile-device