Zuletzt aktualisiert am: Juni 28, 2023
Mit einem der folgenden Abonnements verfügbar (außer in den angegebenen Fällen):
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 Designmanager durch Ziehen und Ablegen von Modulen erstellen. 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, E-Mails und fest, die Ihre Benutzer im Content Editor erstellen. Sie können eine Vorlage durch Ziehen und Ablegen von Inhaltsmodulen erstellen, um ein Layout zu erstellen. Wenn Sie stattdessen eine Vorlage mit HTML erstellen möchten, erfahren Sie mehr über die Erstellung einer benutzerdefinierten codierten Vorlage.
Mit dem Layout-Editor können Sie eine Idee, eine Skizze oder einen Prototyp in eine responsive Vorlage für die Erstellung von Inhalten umwandeln.
Eine neue Vorlage erstellen
- Gehen Sie in Ihrem HubSpot-Account zum Abschnitt Marketing, klicken Sie dann auf Dateien und Vorlagen und abschließend auf 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. Während 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 dieSeiten error, password prompt und email subscription.
- Geben Sie einen Dateinamen ein. Wenn Sie fertig sind, klicken Sie auf Erstellen.
Vorlagen strukturieren und anpassen
Sie können weitere Module zu Ihrer Vorlage hinzufügen, indem Sie den Inspektor auf der rechten Seite des Design-Managers verwenden. Klicken Sie im Inspektor auf „+ Hinzufügen“, um nach Modulen zu suchen und diese Ihrer Drag-&-Drop-Vorlage hinzuzufügen. Erfahren Sie mehr über die Bearbeitung 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 über die Verwendung des Inspektors zur Gestaltung Ihrer Vorlage.
Bitte beachten Sie: Es ist nicht möglich, CSS- oder Javascript-Dateien an eine E-Mail-Vorlage anzuhängen, aber Sie können benutzerdefiniertes HTML-Markup, Body-Klassen und Inline-Styling zu der Vorlage 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 Live-Vorschau mit Anzeigeoptionenwählen, können Sie Ihre Vorlage so anzeigen, wie sie auf anderen Geräten erscheint.
- Nachdem Sie Ihre Vorlage fertiggestellt haben, klicken Sie oben rechts auf „Änderungen veröffentlichen“.
Sobald Ihre neue Vorlage veröffentlicht ist, können Sie sie zur Erstellung neuer Seiten oder E-Mails verwenden. Eine Blogvorlage kann in Ihren Blogeinstellungenauf ein bestehendes Blog angewendet werden.
