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í.
Landing Pages

Agregar un mapa de Google a contenido de HubSpot

Última actualización: julio 23, 2021

Requisitos

Marketing Hub Professional, Enterprise
CMS Hub Professional, Enterprise
Marketing Hub Básico (versión anterior)

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 

add-html-module-to-page
  • Haz clic en el módulo HTML para editarlo.
  • En el editor de la barra lateral, pega el código de incrustación de tu Google Map.
  • Haz clic en Aplicar cambios.

Agrega un mapa de Google a contenido sin un área de arrastrar y soltar

Si tu contenido no tiene un área de arrastrar y soltar, deberás agregar el módulo HTML directamente a la plantilla y luego editar el módulo HTML en el editor de contenido. 

Agregar un módulo HTML a una plantilla

  • En tu cuenta de HubSpot, navega a tu blog, páginas del sitio web o 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

  • 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.
  • Haz clic en Aplicar cambios