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

Agrega un mapa de Google a tu página

Última actualización: octubre 29, 2019

Requisitos

Marketing Hub  Professional, Enterprise
Básico
HubSpot CMS

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.existing%20map%20
  • 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. add%20the%20html

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.  

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

  • Personaliza el tamaño y haz clic en Copiar HTMLcopy-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.  

paste-the-html-code

  • Haz clic en Actualizar en la esquina superior derecha para ver tus cambios en vivo.