Para agregar un mapa de Google interactivo a tu página de HubSpot, puedes copiar el código de incrustación del mapa y agregarlo a un módulo HTML.
Nota: si ya tuviste el mapa incrustado en un módulo de mapas de Google, deberás intercambiar primero el módulo anterior para un módulo HTML. Debido a cambios en la API de Google, este módulo ya no será compatible.
Para intercambiar un módulo de mapa existente para un módulo HTML:
- Descarga el módulo HTML del Marketplace.
- En tu cuenta de HubSpot, navega a las páginas de destino o páginas del sitio web.
- Coloca el cursor sobre una página y haz clic en Editar.
- Haz clic en la pestaña Configuración y luego selecciona Opciones avanzadas.
- En la sección Plantilla, coloca el cursor sobre la vista reducida y haz clic en Editar plantilla.
- Haz clic en el módulo de mapa existente para abrir el editor del módulo.
- En el editor del módulo en el lado derecho, haz clic en el menú desplegable nombre del módulo y selecciona Módulo HTML.
- Haz clic en Publicar cambios.
Si necesitas agregar el módulo HTML a tu plantilla:
- En tu cuenta de HubSpot, navega a las páginas del sitio web o las páginas de destino.
- Coloca el cursor sobre una página y haz clic en Editar.
- Haz clic en la pestaña Configuración y luego selecciona Opciones avanzadas.
- En la sección Plantilla, coloca el cursor sobre la vista reducida y haz clic en Editar plantilla.
- En el editor de plantillas, en la barra lateral derecha, haz clic en + Agregar.
- Utiliza la barra de búsqueda para buscar el módulo HTML. Arrastra y suelta el módulo a una posición en tu plantilla.
- Haz clic en Publicar cambios.
Una vez que se agrega el módulo HTML a tu plantilla, puedes agregar tu mapa a tus páginas.
- Navega a Google Maps.
- Utiliza la barra de búsqueda para buscar tu dirección.
- Haz clic en Compartir y luego selecciona Incrustar un mapa.
- Personaliza el tamaño y haz clic en Copiar HTML.
- En HubSpot, navega a una página web o página de destino.
- Coloca el cursor sobre la página de destino y haz clic en Editar.
- Haz clic en Editar módulos en la barra lateral izquierda.
- Selecciona el módulo HTML. Pega el código HTML que copiaste de los mapas de Google en el campo HTML y luego haz clic en Guardar y ve a la lista del módulo.
- Haz clic en Actualizar en la esquina superior derecha para ver tus cambios en vivo.