Cómo insertar Calendly en una aplicación móvil

Añade Calendly a tu aplicación móvil utilizando nuestras opciones de inserción. Esto permite a los usuarios programar directamente contigo sin tener que abandonar la aplicación.

Muestra Calendly mediante una WebView

Las inserciones de Calendly están diseñadas para ejecutarse en un navegador. Para usarlas en una aplicación móvil, la mayoría de los desarrolladores cargan el código insertado en una WebView.

Una WebView es una ventana del navegador que se abre dentro de tu aplicación. Muestra la página de programación de Calendly como una página web normal, pero dentro del diseño de tu aplicación.

Tipos de inserción compatibles

Puedes utilizar cualquier inserción estándar o avanzada de Calendly en una WebView:

• Inserción en línea
• Widget emergente
• Texto emergente

Calendly inserta HTML y JavaScript. Si tu marco móvil es compatible con WebView y esas tecnologías, funcionará.

Selecciona la inserción correcta para tu aplicación

Calendly ofrece dos niveles de control de inserción:

Carga Calendly en una WebView

Utiliza el componente WebView de tu entorno móvil para cargar Calendly. Un ejemplo básico usando un iframe:

<iframe src="https://calendly.com/TU_ENLACE"
style="width: 100%; min-width: 320px; height: 700px;" 
frameborder="0">
</iframe>

<div id="calendly-embed" style="min-width:320px;height:700px;"></div>
<script src="https://assets.calendly.com/assets/external/widget.js"></script>
<script>
Calendly.initInlineWidget({
url: 'https://calendly.com/YOUR_LINK',
parentElement: document.getElementById('calendly-embed')
});
</script>

Resolver problemas de inserción

• Prueba en dispositivos reales: el comportamiento puede ser diferente del de los emuladores
• Comienza con una inserción estándar para comprobar la compatibilidad
• Confirma que JavaScript está activado en la WebView para obtener funciones avanzadas
• Para iOS, vigila al desbordamiento de contenido y la escala de diseño en WebViews basadas en Safari
• Utiliza las opciones de desarrollador para el llenado previo de formularios o para realizar un seguimiento de eventos de reserva

Desbloquee funciones avanzadas

Con las opciones de integración avanzadas de Calendly, puedes:

• Llenar previamente el formulario de reserva con los datos de usuario de tu aplicación
• Realizar un seguimiento de eventos de programación con window.postMessage
• Redimensionar dinámicamente la inserción en función de las acciones del usuario
• Añadir seguimiento de campañas con parámetros UTM

Para obtener más información, consulta Inserción avanzada de Calendly para desarrolladores.