Hinweis: Dieser Artikel wird aus Kulanz zur Verfügung gestellt. Er wurde automatisch mit einer Software übersetzt und unter Umständen nicht korrekturgelesen. Die englischsprachige Fassung gilt als offizielle Version und Sie können dort die aktuellsten Informationen finden. Hier können Sie darauf zugreifen.
CMS-General

Ihren HubSpot-Seiten eine Google-Karte hinzufügen

Zuletzt aktualisiert am: Januar 25, 2019

Produkte/Lizenzen

Marketing Hub Professional, Enterprise
Basic

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

Bitte beachten: Wenn die Karte bereits in einem Google Maps-Modul eingebettet war, müssen Sie zunächst das alte Modul gegen ein HTML-Modul austauschen. Aufgrund von Änderungen an der Google-API wird dieses Modul nicht mehr unterstützt. 

So tauschen Sie ein vorhandenes Karten-Modul gegen ein HTML-Modul aus:

  • Laden Sie das HTML-Modul aus dem Marketplace herunter. 
  • Gehen Sie in Ihrem HubSpot-Account zu Ihren Landing-Pages oder Website-Seiten
  • Bewegen Sie den Mauszeiger über eine Seite und klicken Sie auf „Bearbeiten“
  • Klicken Sie auf die Registerkarte „Einstellungen“ und wählen Sie dann „Erweiterte Optionen“ aus. 
  • Bewegen Sie im Abschnitt „Vorlage“ den Mauszeiger über den Thumbnail und klicken Sie auf „Vorlage bearbeiten“.
  • Klicken Sie auf das vorhandene Karten-Modul, um den Moduleditor zu öffnen. 
  • Klicken Sie im Moduleditor auf der rechten Seite auf das Dropdown-Menü für den Modulnamen und wählen Sie „HTML-Modul“ aus.existing%20map%20
  • Klicken Sie auf „Änderungen veröffentlichen“

Wenn Sie das HTML-Modul Ihrer Vorlage hinzufügen müssen:

  • Gehen Sie in Ihrem HubSpot-Account zu Ihren Website-Seiten oder Landing-Pages.
  • Bewegen Sie den Mauszeiger über eine Seite und klicken Sie auf „Bearbeiten“
  • Klicken Sie auf die Registerkarte „Einstellungen“ und wählen Sie dann „Erweiterte Optionen“ aus. 
  • Bewegen Sie im Abschnitt „Vorlage“ den Mauszeiger über den Thumbnail und klicken Sie auf „Vorlage bearbeiten“.
  • Klicken Sie im Vorlageneditor auf der rechten Seitenleiste auf „+ Hinzufügen“.
  • Mithilfe der Suchleiste können Sie nach dem HTML-Modul suchen. Ziehen Sie das Modul zu einer Position in Ihrer Vorlage.
  • Klicken Sie auf „Änderungen veröffentlichen“add%20the%20html

Sobald das HTML-Modul Ihrer Vorlage hinzugefügt wurde, können Sie Ihren Karte Ihren Seiten hinzufügen.  

  • Gehen Sie zu „Google Maps“.
  • Mithilfe der Suchleiste können Sie nach Ihrer Adresse suchen. 
  • Klicken Sie auf „Teilen“ und wählen Sie „Karten einbetten“ aus.  

search-for-address-in-google-maps-

  • Passen Sie die Größe an und klicken Sie auf „HTML kopieren“copy-html
  • Gehen Sie in HubSpot zu einer Website-Seite oder Landing-Page.
  • Bewegen Sie den Mauszeiger über die Seite und klicken Sie auf „Bearbeiten“
  • Klicken Sie in der linken Seitenleiste auf „Module bearbeiten“. 
  • Wählen Sie das HTML-Modul aus. Fügen Sie den von Google Maps kopierten HTML-Code in das Feld „HTML“ ein und klicken Sie auf „Speichern und weiter zur Modul-Liste“

paste-the-html-code

  • Klicken Sie oben rechts auf „Aktualisieren“, um Ihre Änderungen zu übernehmen.