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:
Einschränkungen und Wissenswertes
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:
- 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 add "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.
Blog
Design Manager
Marketing Email
Website & Landing Pages
Marketing Hub
Professional
,
Enterprise
Content Hub
Professional
,
Enterprise
