Saltar al contenido principal

Incrustaciones y uso compartido

Una vez configurados tus tipos de evento, conseguir reservas consiste en poner tu página frente a la gente. Puedes compartir un enlace simple donde quieras, o incrustar tu página de reservas directamente dentro de tu propio sitio web.

Compartir un enlace​

Cada tipo de evento tiene su propio enlace, formado por tu identificador y el slug del evento — por ejemplo calendar.imatic.ai/book/priya/intro-call.

  1. Abre el tipo de evento (o búscalo en tu lista).
  2. Usa Copiar enlace.
  3. Pégalo en un correo, tu firma de correo, una biografía de redes sociales, un mensaje de chat — donde sea.

Ese enlace abre tu página pública de reservas para ese tipo de evento.

Un enlace por reunión

Comparte el enlace específico del tipo de evento de la reunión que quieras, en lugar de una página genérica. Enviar el enlace de "Llamada de presentación" hace que los invitados aterricen directamente en la reunión correcta.

Incrustar tu página de reservas​

¿Quieres que la gente reserve sin salir de tu sitio? Incrusta tu página de reservas en línea, para que aparezca como parte de tu página.

imatic Calendar proporciona un pequeño script de incrustación, embed.js. Apúntalo a tu identificador y tipo de evento con data-user y data-event-type, y agrégalo al HTML de tu sitio donde quieras que aparezca la página de reservas:

<script
  src="https://calendar.imatic.ai/embed.js"
  data-user="<your-handle>"
  data-event-type="<event-slug>"
  data-target="#book-here"
></script>

data-user y data-event-type son obligatorios. El opcional data-target es un selector CSS del elemento en el que se monta el marco en línea; omítelo y el marco se renderiza justo donde está la etiqueta del script. El script renderiza tu página de reservas como un marco en línea, y es responsivo — se ajusta al ancho de donde lo coloques.

Dónde obtener tu fragmento exacto

Usa la opción de incrustación en tu panel para copiar el fragmento ya rellenado con tu identificador y tipo de evento, luego pégalo en la página de tu sitio donde quieras que aparezca el widget de reservas.

Más formas de incrustar​

En línea no es tu única opción. El mismo script embed.js admite varios modos — elige el que se ajuste a tu página:

  • En línea — la página de reservas se sitúa en un contenedor de tu página (arriba).
  • Ventana emergente / modal — un botón abre tu página de reservas en una superposición sobre tu página, así no ocupa espacio hasta que alguien quiere reservar.
  • Insignia flotante — una pastilla fija de "Reservar una hora" en la esquina de cada página, como los widgets de insignia que has visto en otros sitios.
  • Hacer clic en cualquier elemento — agrega data-imatic-cal-link="handle/event-type" a un enlace o botón que ya tengas, y al hacer clic se abre tu página de reservas. Sin necesidad de un botón extra.

Todos los modos aceptan un theme (claro u oscuro) y un primaryColor para que el widget coincida con tu marca, y el marco en línea se redimensiona automáticamente para ajustarse a su contenido a medida que el visitante avanza por el flujo.

Copia el fragmento exacto

Usa la opción de incrustar/compartir en tu panel para copiar el fragmento listo del modo que quieras — viene rellenado con tu identificador, tipo de evento y opciones.

Próximos pasos​