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

• Gehen Sie zu Ihrem Content:

  • Blog: Gehen Sie in Ihrem HubSpot-Account zu Marketing > Website > Blog.
  • Website-Seiten: Gehen Sie in Ihrem HubSpot-Account zu Marketing > Website > Website-Seiten.
  • Landingpages: 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 Inhaltseditor HTML in die Suchleiste des Seitenleisteneditors ein. 
• Klicken Sie auf das HTML-Modul und ziehen Sie es an die gewünschte Stelle in Ihrem Inhalt. 

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

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

Wenn Ihr Inhalt nicht über einen Drag-and-Drop-Bereich verfügt, müssen Sie das HTML-Modul direkt zur Vorlage hinzufügen und dann im Inhaltseditor 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.
  • Landingpages: 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.