Thanks to visit codestin.com
Credit goes to cal.com

Soluciones

Empresa

Cal.ai

Desarrollador

Recursos

Precios

Incrusta un widget de programación en tu sitio web con Cal.com

Incrusta un widget de programación en tu sitio web con Cal.com

Añade programación sin interrupciones a tu sitio con el widget de incrustación de Cal.com. Cal.com actualmente admite cuatro opciones flexibles de incrustación: incrustación en línea, botón flotante emergente, ventana emergente mediante clic en el elemento e incrustación de correo electrónico.

Añade programación sin interrupciones a tu sitio con el widget de incrustación de Cal.com. Cal.com actualmente admite cuatro opciones flexibles de incrustación: incrustación en línea, botón flotante emergente, ventana emergente mediante clic en el elemento e incrustación de correo electrónico.

Confiado por empresas de rápido crecimiento en todo el mundo

Confiado por empresas de rápido crecimiento en todo el mundo

Confiado por empresas de rápido crecimiento en todo el mundo

Cómo incrustar el widget de programación de Cal.com en su sitio web

Cómo incrustar el widget de programación de Cal.com en su sitio web

El widget de incrustación de Cal.com es fácil de configurar y muy flexible. Te permite incorporar la experiencia completa de programación en tu sitio web, página de destino, aplicación o portal. Los usuarios pueden reservar directamente sin salir de tu sitio.

El widget de incrustación de Cal.com es fácil de configurar y muy flexible. Te permite incorporar la experiencia completa de programación en tu sitio web, página de destino, aplicación o portal. Los usuarios pueden reservar directamente sin salir de tu sitio.

01

Haga su tipo de evento

Configura tu evento en Cal.com con tus preferencias de configuración y disponibilidad.

02

Elige el tipo de inserción

Elige un formato (en línea, emergente, botón o correo electrónico) y copia el código generado.

03

Ajusta tu inserción y publica

Añade el código a tu sitio web o aplicación. ¡Tu programador estará en vivo al instante!

Todas las soluciones de integración disponibles para programar reuniones fácilmente

Todas las soluciones de integración disponibles para programar reuniones fácilmente

Cal.com proporciona cuatro formas poderosas de integrar la programación en la experiencia del usuario. Cada formato está diseñado para casos de uso específicos, necesidades de diseño y flujos de reserva.

Cal.com proporciona cuatro formas poderosas de integrar la programación en la experiencia del usuario. Cada formato está diseñado para casos de uso específicos, necesidades de diseño y flujos de reserva.

01

Integración en línea

Muestra el calendario de reservas directamente en el diseño de tu página. Esta es la opción más popular y sin problemas para la programación en tiempo real en tu sitio web.

02

Botón emergente flotante

Utiliza un botón persistente que active un modal de programación. Aumenta la conversión sin interrumpir el diseño de la página de tu sitio web.

03

Aparición emergente a través del clic en el elemento

Enlaza la incrustación a un elemento personalizado como un botón o una imagen. Controla exactamente cómo y cuándo los usuarios inician el proceso de reserva.

03

Incrustar correo electrónico

Añade enlaces de reserva personalizados en las campañas de correo electrónico que abran un formulario de reserva pre-rellenado. Ideal para acercamientos y seguimientos.

Personaliza el widget de programación utilizando nuestro atom de reserva

Personaliza el widget de programación utilizando nuestro atom de reserva

Para equipos que necesitan control total sobre la experiencia de reservas, Cal.com ofrece una personalización completa del componente de reserva utilizando átomos de la plataforma. Los desarrolladores pueden modificar partes individuales de la interfaz de usuario de la reserva o reconstruir todo el flujo de reservas utilizando componentes modulares y abiertos.

Para equipos que necesitan control total sobre la experiencia de reservas, Cal.com ofrece una personalización completa del componente de reserva utilizando átomos de la plataforma. Los desarrolladores pueden modificar partes individuales de la interfaz de usuario de la reserva o reconstruir todo el flujo de reservas utilizando componentes modulares y abiertos.

1

// Estilizar átomos con Javascript

2

3

const apariencia = {

4

tema : Personalizado ,

5

variables : {

6

fuenteFamilia : ' Comic sans ' ,

7

colorPrimario : ' #101010 ' ,

8

colorBackground : ' #ffffff ' ,

9

colorText : ' #374151 ' ,

10

borderRadius : ' 6px ' ,

11

unidadDeEspaciado : ' 8px ' ,

12

}

13

} ;

14

const átomos = cal.atoms ( { clientSecret , apariencia } ) ;

15

Cédric van Ravesteijn

Por qué Cal.com es mejor que Calendly

¿Listo para ver por qué Cal.com supera a Calendly? Spoiler: ¡no hay comparación!

15m

30m

45m

1h

Cal Vídeo

Europa/Ámsterdam

Mayo

2025

SOL

MON

MARTES

MIÉ

JUE

FRI

SAT

0

15

15

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

0

Cédric van Ravesteijn

Por qué Cal.com es mejor que Calendly

¿Listo para ver por qué Cal.com supera a Calendly? Spoiler: ¡no hay comparación!

15m

30m

45m

1h

Cal Vídeo

Europa/Ámsterdam

Mayo

2025

SOL

MON

MARTES

MIÉ

JUE

FRI

SAT

0

15

15

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

0

Beneficios clave de incrustar un widget de programación con Cal.com

Beneficios clave de incrustar un widget de programación con Cal.com

Integrar Cal.com directamente en su sitio mejora la experiencia del usuario, aumenta las tasas de conversión y le da más control sobre el proceso de reserva.

Integrar Cal.com directamente en su sitio mejora la experiencia del usuario, aumenta las tasas de conversión y le da más control sobre el proceso de reserva.

01

Aumenta las conversiones de tu sitio web con programación incrustada

Mantén a los usuarios en tu sitio y reduce la caída de reservas. Los widgets de Cal.com ofrecen una manera más rápida e intuitiva de convertir a los visitantes en reuniones.

02

Ajusta tu marca con formatos de inserción personalizables

Utiliza incrustaciones en línea, ventanas emergentes o botones para alinearte con el diseño y la marca de tu sitio. Personaliza colores y estilos para crear una experiencia fluida.

03

Configuración rápida y control completo

Genera tu código de incrustación, pégalo en tu sitio y hazlo en vivo. Tú gestionas todo el proceso de reserva desde el inicio hasta la confirmación sin enviar a los usuarios fuera.

Potentes funciones de inserción de programación para desarrolladores y equipos

Potentes funciones de inserción de programación para desarrolladores y equipos

El sistema de integración incluye funciones avanzadas para usuarios técnicos y equipos que necesitan capacidades completas de personalización e integración.

El sistema de integración incluye funciones avanzadas para usuarios técnicos y equipos que necesitan capacidades completas de personalización e integración.

Generador de fragmentos de inserción dinámicos

Genera código adaptado a tu configuración de Cal.com, incluyendo soporte para equipos, entornos autoalojados y enrutamiento avanzado.

Múltiples formatos de incrustación

Elige entre vistas en línea, botones o modales según cómo quieras activar el flujo de reserva.

Agregar o limitar las franjas horarias disponibles

Muestra solo franjas horarias específicas en una integración según el contexto o el tipo de usuario. Controla la disponibilidad sin cambiar la configuración principal de tu evento.

Rellenar los campos del formulario de reserva

Utiliza parámetros de consulta para completar automáticamente el nombre, el correo electrónico o campos personalizados para una experiencia de reserva más rápida y personalizada.

Rastrear parámetros UTM en incrustaciones

Embed captura la fuente UTM, medio, campaña y otros valores para que puedas atribuir las reservas a los canales correctos.

Optimizado para dispositivos móviles desde el primer momento

Cada inserción es responsive y funciona en todos los tamaños de pantalla. No se necesita configuración adicional para los usuarios móviles.

Ve cómo incrustar un widget de reservas en tu sitio web

Ve cómo incrustar un widget de reservas en tu sitio web

Vea lo rápido que es incrustar Cal.com en cualquier sitio web. Este video rápido muestra la configuración, la configuración y ejemplos reales.

Vea lo rápido que es incrustar Cal.com en cualquier sitio web. Este video rápido muestra la configuración, la configuración y ejemplos reales.

Vea lo rápido que es incrustar Cal.com en cualquier sitio web. Este video rápido muestra la configuración, la configuración y ejemplos reales.

Todas tus herramientas clave sincronizadas con tus reuniones

Cal.com funciona con todas las aplicaciones que ya están en tu flujo, asegurando que todo funcione perfectamente junto.

Todas tus herramientas clave sincronizadas con tus reuniones

Cal.com funciona con todas las aplicaciones que ya están en tu flujo, asegurando que todo funcione perfectamente junto.

Todas tus herramientas clave sincronizadas con tus reuniones

Cal.com funciona con todas las aplicaciones que ya están en tu flujo, asegurando que todo funcione perfectamente junto.

Preguntas frecuentes sobre la inserción de Cal.com

Preguntas frecuentes sobre la inserción de Cal.com

Estas son algunas de nuestras preguntas más frecuentes.

Estas son algunas de nuestras preguntas más frecuentes.

¿Qué es la integración de Cal.com?

Cal.com Embed permite integrar un widget de programación completamente funcional directamente en su sitio web o aplicación, permitiendo a los usuarios reservar citas sin salir de su sitio. Puedes incrustar el widget como un calendario en línea, un botón flotante emergente, una ventana emergente activada por un clic en un elemento específico, o un enlace en tus correos electrónicos. Esta integración fluida mejora la experiencia del usuario y mejora las tasas de conversión de reservas manteniendo a los visitantes interesados en tu página.

¿Cómo puedo incrustar Cal.com en mi sitio?

Incorporar Cal.com en su sitio web es simple. Primero, cree su tipo de evento y configure sus ajustes y disponibilidad en el panel de control de Cal.com. Una vez que su evento esté configurado, vaya al Generador de Fragmentos de Inserción en su panel de control, seleccione su formato de inserción preferido (en línea, botón flotante, ventana emergente activada por clic o inserción de correo electrónico), y copie el código generado. Luego, pegue el código directamente en su HTML, CMS o framework frontal. Su widget de reservas estará en vivo y listo para usar inmediatamente, totalmente sincronizado con su cuenta de Cal.com.

¿Puedo rastrear campañas de marketing con reservas integradas?

Puedes añadir manualmente parámetros de seguimiento UTM a las URL de inserción. Esto te permite rastrear la fuente, el medio, la campaña y otros parámetros clave cuando los usuarios interactúan con el widget de reservas. Al pasar parámetros UTM a través del enlace, puedes atribuir las reservas a esfuerzos de marketing específicos, campañas o fuentes de tráfico.

¿Puedo pre-rellenar la información del usuario en el formulario de reserva?

Sí, puedes rellenar campos en el formulario de reserva utilizando parámetros de consulta de URL. Esto significa que puedes completar automáticamente campos como el nombre del usuario, el correo electrónico o cualquier campo personalizado que hayas configurado. Por ejemplo, puedes enviar un enlace de reserva personalizado en un correo electrónico que ya tenga el nombre y el correo electrónico del usuario rellenados. Esto hace que el proceso de reserva sea más rápido y amigable para el usuario, reduciendo la fricción y mejorando las tasas de conversión. Aprende más sobre el pre-rellenado de formularios en nuestra documentación.

¿Qué formatos de inserción son compatibles?

Cal.com admite cuatro formatos de inserción clave para adaptarse a diversas necesidades:

  1. Inserción en Línea: Mostrar el calendario directamente dentro del diseño de su página para una interacción sin interrupciones con el usuario.

  2. Botón Flotante Emergente: Añadir un botón persistente que active el modal de reserva sin interrumpir el diseño de la página.

  3. Emergente mediante Clic en Elemento: Activar el modal de programación desde cualquier elemento personalizado, como un botón o imagen.

  4. Inserción en Correo Electrónico: Incluir un enlace a un formulario de reserva prellenado dentro de sus correos electrónicos para una programación fácil y personalizada.

Cada formato está diseñado para ofrecer flexibilidad en cómo muestra e interactúa con su sistema de programación, dependiendo del diseño de su sitio web y el flujo de usuarios.

¿Puedo controlar qué franjas horarias se muestran en una inserción?

Sí, puedes personalizar completamente la interfaz del reservador usando Cal.com’s booker atom. El booker atom es un componente modular de código abierto que te permite crear y diseñar tu propio flujo de reservas. Puedes ajustar el diseño, reemplazar campos de formulario o rediseñar completamente la experiencia de reserva para que coincida con la apariencia y sensación de tu marca. Usando átomos individuales del reservador como DatePicker, TimeSelector y ContactForm, puedes tener un control detallado sobre cada elemento del proceso de reserva. Esto te brinda la flexibilidad de crear una experiencia personalizada y de marca dentro de tu aplicación o sitio web. Para más detalles, visita nuestra documentación del booker atom.

¿Funciona la inserción con Cal.com alojado por uno mismo?

Sí, la función de inserción funciona con configuraciones de Cal.com tanto alojadas en la nube como autoalojadas. Ya sea que estés usando la versión alojada de Cal.com o implementándola en tu propia infraestructura, la funcionalidad de inserción permanece completamente operativa. La generación de fragmentos se delimita dinámicamente según tu configuración, y puedes configurarla para que funcione sin problemas dentro de tu entorno autoalojado.

¿Qué es la integración de Cal.com?

Cal.com Embed permite integrar un widget de programación completamente funcional directamente en su sitio web o aplicación, permitiendo a los usuarios reservar citas sin salir de su sitio. Puedes incrustar el widget como un calendario en línea, un botón flotante emergente, una ventana emergente activada por un clic en un elemento específico, o un enlace en tus correos electrónicos. Esta integración fluida mejora la experiencia del usuario y mejora las tasas de conversión de reservas manteniendo a los visitantes interesados en tu página.

¿Cómo puedo incrustar Cal.com en mi sitio?

Incorporar Cal.com en su sitio web es simple. Primero, cree su tipo de evento y configure sus ajustes y disponibilidad en el panel de control de Cal.com. Una vez que su evento esté configurado, vaya al Generador de Fragmentos de Inserción en su panel de control, seleccione su formato de inserción preferido (en línea, botón flotante, ventana emergente activada por clic o inserción de correo electrónico), y copie el código generado. Luego, pegue el código directamente en su HTML, CMS o framework frontal. Su widget de reservas estará en vivo y listo para usar inmediatamente, totalmente sincronizado con su cuenta de Cal.com.

¿Puedo rastrear campañas de marketing con reservas integradas?

Puedes añadir manualmente parámetros de seguimiento UTM a las URL de inserción. Esto te permite rastrear la fuente, el medio, la campaña y otros parámetros clave cuando los usuarios interactúan con el widget de reservas. Al pasar parámetros UTM a través del enlace, puedes atribuir las reservas a esfuerzos de marketing específicos, campañas o fuentes de tráfico.

¿Puedo pre-rellenar la información del usuario en el formulario de reserva?

Sí, puedes rellenar campos en el formulario de reserva utilizando parámetros de consulta de URL. Esto significa que puedes completar automáticamente campos como el nombre del usuario, el correo electrónico o cualquier campo personalizado que hayas configurado. Por ejemplo, puedes enviar un enlace de reserva personalizado en un correo electrónico que ya tenga el nombre y el correo electrónico del usuario rellenados. Esto hace que el proceso de reserva sea más rápido y amigable para el usuario, reduciendo la fricción y mejorando las tasas de conversión. Aprende más sobre el pre-rellenado de formularios en nuestra documentación.

¿Qué formatos de inserción son compatibles?

Cal.com admite cuatro formatos de inserción clave para adaptarse a diversas necesidades:

  1. Inserción en Línea: Mostrar el calendario directamente dentro del diseño de su página para una interacción sin interrupciones con el usuario.

  2. Botón Flotante Emergente: Añadir un botón persistente que active el modal de reserva sin interrumpir el diseño de la página.

  3. Emergente mediante Clic en Elemento: Activar el modal de programación desde cualquier elemento personalizado, como un botón o imagen.

  4. Inserción en Correo Electrónico: Incluir un enlace a un formulario de reserva prellenado dentro de sus correos electrónicos para una programación fácil y personalizada.

Cada formato está diseñado para ofrecer flexibilidad en cómo muestra e interactúa con su sistema de programación, dependiendo del diseño de su sitio web y el flujo de usuarios.

¿Puedo controlar qué franjas horarias se muestran en una inserción?

Sí, puedes personalizar completamente la interfaz del reservador usando Cal.com’s booker atom. El booker atom es un componente modular de código abierto que te permite crear y diseñar tu propio flujo de reservas. Puedes ajustar el diseño, reemplazar campos de formulario o rediseñar completamente la experiencia de reserva para que coincida con la apariencia y sensación de tu marca. Usando átomos individuales del reservador como DatePicker, TimeSelector y ContactForm, puedes tener un control detallado sobre cada elemento del proceso de reserva. Esto te brinda la flexibilidad de crear una experiencia personalizada y de marca dentro de tu aplicación o sitio web. Para más detalles, visita nuestra documentación del booker atom.

¿Funciona la inserción con Cal.com alojado por uno mismo?

Sí, la función de inserción funciona con configuraciones de Cal.com tanto alojadas en la nube como autoalojadas. Ya sea que estés usando la versión alojada de Cal.com o implementándola en tu propia infraestructura, la funcionalidad de inserción permanece completamente operativa. La generación de fragmentos se delimita dinámicamente según tu configuración, y puedes configurarla para que funcione sin problemas dentro de tu entorno autoalojado.

No te fíes solo de nuestra palabra

Nuestros usuarios son nuestros mejores embajadores. Descubre por qué somos la mejor opción para programar reuniones.

No te fíes solo de nuestra palabra

Nuestros usuarios son nuestros mejores embajadores. Descubre por qué somos la mejor opción para programar reuniones.

No te fíes solo de nuestra palabra

Nuestros usuarios son nuestros mejores embajadores. Descubre por qué somos la mejor opción para programar reuniones.

Confiado por empresas de rápido crecimiento en todo el mundo

Confiado por empresas de rápido crecimiento en todo el mundo

Confiado por empresas de rápido crecimiento en todo el mundo

Incorpora un widget de reserva en línea en tu sitio web al instante con Cal.com

Comienza a integrar la programación en tu sitio hoy. Sin plugins ni redireccionamientos. Solo reservas limpias, rápidas y que convierten mucho.