Vorlagen für Website-Seiten, E-Mails und Blog-Beiträge im Vorlagendesigner erstellen
Zuletzt aktualisiert am: Januar 19, 2023
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.

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“.
- 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:
- Blog: Vorlagen für einzelne Blog-Beiträge und Blog-Listing-Seiten.
- E-Mail: Vorlagen für E-Mails.
- Seite: Vorlagen für Ihre Website-Seiten und Landing-Pages.
- System: Vorlagen für Fehler-, Passworteingabe- und Abonnement-Seiten.
- Geben Sie einen Dateinamen ein. Wenn Sie fertig sind, klicken Sie auf Erstellen.

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.
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“.
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.
Verwandte Artikel
-
Benutzerdefinierte Schriftarten in HubSpot
Die für Content in HubSpot verfügbaren Schriftarten hängen vom Content und der Schriftart ab. Bestimmte...
Wissensdatenbank -
Google Tag Manager-Code zu HubSpot-Content hinzufügen
Sie können Google Tag Manager mit HubSpot integrieren, um Ihre auf HubSpot gehosteten Landing-Pages,...
Wissensdatenbank -
Smart-Content-Regeln erstellen und verwalten
Smart-Content-Module zeigen unterschiedliche Versionen Ihres Contents basierend auf der Besucherkategorie an....
Wissensdatenbank