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: junio 22, 2023

Disponible con cualquiera de las siguientes suscripciones, a no ser que se indique lo contrario:

Todos los productos y planes

Para añadir un mapa interactivo de Google a tu contenido de HubSpot, puedes copiar el código de incrustación del mapa y añadirlo al código fuente de un módulo de texto enriquecido.


Obtener el código de incrustación de Google Map

  • Navega hasta Google Maps.
  • En la barra de búsqueda, ingresa una dirección
  • En la lista de direcciones, haga 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 que quieres modificar:

    • 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, dirígete a Marketing > Páginas de destino.
  • Coloca el cursor sobre el contenido y haz clic en Editar
  • En el editor de contenidos, haz clic en el icono add Añadir de la barra lateral izquierda. 
  • En la segunda columna, haz clic en Común para ver módulos comunes
  • Haz clic en el módulo Rich Text y arrástralo hasta su posición en tu contenido.
  • En la barra de herramientas de texto enriquecido, haga clic en el menú desplegable Avanzado y seleccione Códigofuente. 
  • En el cuadro de diálogo, pegue el código de incrustación del mapa y haga clic en Guardar
  • Para aplicar tus cambios en directo, haz clic en Publicar Actualizar en la parte superior derecha, y luego en Publicar ahora Actualizar ahora en el cuadro de diálogo.

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 un módulo de texto enriquecido directamente a la plantilla y, a continuación, editar el módulo de texto enriquecido en el editor de contenido. 

Añadir un módulo de texto enriquecido 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, dirígete a Marketing > Páginas de destino.
  • Coloca el cursor sobre el contenido en cuestión y haz clic en Editar
  • Haz clic en el menú Archivo y selecciona Configuración de página Configuración de blog
  • En el cuadro de diálogo, haz clic en Plantilla en el menú de la barra lateral izquierda. 
  • Haz clic en Editar esta plantilla.
  • En el gestor de diseño, haga clic en + Añadir en el inspector
  • En la barra de búsqueda, introduzca texto enriquecido
  • Haz clic en el módulo Rich Text  y arrástralo hasta su posición en tu plantilla. 
  • En la parte superior derecha, haz clic en Publicar cambios.

Inserte el código de inserción en el módulo de texto enriquecido

  • Ve al contenido que quieres modificar:

    • 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, dirígete a Marketing > Páginas de destino.
    • Artículos de blog: En tu cuenta de HubSpot, dirígete a Marketing > Sitio web > Blog.
  • Coloca el cursor sobre el contenido y haz clic en Editar
  • En el editor de contenidos, haga clic en el módulo de texto enriquecido
  • En la barra de herramientas de texto enriquecido, haga clic en el menú desplegable Avanzado y seleccione Códigofuente. 
  • En el cuadro de diálogo, pegue el código de incrustación del mapa y haga clic en Guardar
  • Para aplicar tus cambios en directo, haz clic en Publicar Actualizar en la parte superior derecha, y luego en Publicar ahora Actualizar ahora en el cuadro de diálogo.

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