Ir a contenido principal
Nota: Este contenido se tradujo a través de un software y es posible que no haya sido revisado. La versión en inglés se considera, por tanto, la versión oficial y es posible que haya sido actualizada. Para acceder a la versión en inglés, haz clic aquí.

Agregar un mapa de Google a contenido de HubSpot

Última actualización: febrero 21, 2023

Requisitos

Todos los productos y planes

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.

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

  • 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. embed-a-google-map

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. 

add-html-module-to-page

  • 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. 

add-html-module-to-template

  • En la parte superior derecha, haz clic en Publicar cambios.

Insertar el código de incrustación en el módulo HTML

¿Te resultó útil este artículo?
Este formulario se utiliza solo para recibir comentarios a la documentación. Cómo recibir ayuda con HubSpot.