Cómo añadir páginas de reservas a tu sitio web
Cal.com hace que la programación sea más fácil
La idea detrás de la infraestructura de programación de código abierto de Cal.com es facilitar el encuentro con otras personas. Lo hacemos ofreciendo un conjunto de herramientas accesible y personalizable que elimina el ir y venir de reservar citas online y en persona. Naturalmente, puedes compartir tu perfil de Cal.com enviando un enlace por email, SMS o mensaje directo. Sin embargo, también tenemos opciones que te permiten añadir Cal.com a tu sitio web sin problemas.
Los tipos de embeds que ofrecemos
Cal.com ofrece tres tipos de opciones de inserción, cada una accesible desde tu panel de personalización de eventos. Puedes generar un embed distinto para cada tipo de reunión. Controlar los embeds por evento también significa que puedes crear páginas de reserva separadas para eventos ocultos y públicos. Esto es útil si solo tienes tipos de cita para equipos internos o clientes con suscripciones específicas.
Hay tres formas distintas de insertar eventos en tu sitio web; puedes añadir el evento como un embed en línea, un botón emergente o un pop-up mediante clic en un elemento. Cada uno tiene puntos fuertes ligeramente diferentes.
El embed en línea es simple y directo: es lo que la mayoría de la gente imagina cuando piensa en insertar un calendario en el sitio web. Cuando añades el código del embed en línea a tu sitio web, generará un calendario con una breve descripción del evento y los huecos de reserva disponibles.
La opción del botón emergente es un poco diferente. Cuando insertas el botón emergente, generará un botón flotante en la página web designada y solo abrirá una interfaz de reserva cuando hagas clic en él.
Nuestra opción de inserción más singular es el pop-up activado por clic en un elemento. Cuando un visitante haga clic en un elemento del calendario de reservas de tu sitio web, aparecerá un pop-up con franjas horarias, lo que le permitirá seleccionar una hora de reunión preferida.
Opciones de personalización sencillas
Todas nuestras opciones de embed se pueden personalizar mediante una interfaz de usuario sin código, lo que facilita cambiar cosas como el color de marca y el tema que quieras aplicar al pop-up. Además, la interfaz de personalización de Embed también incluye una pestaña de vista previa que puedes usar para comprobar tus elecciones. Una vez que hayas terminado de personalizar tu código de embed, puedes exportarlo como HTML o código React.
Cómo añadir un embed a tu sitio web
-
Inicia sesión en tu cuenta de Cal.com
-
Ve al panel de control de tu evento
-
Selecciona el evento que quieres insertar en tu sitio web
-
Haz clic en el símbolo en blanco
-
Elige el tipo de embed que quieras usar
-
Haz las personalizaciones que quieras
-
Copia el código que prefieras
-
Visita tu sitio web
-
Pega tu código en el espacio o módulo designado
-
Por último, guarda y publica los cambios que has hecho en tu sitio web
Cal.com ha sido diseñado para que el producto sea igual de usable y ampliable tanto por desarrolladores como por aficionados al no-code. Es un enfoque que hemos adoptado para asegurarnos de que el producto sea usable por todo el mundo, independientemente de su formación o nivel de habilidad. Añadir una página de reservas de Cal.com a tu sitio web es una forma fácil de ahorrar tiempo, reducir el estrés y optimizar tu flujo de trabajo.