Última actualización: febrero 21, 2023
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.
Obtener el código de incrustación de Google Map
- Navega a Google Maps.
- En la barra de búsqueda, ingresa una dirección.
- En el listado de la dirección, haz clic en Compartir.
- En el cuadro de diálogo, haz clic en la pestaña Incrustar un mapa.
- Haz clic en el menú desplegable Tamaño del mapa y selecciona un tamaño.
- Haz clic en Copiar HTML para copiar el código de incrustación del mapa.
Agrega un mapa de Google en el editor de arrastrar y soltar
-
Ve al contenido en el que quieres agregar el enlace:
- Artículos de blog: En tu cuenta de HubSpot, dirígete a Marketing > Sitio web > Blog.
- Páginas de sitio web: En tu cuenta de HubSpot, dirígete a Marketing > Sitio web > Páginas de sitio web.
- Páginas de destino: En tu cuenta de HubSpot, ve a Marketing > Páginas de destino.
- Coloca el cursor sobre el contenido y haz clic en Editar.
- En el editor de contenidos, introduzca HTML en la barra de búsqueda del editor de la barra lateral.
- Haga clic en el módulo HTML y arrástrelo hasta su posición en el contenido.
- Haga clic en el módulo HTML para editarlo.
- En el editor de la barra lateral, pegue el código de incrustación de su mapa de Google.
Agrega un mapa de Google a contenido sin un área de arrastrar y soltar
Si su contenido no tiene un área de arrastrar y soltar, tendrá que añadir el módulo HTML directamente a la plantilla y, a continuación, editar el módulo HTML en el editor de contenido.
Agregar un módulo HTML a una plantilla
-
Cuando el módulo haya terminado de instalarse, navegue hasta su contenido:
- Artículos de blog: En tu cuenta de HubSpot, dirígete a Marketing > Sitio web > Blog.
- Páginas de sitio web: En tu cuenta de HubSpot, dirígete a Marketing > Sitio web > Páginas de sitio web.
- Páginas de destino: En tu cuenta de HubSpot, ve a Marketing > Páginas de destino.
- Coloca el cursor sobre tu contenido y haz clic en Editar.
- Haz clic en la pestaña Configuración y luego haz clic en Opciones avanzadas.
- En la sección Plantilla, haz clic en Editar esta plantilla.
- En el administrador de diseño, haz clic en + Agregar en el inspector.
- En la barra de búsqueda, ingresa HTML.
- Haz clic en el módulo HTML y arrástralo a la posición en tu plantilla.
- En la parte superior derecha, haz clic en Publicar cambios.
Insertar el código de incrustación en el módulo HTML
- En tu cuenta de HubSpot, navega a tu blog, páginas del sitio web o páginas de destino.
- Coloca el cursor sobre el contenido y haz clic en Editar.
- En el editor de contenido, haz clic en el módulo HTML.
- En el editor de la barra lateral, pega el código de incrustación de tu Google Map.
