Agrega un mapa de Google a tu página

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.