Gewusst wie: So erstellen Sie intelligente HTML-Inhalte

Zuletzt aktualisiert am: May 20, 2016

Anforderungen

Produkt: HubSpot Marketing
Abonnement: Pro & Enterprise
Smart Content kann äußerst nützlich bei der Bereitstellung der Inhalte auf Ihrer Website für Ihre Besucher sein. Sie können Smart Content nicht nur in einem Rich-Text-Modul nutzen. Mit intelligenten HTML-Modulen können Sie benutzerdefinierte Bereiche Ihrer Website zusätzlich personalisieren und die gleichen vertrauten Optionen und Regeln verwenden.
Diese Möglichkeit steht für Professional- und Enterprise-Kunden zur Verfügung.

Wie kann Ihnen dies helfen?

Bei der Personalisierung Ihrer Inhalte muss es nicht immer bloß darum gehen, Ihren Besucher mit seinem Namen anzureden oder ein paar Sätze im Inhalt auszutauschen. Mit einem intelligenten HTML-Modul können Sie ganze Abschnitte in Ihren Inhalten ändern. Nehmen wir an, Sie testen ein neues Live-Chat-Widget auf Ihrer Website. Mithilfe eines intelligenten HTML-Moduls könnten Sie entscheiden, dieses Widget nur für Ihre Kunden anzuzeigen, wenn diese Ihre Website besuchen, und für niemanden sonst.

Klingt das für Ihre Website überzeugend? Fantastisch. Gehen Sie folgendermaßen vor, um dies auf Ihrer HubSpot-Seite oder sogar in Ihrer HubSpot-Vorlage einzurichten.

Anleitung für Ihre HubSpot-Seite

Die folgende Anleitung erläutert, wie Sie ein intelligentes HTML-Modul auf einer Ihrer HubSpot-Seiten erstellen können.

1. Zu Site Pages (Website-Seiten) oder Landing Pages (Landing-Pages) navigieren

Navigieren Sie zu einer vorhandenen Seite oder erstellen Sie eine neue Seite. Navigieren Sie hierfür zu Content > Site Pages (Inhalte > Website-Seiten) oder zu Content > Landing Pages (Inhalte > Landing-Pages).  (Wenn Sie keine Website-Seiten haben, sollten Sie hier Landing-Pages auswählen.)
HubSpot Help article screenshot

2. Neue Seite erstellen oder Seite bearbeiten

Unter Landing Pages (Landing-Pages) oder Site Pages (Website-Seiten) können Sie entweder eine vorhandene Seite bearbeiten oder auf die blaue Schaltfläche Create a New Website/Landing Page (Neue Website-Seite/Landing-Page erstellen) klicken.
HubSpot Help article screenshot

3. Das Modul als intelligentes Modul definieren

Wenn Sie sich auf Ihrer HubSpot-Seite befinden, sollten Sie zum benutzerdefinierten HTML-Modul links auf Ihrer Seite navigieren, in dem Sie normalerweise Ihre kodierten Inhalte bearbeiten und einfügen. Bevor Sie dieses HTML-Modul als intelligentes Modul definieren, sollten Sie sich versichern, welchen Standardcode Sie dort jetzt für Besucher außerhalb Ihrer Zielgruppe festgelegt haben. 

Wenn Sie mit dem festgelegten Standard-HTML-Code zufrieden sind, bewegen Sie den Mauszeiger über das Modul, um Ihre Bearbeitungsoptionen anzuzeigen. Klicken Sie dann auf das Smart-Symbol, um zu beginnen.

HubSpot Help article screenshot

4. Art des Smart Content auswählen und erstellen

Sie sollten bereits entschieden haben, an welche Besucher-Zielgruppe Sie Ihren Inhalt richten möchten. Jetzt müssen Sie entscheiden, welche Art von Smart Content Sie verwenden möchten. Es stehen fünf Optionen zur Verfügung: Country (Land), Device Type (Gerätetyp), Referral Source (Verweisquelle), Contact List Membership (Kontaktlisten-Mitgliedschaft) oder Lifecycle Stage (Lifecycle-Phase). Sie können nur eine Art von Smart Content auswählen, um diesen hier zu erstellen.  Wählen Sie eine der Optionen aus, und klicken Sie auf Next Step (Nächster Schritt).
HubSpot Help article screenshot
Nachdem Sie Ihre Entscheidung über die Art des Smart Content getroffen und die zugehörigen Kriterien ausgewählt haben, klicken Sie auf die blaue Schaltfläche Next Step (Nächster Schritt), um mit dem nächsten Schritt fortzufahren.
HubSpot Help article screenshot

5. Smart Rule (intelligente Regel) anpassen

Hier spielt sich Ihre gesamte Erstellung von Inhalten für Smart Rules ab. Sie sehen nun den HTML-Inhaltsbereich für die von Ihnen erstellte Regel. Hier können Sie den HTML-Code einfügen, den Sie für Ihre neue Smart Rule geschrieben haben. Nachdem Sie diese Inhalte fertiggestellt haben, klicken Sie auf Done (Fertig).
HubSpot Help article screenshot
Das ist alles! Sie haben ein intelligentes HMTL-Modul für Ihre Webseite erstellt.

Anleitung für Ihre HubSpot-Vorlage

Die folgende Anleitung erläutert, wie Sie ein intelligentes Formular in einer Ihrer HubSpot-Vorlagen erstellen können.

1. Zum Design Manager (Design-Manager) navigieren

Navigieren Sie zu einer vorhandenen Vorlage oder erstellen Sie eine neue Vorlage. Navigieren Sie hierfür zu Content > Design Manager (Inhalte > Design-Manager).
HubSpot Help article screenshot

2. Neue Vorlage erstellen oder Vorlage bearbeiten

Im Design Manager (Design-Manager) können Sie entweder auf den Namen einer vorhandenen Vorlage klicken, um diese zu bearbeiten, oder Sie können auf die blaue Schaltfläche New Template (Neue Vorlage) klicken.
HubSpot Help article screenshot

3. Das Modul als intelligentes Modul definieren

Suchen Sie innerhalb Ihrer Vorlage das Custom HTML (benutzerdefinierte HTML)-Modul, das Sie als intelligentes Modul definieren möchten. Nachdem Sie das Modul gefunden haben, klicken Sie auf das Zahnrad-Symbol innerhalb des Moduls, und wählen Sie dann in dem angezeigten Drop-down-Menü die Option Make Smart (Als intelligent definieren).
HubSpot Help article screenshot

4. Art des Smart Content auswählen und erstellen

Sie sollten bereits entschieden haben, an welche Besucher-Zielgruppe Sie Ihren Inhalt richten möchten. Jetzt müssen Sie entscheiden, welche Art von Smart Content Sie verwenden möchten. Es stehen fünf Optionen zur Verfügung: Country (Land), Device Type (Gerätetyp), Referral Source (Verweisquelle), Contact List Membership (Kontaktlisten-Mitgliedschaft) oder Lifecycle Stage (Lifecycle-Phase). Sie können nur eine Art von Smart Content auswählen, um diesen hier zu erstellen. Wählen Sie eine der Optionen aus, und klicken Sie auf Next Step (Nächster Schritt).
HubSpot Help article screenshot
Nachdem Sie Ihre Entscheidung über die Art des Smart Content getroffen und die zugehörigen Kriterien ausgewählt haben, klicken Sie auf die blaue Schaltfläche Next Step (Nächster Schritt), um mit dem nächsten Schritt fortzufahren.
HubSpot Help article screenshot

5. Smart Rule (intelligente Regel) anpassen

Hier spielt sich Ihre gesamte Erstellung von Inhalten für Smart Rules ab. Sie sehen nun den HTML-Inhaltsbereich für die von Ihnen erstellte Regel. Hier können Sie den HTML-Code einfügen, den Sie für Ihre neue Smart Rule geschrieben haben. Nachdem Sie diese Inhalte fertiggestellt haben, klicken Sie auf Done (Fertig).
HubSpot Help article screenshot
Das ist alles! Sie haben ein intelligentes HMTL-Modul für Ihre Vorlage erstellt.

Vorheriger Artikel:

Weiter zum nächsten Artikel: