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.
- 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“.
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.
- Passen Sie die Größe an und klicken Sie auf „HTML kopieren“.
- 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“.
- Klicken Sie oben rechts auf „Aktualisieren“, um Ihre Änderungen zu übernehmen.