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: octubre 3, 2022

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 

  • Desde tu cuenta de HubSpot, haz clic en el icono del mercado marketplace de la barra de navegación principal.
  • Haga clic en la pestaña Módulos.
  • En la barra de búsqueda, introduzca HTML 
  • Haga clic en el módulo HTML 
  • En la parte superior derecha, haz clic en Obtener módulo gratis. La instalación del módulo puede tardar unos minutos en completarse.
  • Cuando el módulo haya terminado de instalarse, navegue hasta su contenido:

    • Blog: En tu cuenta de HubSpot, dirígete a Marketing > Sitio web > Blog.
    • Páginas del sitio web: En tu cuenta de HubSpot, dirígete a Marketing > Sitio web > Páginas 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
  • En el editor de contenido, escribe HTML en la barra de búsqueda del editor de la barra lateral. 
  • Haz clic en el módulo HTML y arrástralo a la posición en tu contenido. 
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.

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

  • Cuando el módulo haya terminado de instalarse, navegue hasta su contenido:

    • Blog: En tu cuenta de HubSpot, dirígete a Marketing > Sitio web > Blog.
    • Páginas del sitio web: En tu cuenta de HubSpot, dirígete a Marketing > Sitio web > Páginas 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

Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.