Añade un mapa interactivo de Google al contenido de HubSpot copiando el código de incrustación del mapa e insertándolo en un módulo de texto enriquecido. Este método funciona en el editor de contenidos y en las plantillas que admiten módulos de texto enriquecido.
Antes de empezar
Antes de añadir un mapa de Google a tu contenido de HubSpot, revisa los siguientes requisitos y consideraciones.
Se requieren permisos
Se requieren los siguientes permisos:
Comprender las limitaciones y consideraciones
- Google Maps insertado es gestionado por Google. El comportamiento de visualización, el estilo y la funcionalidad dependen de la configuración de inserción de Google.
Obtén el código de incrustación del Mapa de Google
- Navega hasta Google Maps.
- En la barra de búsqueda, ingresa una dirección.
- En la lista de direcciones, haga clic en Compartir.
- 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.
- Haga clic en Copiar HTML para copiar el código de inserción del mapa.
Añadir un mapa de Google en el editor de contenidos
-
Ve al contenido:
- Haz clic en el nombre de tu contenido.
- En el editor de contenidos, haz clic en el icono add Añadir de la barra lateral izquierda.
- Haz clic para expandir la sección Texto , luego haz clic en el módulo Texto enriquecido y arrástralo hasta su posición.
- 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 los cambios, haz clic en Publicar o Actualizar en la parte superior derecha.
Añadir un mapa de Google a una plantilla
Si su plantilla de arrastrar y soltar o plantilla codificada no contiene un módulo de texto enriquecido, añada uno en el administrador de diseño. Después de publicar la plantilla, edite el módulo de texto enriquecido en el editor de contenidos.
Añadir un módulo de texto enriquecido a una plantilla de arrastrar y soltar
Añade un módulo de texto enriquecido a una plantilla de arrastrar y soltar para poder añadir el mapa de Google en el editor de contenido. Más información sobre el uso de módulos en plantillas de arrastrar y soltar.
-
Ve al contenido:
- Haz clic en el nombre de tu contenido.
- Haz clic en el menú Configuración y selecciona Plantilla.
- Haz clic en Editar esta plantilla. Se le dirigirá al administrador de diseño.
- Haga clic en + Añadir en el inspector.
- En la barra de búsqueda, introduzca texto enriquecido.
- Haga clic en el módulo de texto enriquecido y arrástrelo hasta su posición en la plantilla.
- En la parte superior derecha, haz clic en Publicar cambios.
- Continúe añadiendo el mapa de Google en el editor de contenido.
Añadir un módulo de texto enriquecido a una plantilla codificada
Añade un módulo de texto enriquecido a una plantilla codificada para poder añadir el mapa de Google en el editor de contenido. Más información sobre el uso de módulos en plantillas codificadas.
- Ve al contenido:
- Haz clic en el nombre de tu contenido.
- Haga clic en el menú Configuración y seleccione Plantilla.
- Haga clic en Editar esta plantilla.
- En el editor de código, añada el módulo de texto enriquecido donde debe aparecer el mapa. Por ejemplo:
{% módulo
"map_embed"
path="@hubspot/rich_text"
label="Google Map" %}
- En la parte superior derecha, haz clic en Publicar cambios.
- Continúe añadiendo el mapa de Google en el módulo de texto enriquecido.
Blog
Design Manager
Website & Landing Pages
