Zum Hauptinhalt
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

Vorschau Ihrer Inhalte auf verschiedenen Geräten anzeigen

Zuletzt aktualisiert am: April 30, 2021

Produkte/Lizenzen

Alle

Während Sie einen Blog-Beitrag, eine Website-Seite, eine Landing Page oder eine E-Mail bearbeiten, 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.

Responsives Design verstehen

Alle HubSpot Drag-&-Drop-Vorlagen sind standardmäßig responsiv. Ihre Inhalte passen sich automatisch an unterschiedliche Bildschirmgrößen an.  Beispielsweise kann ein Bild, das einen Hintergrund ausfüllen soll, unterschiedlich zugeschnitten werden, damit es auf einen kleineren Bildschirm passt. Erfahren Sie mehr über häufig gestellte Fragen zu responsivem Design.
 
Wenn Sie in einer Starter-Vorlage, einer Designvorlage oder einer Vorlage mit einem Drag-&-Drop-Bereich arbeiten, können Sie im Content-Editor die Art und Weise anpassen, wie Ihre Seite auf einem Mobilgerät angezeigt wird.
 
Im Gegensatz zu Drag-&-Drop-Vorlagen sind benutzerdefinierte Code-Vorlagen standardmäßig nicht responsiv.Website-Entwickler finden in der CMS-Entwicklerdokumentation mehr dazu, wie responsive Vorlagen erstellen können.

Vorschau einer Seite oder eines Blog-Beitrags anzeigen

    1. Um eine Live-Vorschau Ihrer Seite in einer neuen Browser-Registerkarte anzuzeigen, klicken Sie auf „In neuem Fenster öffnen“.
    2. Um die URL der Vorschau in Ihre Zwischenablage zu kopieren, klicken Sie auf „Teilbaren Link kopieren“. Nur HubSpot-Benutzer, die in Ihrem Account angemeldet sind, können auf Ihren teilbaren Link zugreifen.
    3. Um zu sehen, wie Ihre Seite auf Mobilgeräten, Tablets oder Desktopansichten angezeigt wird, klicken Sie auf die jeweiligen mobile Symbole für die Geräte.
    4. Um die Personalisierung Ihrer Seite für einen spezifischen Kontakt anzuzeigen, klicken Sie auf das Dropdown-Menü „Vorschau als“, um wählen Sie „Kontakt“ aus. Klicken Sie dann auf das Dropdown-Menü „Kontakt für die Vorschau auswählen“ und wählen Sie einen Kontakt aus.
    5. Um den Smart Content Ihrer Seite für spezifische Regeln anzuzeigen, klicken Sie auf das Dropdown-Menü „Vorschau als“ und wählen Sie „Smart Rule“ aus. Klicken Sie dann auf das Dropdown-Menü „Smart Rule auswählen“ und wählen Sie eine Smart Rule aus.
  1.  

preview-a-page-2

Vorschau eines Wissensdatenbank-Artikels anzeigen

  • Gehen Sie in Ihrem HubSpot-Account zu Service > Wissensdatenbank.
  • Bewegen Sie den Mauszeiger über Ihren Artikel und klicken Sie auf „Bearbeiten“.
  • Klicken Sie oben rechts auf „Vorschau“. Sie sehen eine Live-Vorschau Ihrer Seite in einer neuen Browser-Registerkarte. 

Vorschau einer E-Mail auf verschiedenen Geräten anzeigen

  • Gehen Sie in Ihrem HubSpot-Account zu Marketing > E-Mail.
  • Bewegen Sie den Mauszeiger über Ihre E-Mail, und klicken Sie auf „Bearbeiten“.
  • 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.
  • Auf der Registerkarte „Geräte“ des Vorschau-Bildschirms können Sie Ihre Vorschau auf verschiedenen Geräten anpassen: 
    1. Um Personalisierung oder Smart Content zu testen, klicken Sie auf das Dropdown-Menü „Vorschau der Seite für einen bestimmten Kontakt anzeigen“, um einen Kontakt auszuwählen.
    2. Klicken Sie oben rechts auf „Teilbaren Link kopieren“, um Ihre Vorschau zu teilen. Nur HubSpot-Benutzer, die in Ihrem Account angemeldet sind, können auf Ihren teilbaren Link zugreifen.
    3. Um die die Klartextversion Ihrer E-Mail anzuzeigen, klicken Sie auf den Schalter „Klartextansicht“, um ihn zu aktivieren. 

preview-your-email

Vorschau einer E-Mail in verschiedenen Clients anzeigen

  • Gehen Sie in Ihrem HubSpot-Account zu Marketing > E-Mail.
  • Bewegen Sie den Mauszeiger über Ihre E-Mail, und klicken Sie auf „Bearbeiten“.
  • 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.
  • Auf der Registerkarte „Clients“ des Vorschau-Bildschirms sehen Sie, wie Ihre E-Mail in verschiedenen E-Mail-Clients aussieht:  
    1. Klicken Sie oben im Vorschau-Bildschirm auf „Clients“
    2. 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 auszuwählen.
    3. Um nach einem bestimmten E-Mail-Client zu suchen, müssen Sie den Namen des Clients in der Suchleiste eingeben. 
    4. Um eine Vorschau der E-Mail für einen bestimmten Client anzuzeigen, aktivieren Sie das Kontrollkästchen neben diesem Client. 
    5. Um in einer Vorschau anzuzeigen, wie die E-Mail Kontakten angezeigt wird, die das Blockieren von Bildern aktiviert haben, klicken Sie auf den Schalter „Bildblockierung“, um ihn zu aktivieren. 
    6. Klicken Sie oben rechts auf „Meine E-Mail jetzt testen“. Um die Ergebnisse eines früheren Tests aufzurufen, klicken Sie unten links auf das Dropdown-Menü „Sehen Sie sich die Ergebnisse Ihrer bisherigen Tests für diese E-Mail hier an“ und wählen Sie ein Testdatum aus. 

preview-your-email-in-different-clients-2