HubSpot-Content zu HubSpot hinzufügen

Um Ihrem HubSpot-Content eine interaktive Google Map hinzuzufügen, können Sie den Einbettungscode der Karte kopieren und ihn in ein HTML-Modul einfügen.

Einbettungscode für Google Map abrufen

• Gehen Sie zu „Google Maps“.
• Geben Sie in der Suchleiste eine Adresse ein. 
• Klicken Sie im Listing der Adresse auf „Teilen“.

• Klicken Sie im Dialogfeld auf die Registerkarte „Karten einbetten“. 
• Klicken Sie auf das Dropdown-Menü „Kartengröße“ und wählen Sie eine Schriftart aus. 
• Klicken Sie auf „HTML kopieren“, um den Einbettungscode aus der Karte zu kopieren. 

Eine Google Map im Drag-&-Drop-Editor hinzufügen

• Klicken Sie in Ihrem HubSpot-Account in der Hauptnavigationsleiste auf das Marketplace-Symbol (marketplace).
• Klicken Sie auf die Registerkarte Module.
• Geben Sie in der Suchleiste HTML ein
• Klicken Sie auf das HTML-Modul 
• Klicken Sie oben rechts auf Kostenloses Modul erhalten. Es kann einige Minuten dauern, bis die Installation des Moduls abgeschlossen ist.

• Wenn die Installation des Moduls abgeschlossen ist, navigieren Sie zu Ihrem Inhalt:

  • Blog: Gehen Sie in Ihrem HubSpot-Account zu Marketing > Website > Blog.
  • Website-Seiten:Gehen Sie in Ihrem HubSpot-Account zu Marketing > Website > Website-Seiten.
  • Landing-Pages: Navigieren Sie in Ihrem HubSpot-Account zu Marketing > Landing-Pages.
• Bewegen Sie den Mauszeiger über Ihren Content und klicken Sie auf „Bearbeiten“.
• Geben Sie im Content-Editor „HTML“ in der Suchleiste des Seitenleisteneditors ein. 
• Klicken Sie auf das HTML-Modul und ziehen Sie dieses in die gewünschte Position. 

• Klicken Sie auf das HTML-Modul, um es zu bearbeiten.
• Fügen Sie im Seitenleisteneditor den Einbettungscode für Ihre Google Map ein.

Eine Google Map zu Content ohne Drag-&-Drop-Bereich hinzufügen

Wenn der Content keinen Drag-&-Drop-Bereich aufweist, müssen Sie das HTML-Modul der Vorlage direkt hinzufügen und das HTML-Modul im Content-Editor bearbeiten. 

Ein HTML-Modul zu einer Vorlage hinzufügen

• Wenn die Installation des Moduls abgeschlossen ist, navigieren Sie zu Ihrem Inhalt:

  • Blog: Gehen Sie in Ihrem HubSpot-Account zu Marketing > Website > Blog.
  • Website-Seiten:Gehen Sie in Ihrem HubSpot-Account zu Marketing > Website > Website-Seiten.
  • Landing-Pages: Navigieren Sie in Ihrem HubSpot-Account zu Marketing > Landing-Pages.

• Bewegen Sie den Mauszeiger über Ihren Content und klicken Sie auf „Bearbeiten“. 
• Klicken Sie auf die Registerkarte „Einstellungen“ und klicken Sie dann auf „Erweiterte Optionen“.
• Klicken Sie im Abschnitt „Vorlage“ auf „Diese Vorlage bearbeiten“.
• Klicken Sie im Design Manager im Inspektor auf „+ Hinzufügen“. 
• Geben Sie in der Suchleiste „HTML“ ein. 
• Klicken Sie auf das HTML-Modul und ziehen Sie dieses in der Vorlage in die gewünschte Position. 

• Klicken Sie oben rechts auf „Änderungen veröffentlichen“.

Einbettungscode im HTML-Modul einfügen

• Gehen Sie in Ihrem HubSpot-Account zu Ihrem Blog, Ihren Website-Seiten oder Landing-Pages.
• Bewegen Sie den Mauszeiger über Ihren Content und klicken Sie auf „Bearbeiten“. 
• Klicken Sie im Content-Editor auf das HTML-Modul.
• Fügen Sie im Seitenleisteneditor den Einbettungscode für Ihre Google Map ein.