Cómo configurar tu página de reservas en línea en Workspace369

Abre Configuración y, en Calendario y reservas, abre Páginas de reserva. Haz clic en Nueva página, dale un nombre que vean tus clientes y elige un estilo. En Servicios, desactiva lo que no quieras en la página, define tus reglas de reserva y haz clic en Crear página.#

Sí. En Estilos, elige un estilo para definir los colores, las fuentes y el diseño en un clic, y elige un color de marca. La vista previa muestra exactamente lo que verán tus clientes antes de crear la página.#

No, tú decides. Las reglas de reserva te permiten confirmar las reservas al instante o aprobar primero cada solicitud. Cada página de reservas es una forma distinta de reservar para tus clientes, y puedes crear más de una.#

En cuanto haces clic en Crear página, ya está publicada. Compartir e insertar te da el enlace y un código QR para compartir, o una forma de poner la página en tu sitio web.#

En Configuración, abre Páginas de reserva, abre la página y haz clic en Compartir e incrustar. En Incrustar en tu sitio web, elige un formato: En línea, Botón emergente, Tu formulario o iframe plano. Haz clic en copiar, pega el código en el HTML de tu sitio web o en un bloque de código (en WordPress, Squarespace, Wix o Webflow, usa un bloque HTML o de incrustación), publica tu sitio y haz una reserva de prueba. El código ya contiene tu ID de espacio de trabajo y página, por lo que no hay nada que completar.#

En línea inserta el calendario de reservas en la página donde pegas el código, y se ajusta automáticamente a su contenido. Botón emergente añade un botón flotante "Reservar ahora" a cada página donde lo pegas, y cualquier elemento con el atributo data-w369-booking también lo abre. Tu formulario carga el mismo script con data-mode="api", por lo que tu propio formulario o botón puede llamar a W369Booking.open() con el nombre, correo electrónico y teléfono del cliente (números de teléfono en E.164, como +14155550100), o W369Booking.mount() para mostrarlo dentro de tu propio elemento. iframe plano es para constructores de sitios que bloquean scripts: altura fija, sin ventana emergente. Los scripts incrustados cargan https://369.dev/booking.js.#

Sí, con los scripts incrustados. Agregue data-prefill-name, data-prefill-email, data-prefill-phone (E.164, como +14155550100) y data-prefill-notes a la etiqueta del script, o pase los mismos valores como prefill a W369Booking.open() o W369Booking.mount(). data-service y data-member preseleccionan un servicio o miembro del equipo, utilizando los ID de la pestaña IDs de desarrollador en Compartir e incrustar, y data-step="time" omite el formulario de detalles una vez que se completan el nombre, el correo electrónico y un teléfono válido. Los campos adicionales van en metadatos (hasta 20 claves) y se guardan con la reserva y en el registro de un nuevo cliente. Para rastrear de dónde provienen las reservas, pase sus valores UTM como fuente en W369Booking.open() o mount(): se muestran en Fuente de reserva en el registro del nuevo cliente. Las etiquetas UTM en la dirección de su página por sí solas se pasan pero no se guardan. Cuando se realiza una reserva, la página dispara un evento w369:booked con el ID de la reserva; para una reserva con depósito, se dispara antes del pago.#

Inline y W369Booking.mount() crecen y se encogen para ajustarse a cada paso de la reserva. La ventana emergente se abre en una ventana de hasta 1000 por 720 píxeles que se desplaza internamente, y se cierra con el botón de cierre, la tecla Escape o un clic fuera de ella. El iframe simple tiene 900 píxeles de alto a menos que cambies su altura en el código. El botón flotante de la ventana emergente se encuentra en la esquina inferior derecha: cambia su texto con data-label (hasta 40 caracteres) y su color con data-color (un color hexadecimal como #111827), o sáltalo con data-mode="api" y añade data-w369-booking a cualquiera de tus propios botones o enlaces. La referencia completa está en la guía de incrustación: docs.workspace369.com/v/2026.3/scheduling/embed-booking-on-your-website/#

Sí. Los depósitos o el pago completo al reservar se configuran en la propia página de reservas, por lo que todos los formatos incrustados los aceptan, ya que cada uno abre su página de reservas. La API REST no puede crear una reserva con depósito, por lo que si necesita un depósito, envíe a los clientes a través de la página de reservas incrustada en lugar de crear reservas a través de la API. En una incrustación, el pago abre Stripe en la misma pestaña del navegador y, después de pagar, el cliente ve la confirmación con un botón para volver a su sitio web.#

Sí. En Compartir e incrustar, lista hasta 20 sitios web permitidos, o déjalo vacío para permitir cualquier sitio web. Los iframes simples no se pueden restringir de esta manera. Cada incrustación muestra un pequeño crédito de Powered by Workspace369.#

No necesitan una cuenta. Los clientes abren tu página de reservas, eligen un servicio y luego un día y una hora. Por último, agregan sus datos y reservan.#

Las páginas de reserva se incluyen en los planes Specialist, Commander y Enterprise. Cadet y Voyager incluyen el calendario y los recordatorios de citas por correo electrónico, pero no una página de reserva.#