Zuletzt aktualisiert am: März 7, 2025
Mit einem der folgenden Abonnements verfügbar (außer in den angegebenen Fällen):
Marketing Hub
Professional
,
Enterprise
|
Content 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 durch Ziehen und Ablegen von Modulen erstellen. Erfahren Sie mehr über die Erstellung von Vorlagen in HubSpot in dieser Lektion der Academy.
Bevor Sie loslegen
Bevor Sie mit dieser Funktion beginnen, sollten Sie sich im Voraus darüber im Klaren sein, welche Schritte unternommen werden sollten und welche Einschränkungen die Funktion mit sich bringt und welche Konsequenzen sich daraus ergeben können.
Dies sind die Voraussetzungen:
- Vergewissern Sie sich, dass Sie über die Berechtigung Design-Tools zum Erstellen und Bearbeiten von Vorlagen im Design-Manager verfügen.
- Es wird empfohlen, auch über die Berechtigungen für globalen Content und Design und Website-Einstellungen zu verfügen, wenn Sie globale Web-Ressourcen und Blog/Website-Einstellungen bearbeiten müssen.
Einschränkungen und Wissenswertes
- Zum Erstellen von E-Mail-Vorlagen ist ein Marketing Hub Professional - oder Enterprise-Abonnement erforderlich. Content Hub-Accounts können E-Mails mit dem Drag-&-Drop-E-Mail-Editor erstellen.
- Das Anhängen von CSS- oder JavaScript-Dateien an eine E-Mail-Vorlage wird nicht unterstützt, Sie können jedoch benutzerdefinierte HTML-Markup, Body-Klassen und inline Styling zur Vorlage hinzufügen.
- Drag-&-Drop-Vorlagen unterstützen nicht alle verfügbaren Content-Funktionen. Wenn Sie eine möglichst breite Palette von Tools nutzen möchten, informieren Sie sich stattdessen über die Verwendung von HTML + HubL Vorlagen .
Verstehen Sie HubSpot Vorlagen
HubSpot Vorlagen bilden das Gerüst für Blogs, Seiten und E-Mails, während Ihre Benutzer die eigentlichen Content im Content Editor erstellen. Sie können Vorlagen erstellen, indem Sie Content-Module per Drag-&-Drop verschieben, 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 zu Content > Design-Manager.
- Klicken Sie oben in der linken Spalte auf das Menü Datei und wählen Sie Neue Datei aus.
- 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 Fehler-, Passwortabfrage- und E-Mail-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 des Design-Managers können Sie Ihrer Vorlage weitere Module hinzufügen. Klicken Sie in der rechten Spalte auf "Hinzufügen", um nach Modulen zu suchen und diese Ihrem Drag-&-Drop-Vorlagen-Layout hinzuzufügen. Erfahren Sie mehr über das Bearbeiten der Struktur Ihrer Vorlage.
Um das Styling Ihrer Vorlage anzupassen, können Sie die Optionen in der rechten Spalte 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 . Verwenden Sie den Inspektor zum Styling Ihrer Vorlage.
Vorlage in Vorschau anzeigen und veröffentlichen
Nachdem Sie Ihre Vorlage erstellt haben, können Sie eine Vorschau anzeigen, wie sie auf einer Live-Seite aussehen wird, und sie dann veröffentlichen.
- So zeigen Sie eine Vorschau der Vorlage an:
- Klicken Sie oben rechts auf Vorschau.
- Wenn Sie die Option "Live-Vorschau mit Anzeigeoptionen" auswählen, können Sie eine Vorschau Ihrer Vorlage anzeigen, wie sie auf anderen Geräten angezeigt wird, indem Sie die Viewport Voreinstellung auswählen.
- Wenn Sie Vorschau ohne Anzeigeoptionen auswählen, können Sie nur in einer Vorschau anzeigen, wie Ihre Vorlage in Browsern angezeigt wird.
- Wenn Sie Ihre Vorlage fertiggestellt haben, bestätigen Sie, dass der Schalter In [Content-Typ] zur Verfügung stellen aktiviert ist, und klicken Sie dann oben rechts auf "Änderungen veröffentlichen ".
Sobald Ihre neue Vorlage veröffentlicht ist, können Sie sie zum Erstellen neuer Seiten oder E-Mails verwenden. Eine Blog-Vorlage kann unter auf ein bestehendes Blog in Ihren Blog-Einstellungen angewendet werden.
