# Página de reservas compartible Cada tipo de evento puede tener su propia página de reservas pública: un enlace que cualquiera puede abrir y usar para reservar un horario, sin necesidad de una cuenta y sin tener que enviarte un mensaje primero. Colócalo detrás de un botón de **Reservar ahora** en tu sitio web, en tu biografía de Instagram, en tu firma de correo electrónico, en un folleto como código QR o pégalo en un chat. Quien lo abra verá tu disponibilidad real y reservará directamente en tu calendario. **Para quién es esto:** - Una **peluquería** con un botón de "Reservar cita" en su sitio web. - Un **coach o consultor** que incluye un enlace de reserva en cada correo electrónico. - Una **clínica** con un código QR en la recepción. - Cualquier persona que publique anuncios y necesite una página a la que dirigir a los usuarios. **Qué hace diferente a esta página:** el visitante introduce su nombre y su correo electrónico o teléfono **antes** de ver el calendario. Esto significa que si alguien abre la página, rellena sus datos y luego se marcha sin elegir un horario, se guardará en tus contactos, listo para un seguimiento. En una página de reservas normal, esa persona simplemente desaparece. Consulta [Cada visitante se convierte en un contacto](#every-visitor-becomes-a-contact) a continuación. --- ## Activación de la página La página de reservas está desactivada hasta que la enciendas, por lo que ningún tipo de evento se vuelve público por accidente. 1. Haz clic en **Citas** en la barra lateral y abre la pestaña **Tipos de evento**. 2. Haz clic en el icono del lápiz en el extremo derecho de la fila del tipo de evento (o haz clic en **Crear tipo de evento** para crear uno nuevo). 3. Desplázate hasta la parte inferior del formulario, a la sección **Página de reserva**. 4. Activa **Página de reserva compartible**. Aparecerá un campo **Nombre del enlace** y tu enlace finalizado. 5. Haz clic en **Guardar evento** (o **Crear evento**). El enlace se activa en el momento en que se guarda el tipo de evento. ::: tip **Consejo:** Dale primero al tipo de evento un nombre fácil de entender para el cliente. El nombre que utilices es el encabezado que los visitantes leerán en la página, por lo que "Llamada de estrategia gratuita de 30 minutos" funciona mejor que "Consultoría v2". ::: ### El nombre del enlace (el final de tu enlace) El enlace es tu dirección web normal para la aplicación seguida del **Nombre del enlace** que elijas, por ejemplo `.../book/salon-cut-30`. Cuando activas la página por primera vez, se rellena automáticamente un final corto y aleatorio. Cámbialo por algo que te gustaría leer en voz alta. Algunas reglas: - Solo letras minúsculas, números y guiones, entre 3 y 60 caracteres. Las mayúsculas y los espacios se eliminan a medida que escribes, por lo que no puedes guardar un final que no funcionaría. - Debe ser único. Si alguien más ya utiliza el final que elegiste, al guardar verás el mensaje "Ese nombre de enlace ya está en uso. Elige otro". Elige uno diferente y guarda de nuevo. - **Cambiarlo más tarde rompe el enlace antiguo.** Cualquier cosa que apunte al final antiguo dejará de funcionar, así que decídete antes de imprimirlo en cualquier lugar. --- ## Compartir el enlace La sección **Página de reservas** te ofrece tres formas de compartir la página: - **Copiar enlace** lo copia en tu portapapeles, listo para pegarlo detrás de un botón de "Reservar ahora", en un correo electrónico, una biografía, un anuncio o un mensaje. - **Mostrar código QR** convierte el mismo enlace en un código QR que puedes imprimir en un folleto, una tarjeta de visita, un escaparate o un cartel de mesa. - **Insertar en sitio web** te proporciona un pequeño fragmento de código que coloca el calendario en una página de tu propio sitio web, para que los visitantes reserven sin salir de tu sitio. Consulta [Insertar el calendario en tu sitio web](#embedding-the-calendar-on-your-website) a continuación. El enlace se crea a partir de cualquier dirección web que utilice para la aplicación, por lo que si trabaja con su propio dominio de marca, el enlace también incluirá ese dominio. No hay nada adicional que configurar. (Si también ha verificado una dirección `api.` de marca en [White Labeling](../agency/white-labeling.md), la página también se cargará a través de ella; de lo contrario, recurrirá automáticamente a nuestra dirección compartida neutral). --- ## Insertar el calendario en tu sitio web Si prefieres mostrar el calendario **en tu propia página** en lugar de enviar a las personas a un enlace externo, insértalo: 1. Abre el tipo de evento y desplázate hasta la sección **Página de reservas**, exactamente como se indicó anteriormente. 2. Haz clic en **Insertar en sitio web**. Aparecerá el código de inserción. 3. Haz clic en **Copiar código** y luego pégalo en el HTML de tu sitio web donde quieras que aparezca el calendario; la mayoría de los creadores de sitios web (WordPress, Wix, Squarespace, Webflow y otros) tienen un bloque de "HTML" o "código personalizado" para esto. Eso es todo. El calendario insertado es la misma página de reservas en un marco: mismos pasos, misma disponibilidad real, y todos los que completan sus datos se convierten en contactos, independientemente de si terminan la reserva o no. **Vale la pena saber:** - **Se ajusta automáticamente.** El código que copiaste incluye algunas líneas que permiten que el calendario crezca y se encoja según su contenido (la cuadrícula de horarios es más alta que la pantalla de confirmación), por lo que nunca tendrás que ajustar las alturas. - **Funciona junto con el widget de chat.** Si la misma página también ejecuta tu [widget de chat](../get-started/chat-widget.md), ambos conviven sin problemas: el calendario en la página y la burbuja de chat en la esquina. - **Puedes insertarlo más de una vez.** El mismo código en varias páginas está bien, y los calendarios de dos tipos de evento diferentes en una misma página también funcionan; cada marco cambia de tamaño de forma independiente. - **Cambiar el nombre del enlace también rompe las inserciones.** El código apunta a tu enlace, por lo que se aplica la misma advertencia: decide el nombre del enlace antes de pegar el código en varios sitios. - **Desactivar la página desactiva la inserción.** El marco mostrará entonces el mismo aviso de "no se aceptan reservas" que mostraría el enlace. --- ## Lo que ve tu visitante La página está diseñada principalmente para teléfonos, ya que la mayoría de las personas pulsan un enlace de reserva desde su móvil. Consta de tres pasos breves. **Paso 1: quiénes son.** Nombre, además de una dirección de correo electrónico o un número de teléfono. Cualquiera de los dos es suficiente, pero ambos es mejor. Este es el paso que hace que valga la pena usar la página, y se explica a continuación. **Paso 2: elegir una hora.** Eligen un día y luego una hora. Las horas se muestran **en la zona horaria del visitante**, con una pequeña nota de "Horas mostradas en..." para que no haya confusión, y provienen exactamente de la misma disponibilidad con la que trabaja tu IA: tus horarios semanales, tu período de preaviso, con cuánta antelación permites las reservas, tus salas y cualquier evento que ya esté ocupado en un Google Calendar sincronizado. Consulta [Sistema de reservas](booking-system.md) para saber cómo funcionan esos ajustes. **Reservar con una persona específica.** Si las salas dentro del tipo de evento tienen nombres de personas (un barbero, un médico, un estilista), la página muestra una fila **Reservar con** encima de los horarios: **Cualquiera**, más una etiqueta por persona. **Cualquiera** muestra todos los horarios disponibles y la reserva se asigna a quien esté libre, exactamente igual que antes; al tocar a una persona, solo se muestran sus horarios y la reserva se realiza con ella. Los tipos de evento cuyas salas tienen nombres genéricos no muestran dicha fila. Consulta [Reservar con una persona específica](booking-system.md#booking-with-a-specific-person) para saber cómo utiliza la IA esos mismos nombres en el chat. **Paso 3: confirmado.** Un breve resumen de lo que reservaron. Si la opción **Enviar correo electrónico de cita al contacto** está activada para ese tipo de evento (lo está de forma predeterminada), también se envía el correo electrónico de confirmación habitual. Dos personas no pueden elegir la misma hora. Si alguien más ocupa un espacio en los segundos que transcurren entre que se muestra y se confirma, la página lo indica y muestra las horas que siguen disponibles, en lugar de realizar una reserva doble silenciosamente. Por tu parte, una reserva realizada aquí es una reserva normal: aparece en la pestaña **Próximas citas**, se sincroniza con tu Google Calendar si lo tienes conectado y te notifica como cualquier otra. --- ## Cada visitante se convierte en un contacto Debido a que los detalles se solicitan primero, la página guarda a personas de las que, de otro modo, nunca sabrías nada. - En el momento en que alguien termina el paso 1, se **guarda como contacto** con el nombre y los detalles que escribió, y se le etiqueta como **booking-page-lead**. - Si ya tienes un contacto con esa dirección de correo electrónico o número de teléfono, es el mismo contacto, no uno nuevo. Solo se completan los campos vacíos, por lo que no se sobrescribe nada de lo que ya tenías. - Cuando terminan la reserva, también reciben la etiqueta **booking-page-booked**. Ese par de etiquetas es todo el truco: | El contacto tiene | Lo que significa | |---|---| | **booking-page-lead** y **booking-page-booked** | Reservaron. No hay nada que hacer. | | **booking-page-lead** pero **no** booking-page-booked | Empezaron a reservar y nunca eligieron una hora. Esta es tu lista de reservas abandonadas. | Ambas etiquetas aparecen en tu lista de etiquetas normal, por lo que puedes filtrar tus contactos por ellas como cualquier otra etiqueta (consulta [Uso de etiquetas para clasificar contactos](../get-started/creating-tags.md)). --- ## Receta: Seguimiento de reservas abandonadas Alguien que escribió su nombre y correo electrónico y luego cerró la pestaña es un cliente potencial interesado que se distrajo. Aquí tienes una automatización sencilla que les envía un correo electrónico una hora después. Consulta [Automatizaciones](../automations/automations.md) para acceder al generador. 1. Abre **Automatizaciones** y crea una nueva automatización. La forma más rápida es describirla en lenguaje sencillo en el cuadro de texto y luego ajustar lo que genera, pero así es como debería quedar al final. 2. Configura el activador en **Contacto actualizado** y establece su campo en **etiquetas**, para que se ejecute siempre que cambien las etiquetas de un contacto. 3. Añade un paso de **Condición**: continúa solo cuando el contacto tenga la etiqueta **booking-page-lead** y **no** tenga la etiqueta **booking-page-booked**. 4. Añade un paso de **Retraso** de una hora aproximadamente. Esto le da a alguien que simplemente tarda en elegir una hora la oportunidad de terminar primero. 5. Añade una **Condición** de nuevo después del retraso, comprobando lo mismo. Si completaron la reserva durante esa hora, ahora tendrán la etiqueta **booking-page-booked** y la automatización se detendrá ahí en lugar de molestar a un cliente que ya reservó. 6. Añade un paso de correo electrónico (Gmail, o **Correo electrónico (tu servidor de correo)** si envías a través de tu propio servidor) con un mensaje breve y amable: "Vi que empezaste a reservar con nosotros, aquí tienes el enlace de nuevo por si todavía quieres elegir una hora". Pega tu enlace de reserva en él. 7. Guarda y, a continuación, activa el interruptor **Habilitado**. **Vale la pena saberlo antes de crearla:** - **El correo electrónico funciona de inmediato.** Siempre que la persona haya dejado una dirección de correo electrónico, esto se ejecutará el día que lo actives. - **WhatsApp y SMS son diferentes.** Alguien que llegó a través de la página de reservas aún no tiene una conversación contigo, y los canales de mensajería solo te permiten iniciar una de formas específicas, por lo que un seguimiento por chat no es algo que esta automatización pueda hacer por ti hoy. Empieza por el correo electrónico. - **No todo el mundo deja un correo electrónico.** La página acepta un número de teléfono en su lugar, así que incluye una condición o simplemente acepta que los clientes potenciales que solo proporcionan teléfono se queden en tus contactos para que los contactes manualmente. --- ## Desactivar la página y eliminarla - **Desactiva la página** en el tipo de evento y el enlace dejará de aceptar reservas: a cualquiera que lo abra se le informará que la página no está aceptando reservas en este momento. El nombre de tu enlace permanece reservado, por lo que volver a activarlo más tarde recuperará **exactamente el mismo enlace** y todos los botones de "Reservar ahora" que apuntaban a él volverán a funcionar. - **Elimina el tipo de evento** y su página desaparecerá con él, para siempre. El nombre del enlace quedará libre y alguien más podría tomarlo, así que elimínalo solo cuando realmente hayas terminado con ese enlace. --- ## Información útil - Cada tipo de evento tiene **una** página. Si ofreces tres servicios, crea tres tipos de evento y comparte tres enlaces. - La página muestra el nombre del evento, cuánto dura, dónde ocurre y tu marca. Nada de tu cuenta es visible para los visitantes. - Cualquier persona con el enlace puede abrir la página. No aparece en ningún lugar público, pero tampoco es secreta, así que trátala como cualquier otro enlace que compartas. - **Aún no disponible:** el correo electrónico de confirmación no incluye enlaces para reprogramar o cancelar, ni un archivo de calendario para añadir a una agenda, y la página no puede hacer preguntas adicionales por sí misma. Para recopilar detalles adicionales, reserva a través de un chat, donde tu IA puede solicitarlos (consulta [Recopilación de información adicional durante la reserva](booking-system.md#collecting-extra-information-during-booking)). --- ## ¿Necesita ayuda? If you have questions about the booking page, reach out via our [email support](mailto:hi@youraiconnector.com).