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.
Design Manager

Vorlagen für Website-Seiten, E-Mails und Blog-Beiträge im Vorlagendesigner erstellen

Zuletzt aktualisiert am: April 30, 2021

Produkte/Lizenzen

Marketing Hub  Professional, Enterprise
CMS Hub  Professional, Enterprise
Ehemaliges Marketing Hub Basic

Mithilfe einer Vorlage können Sie die Struktur von verschiedener Typen von Inhalten auf einem Blog, einer Seite oder in einer E-Mail steuern. Sie können Vorlagen im Design-Manager erstellen, indem Sie Module per Drag-&-Drop verschieben. Weitere Informationen zum Erstellen von Vorlagen in HubSpot finden Sie in dieser Lektion der Academy.

Bitte beachten:Um E-Mail-Vorlagen zu erstellen, ist ein Marketing Hub Professional- oder Enterprise-Abonnement erforderlich. CMS Hub-Accounts können E-Mails mithilfe des Drag-&-Drop-Editors erstellen.

Was ist eine HubSpot-Vorlage?

HubSpot-Vorlagen legen die Struktur der Blogs, Seiten und E-Mails fest, die Ihre Benutzer im Content-Editor erstellen. Sie können Vorlagen erstellen, indem Sie Inhaltsmodule per Drag-&-Drop verschieben, um ein Layout zu erstellen. Wenn Sie eine Vorlage stattdessen mit HTML erstellen möchten, erfahren Sie hier mehr über das Erstellen einer benutzerdefinierten Code-Vorlage

Mit dem Vorlagendesigner können Sie eine Idee, Skizze oder einen Prototyp in eine Vorlage zum Erstellen von Inhalten verwandeln.

Vom Modell zum Layout

Eine neue Vorlage erstellen

  • Gehen Sie in Ihrem HubSpot-Account zu Marketing > Dateien und Vorlagen > Design-Manager.
  • Klicken Sie oben im Finder auf „Datei“ > „Neue Datei“.

create-new-template

  • Klicken Sie im Dialogfeld auf das Dropdown-Menü „Was möchten Sie erstellen?“ und wählen Sie „Drag-&-Drop“ aus. Klicken Sie dann auf „Weiter“.
  • Klicken Sie auf das Dropdown-Menü „Vorlagentyp“ und wählen Sie einen Typ aus. Obwohl die meisten Standardmodule für jede Vorlage verfügbar sind, sind einige Module auf bestimmte Vorlagentypen beschränkt. Sie können aus den folgenden Vorlagentypen auswählen:
  • Geben Sie einen Dateinamen ein. Wenn Sie fertig sind, klicken Sie auf Erstellen.
Neue Datei
 

Vorlagen strukturieren und anpassen

Mit dem Inspektor auf der rechten Seite im Design-Manager können Sie Ihrer Vorlage weitere Module hinzufügen. Klicken Sie im Inspektor auf „+ Hinzufügen“, um nach Modulen zu suchen und diese Ihrer Drag-&-Drop-Vorlage hinzuzufügen. Erfahren Sie mehr über das Bearbeiten der Struktur Ihrer Vorlage.

Um die Stile Ihrer Vorlage anzupassen, können Sie die Optionen im Inspektor verwenden. Wenn keine bestimmen Module ausgewählt sind, können Sie Styling zum Header-Bereich (<head>) der Vorlage hinzufügen. Klicken Sie auf ein Modul oder eine Gruppe, um die Styling-Optionen für diese Komponenten anzuzeigen. Erfahren Sie mehr darüber, wie Sie die Stile Ihrer Vorlage mithilfe des Inspektors formatieren.

Bitte beachten:Das Anhängen von CSS- oder JavaScript-Dateien an eine E-Mail-Vorlage ist nicht möglich, Sie können jedoch benutzerdefiniertes HTML, Body-Klassen und Inline-Styling hinzufügen

HubSpot-Hilfeartikel – Screenshot

Vorlage in Vorschau anzeigen und veröffentlichen

  • Klicken Sie oben rechts auf „Vorschau“, um eine Vorschau Ihrer Vorlage in einem Webbrowser anzuzeigen. Wenn Sie die Option „Live-Vorschau mit Anzeigeoptionen“ auswählen, können Sie Ihre Vorlage auf verschiedenen Geräten anzeigen lassen.

  • Nachdem Sie Ihre Vorlage fertiggestellt haben, klicken Sie oben rechts auf „Änderungen veröffentlichen“.
    HubSpot-Hilfeartikel – Screenshot

Nachdem Ihre neue Vorlage veröffentlicht wurde, können Sie sie verwenden, um neue Seiten oder E-Mails zu erstellen. Eine Blog-Vorlage kann in Ihren Blog-Einstellungen auf einen vorhandenen Blog angewendet werden