Become a HubSpot power user — join us for HubSpot Training Day 2017.

Gewusst wie: So erstellen Sie Layouts für Seiten-, E-Mail- und Blog-Vorlagen mit Template Builder

Zuletzt aktualisiert am: May 18, 2016

Anforderungen

Produkt: HubSpot Marketing
Abonnement: Basic, Pro, & Enterprise
Mit dem Template Builder (Vorlagendesigner) von HubSpot können Sie bearbeitbare Bereiche (auch als „Module“ bezeichnet) per Drag-and-Drop in Ihre Vorlagen einfügen und auf diese Weise Vorlagen erstellen, die als Grundgerüst für Ihre Seiten, E-Mails und Blogs dienen. Sie können die Codes für HTML-Vorlagen zwar auch komplett neu erstellen, aber mit dem Template Builder (Vorlagendesigner) sparen Sie Zeit und können den Autoren Ihrer Inhalte mehr Flexibilität beim Aufbau ihrer Inhalte bieten.
Wenn der technische Kundendienst von HubSpot Ihre Vorlagen für Sie eingerichtet hat, verfügen Sie bereits über eingerichtete benutzerdefinierte Vorlagen, die auf die Designanforderungen Ihrer Website zugeschnitten wurden. Je nachdem, in welchem Umfang benutzerdefinierte Anpassungen erforderlich waren, verwenden Sie im Allgemeinen am besten die für Sie erstellten Vorlagen oder klonen diese, anstatt komplett neue Layouts zu erstellen. Eine Anleitung zum Bearbeiten der Vorlage finden Sie im nächsten Artikel.

Was ist eine HubSpot-Vorlage?

HubSpot-Vorlagen sind im Wesentlichen Modellseiten und -E-Mails, die Ihnen als Grundgerüst für die Inhalte dienen, die Sie erstellen. Vorlagen werden durch die Anordnung diverser Inhaltsmodule über eine Drag-and-Drop-Benutzeroberfläche aufgebaut. Eine vollständige Erläuterung der einzelnen Arten von standardmäßigen HubSpot-Modulen finden Sie in diesem Artikel.

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

Mockups to layout

Anleitung:

Gehen Sie beim Erstellen einer neuen Seiten-, E-Mail- oder Blog-Vorlage wie folgt vor:

Navigieren Sie zum Design Manager (Design-Manager).

Am schnellsten öffnen Sie den Design-Manager über die Registerkarte Content (Content): Content > Design Manager (Inhalte > Design-Manager).

Navigate to Design Manager

Neue Vorlage erstellen

Um eine neue Vorlage zu erstellen, klicken Sie auf New Template (Neue Vorlage).

Wenn Sie bereits an einer Vorlage oder an einer kodierten Datei arbeiten, klicken Sie auf +Tab (+Registerkarte) für eine neue Registerkarte.

Create new template

Vorlagentyp auswählen

Choose template type

Als Nächstes werden Sie gefragt, ob Sie eine Vorlage, kodierte Datei oder ein benutzerdefiniertes Modul erstellen möchten. Wählen Sie Template Builder (Vorlagendesigner).

Geben Sie außerdem an, welche Art von Vorlage Sie erstellen möchten. Die meisten Module können zu jeder beliebigen Vorlage hinzugefügt werden, aber für jeden Vorlagentyp gibt es außerdem besondere Module, die nur für den betreffenden Vorlagentyp verfügbar sind. Im Template Builder (Vorlagendesigner) können Sie Folgendes erstellen:

  • Page (Seiten)-Vorlagen: Strukturierte Vorlagen, die als Grundgerüst für Ihre Website und Ihre Landing-Pages dienen.
  • Email (E-Mail)-Vorlagen: Strukturierte Vorlagen, die als Grundgerüst für Ihre E-Mails dienen. Diese Vorlagen enthalten einige spezielle Moduloptionen für E-Mails.
  • Blog-Vorlagen: Strukturierte Vorlagen, die als Grundgerüst für Ihre einzelnen Blog-Beiträge und für Blog-Auflistungsseiten dienen.
  • System-Vorlagen: Strukturierte Vorlagen für Fehler-, Abonnement- und passwortgeschützte Seiten. Nähere Informationen zu Systemvorlagen finden Sie weiter unten in diesem Handbuch.

In diesem Beispiel wählen wir Page (Seite), aber Sie können einen beliebigen Vorlagentyp auswählen, den Sie erstellen möchten.

Wählen Sie Create (Erstellen), und geben Sie den Speicherort für Ihre Vorlage bzw. Datei an.

Vorlage benennen und speichern

Wählen Sie das Verzeichnis, in dem Sie Ihre Vorlage speichern möchten.  Klicken Sie auf Save (Speichern).

Mit einem Klick auf die Schaltfläche New Folder (Neuer Ordner) können Sie auch einen neuen Ordner erstellen. Durch die Organisation Ihrer Vorlagen in Ordnern können Sie die gewünschte Vorlage leichter wiederfinden, wenn Sie einen neuen Inhalt erstellen.

New folder

Vorlage strukturieren und benutzerdefiniert anpassen

Im nächsten Artikel in diesem Handbuch finden Sie weitere Informationen zur Strukturierung und Anpassung Ihres Vorlagenlayouts. Nachdem Sie das Layout erstellt und ggf. geändert haben, klicken Sie auf Publish Changes (Änderungen veröffentlichen), um Ihre Vorlage zur Erstellung von Inhalten zur Verfügung zu stellen.
HubSpot Help article screenshot

Eine Seite, E-Mail oder einen Blog-Beitrag erstellen

Sobald eine Vorlage veröffentlicht ist, können Sie auf der Grundlage dieser Vorlage Seiten, Blog-Beiträge oder E-Mails erstellen.

Vorheriger Artikel:

Weiter zum nächsten Artikel: