Si deseas mostrar un mapa, calendario, formulario u otro recurso de Google directamente en tu página, puedes realizar esta integración utilizando Hotmart Pages.
Recursos como Google Maps, Google Calendar y Google Forms pueden incorporarse a tu página mediante un código HTML proporcionado por el propio Google. De esta forma, quien visite la página podrá visualizar e interactuar con el contenido sin necesidad de salir de ella.
En este artículo, aprenderás cómo generar el código de inserción en Google, cómo añadirlo correctamente en Hotmart Pages y qué aspectos debes tener en cuenta para garantizar que la integración funcione como se espera.
¿Cómo funciona la inserción de recursos de Google?
La integración se realiza mediante un código de inserción (embed) proporcionado por Google. Este código es un fragmento en HTML que permite mostrar el contenido en otro sitio web. En Hotmart Pages, este código debe insertarse utilizando el elemento HTML disponible en el editor de la página.
Cada recurso de Google tiene un proceso específico para generar el código, pero generalmente sigue el mismo patrón: buscar la opción de compartir y copiar el código de inserción.
¿Cómo generar el código de inserción en Google?
A continuación, se presentan ejemplos de los recursos más utilizados:
- Google Calendar: crea o selecciona un evento, accede a las opciones de uso compartido y elige la opción de publicación o inserción para copiar el código HTML.
- Google Maps: busca la dirección deseada, haz clic en Compartir y selecciona Insertar un mapa para obtener el código.
- Google Forms: después de crear el formulario, haz clic en Enviar y selecciona el ícono de inserción (<>) para copiar el código HTML.
En todos los casos, Google mostrará un fragmento de código HTML. Este es el contenido que debes usar en Hotmart Pages.
Si el recurso no permite ajustar el tamaño durante la generación del código, puedes editar los atributos width (ancho) y height (alto) directamente en el HTML antes de insertarlo en la página.
¿Cómo insertar el código en Hotmart Pages?
Con el código copiado, sigue estos pasos:
- Accede a tu cuenta a través del enlace http://app.hotmart.com.
- En el menú lateral, haz clic en Marketing y luego en Creación de páginas.
- Accede a Mis páginas.
- Elige la página deseada y haz clic en Editar o crea una nueva página.
- En el editor, haz clic en el ícono + para añadir estructuras y elementos.
- Selecciona el elemento HTML y arrástralo al lugar deseado.
- Haz clic en Editar HTML y pega el código proporcionado por Google.
- Ajusta configuraciones visuales como tamaño, espaciado interno y visibilidad, si es necesario.
- Haz clic en Publicar para aplicar los cambios.
Después de la publicación, el recurso se mostrará directamente en la página según la configuración realizada.
Información importante sobre la integración
Algunos puntos que debes considerar al insertar recursos de Google:
- El funcionamiento del recurso depende de los permisos configurados en el propio Google.
- Los cambios realizados en el contenido original (como editar un evento o formulario) se reflejan automáticamente en la página.
- Algunos recursos pueden tener limitaciones de visualización en dispositivos móviles, según las reglas de Google.
- Si el código se inserta incorrectamente, es posible que el contenido no se muestre.
Estos aspectos ayudan a explicar situaciones en las que el recurso aparece de forma diferente a lo esperado.