> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.hoppyapps.com/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # 📅 Cómo configurar los servicios de reserva de una cita > ℹ️ **Note:** Este artículo fue traducido automáticamente usando AI y puede contener imprecisiones. Si algo se ve mal, póngase en contacto con nuestro equipo de apoyo. Quiere dejar a los clientes reservar citas, clases, alquileres o sesiones directamente desde sus Shopify ¿Al almacén? 🗓️ Eso es exactamente lo que **Hoppy Appointments** está diseñado para. Con Hoppy Appointments, puedes girar cualquier Shopify producto en un servicio reservable, tales como: * 💇 Salon & Spa citas * 🎓 Cursos prácticos * 🏨 Alquileres de estancias * 🎾 Entrenamiento de sesiones " consultas * 📦 Paquetes multisesión Una vez establecido, los clientes ven un **Reserva ahora** botón en la página del producto. Eligen una fecha y hora de un nuevo calendario limpio, responden a sus preguntas de reserva y confirman — todo sin salir de su tienda ✨ Las reservas pagadas se procesan de forma segura a través de su regular Shopify checkout, mientras que las reservas gratuitas se confirman al instante. Esta guía te lleva a través de la configuración completa, paso a paso 👇 --- # **⚠️ Antes de empezar** Antes de crear su primer servicio, asegúrese de: * El **Hoppy Appointments** app está instalada en tu Shopify tienda * Tienes un **Shopify producto** listo para el servicio que desea ofrecer → El precio del producto se convierte en el precio de reserva * Ya sabes lo que **días y tiempos** desea aceptar reservas 💡 ¿Explorando? La primera vez que abre la aplicación, una configuración guiada ofrece crear una **Servicio de muestra** para ti, para que puedas ver cómo funciona todo antes de conectar un producto real. ℹ️ El a bordo guiado aparece automáticamente para nuevas tiendas y cubre los mismos pasos explicados en esta guía. --- # **✅ Paso inicial: Activar la aplicación** Para que el botón Book Now y el calendario de reservas aparezcan en tu escaparate, la aplicación debe estar habilitada dentro de tu Shopify tema. Ve a: **Shopify Admin → Tienda Online → Temas → Personalizar → App Embeds** Entonces: * Encontrar “**Reservas de citas**” * Toggle it ON * Haga clic **Guardar** ⚠️ Importante: Salvar su servicio solo no lo hace visible en el escaparate. La aplicación debe estar habilitada para que aparezca el widget de reserva. --- # **⚙️ Paso 1 - Crear un nuevo servicio** Abrir el **Hoppy Appointments** aplicación de tu Shopify Admin. Usted aterrizará en el **Mis servicios** página, donde aparecen todos los servicios de reserva. Entonces: → **Nuevo servicio** → Elige el tipo de servicio que coincida con lo que ofrece: --- ## **📅 Reservas regularesUna ranura de tiempo en un solo día.** Perfecto para citas individuales como consultas, clases o visitas de salón. ### **Ejemplo** Una cita de corte de pelo de 30 minutos el martes a las 2:00 PM. --- ## **🌙 Multiday BookingBookings que duran varios días.** Perfecto para estancias y alquileres que duran varios días, como hoteles o alquileres de equipos. ### **Ejemplo** Alquiler de cámara reservado del 10 al 14o. --- ## **📦 Reservas BundleUn paquete de múltiples citas.** Perfecto para paquetes de múltiples sesiones, como paquetes de clase o créditos de membresía. ### **Ejemplo** Un paquete “10 Clases de yoga” donde los clientes reservan cada sesión uno por uno. --- Una vez seleccionada, la página de configuración del servicio se abre automáticamente. ℹ️ No te preocupes por los pagos todavía - cada tipo de servicio se puede pagar a través de Shopify checkout o ofrecido gratis. Usted elegirá esto más adelante en el **Pago** tab. --- # **🛍️ Paso 2 - Conecte su Shopify Producto** Cada servicio de reserva comienza con un Shopify producto. Dentro del **General** pestaña, abre la **Reservas** tarjeta: → **Seleccione el producto** y elegir el producto que desea que los clientes reserven. Este producto controla: * 💰 Los clientes del precio de la reserva pagan al checkout * 🖼️ La imagen se muestra en la página de reserva * 🏷️ El título de servicio predeterminado, auto-llenado del título del producto ⚠️ Importante: Un servicio necesita al menos un producto para vincularse con él. Si el producto tiene una variante, debe conectarse a una de las variantes. Una vez seleccionado, puede cambiarlo en cualquier momento utilizando **Cambio**, o quitarlo con **Reset**. --- ## **🏷️ Detalles de la página de reserva** Justo debajo, el **Página de reserva** tarjeta controla lo que los clientes ven al reservar: * **Título** → El nombre que los clientes ven al reservar este servicio * **Descripción** → Una breve explicación de lo que los clientes pueden esperar ### **Ejemplo:** “Masaje profundo del tejido – 60 minutos” **Descripción:** “Un relajante masaje de cuerpo completo con nuestro terapeuta senior. Por favor, lleguen 10 minutos antes”. 💡 También hay un **Eventos Google/Outlook - Título** campo. Esto controla cómo aparece el evento en calendarios conectados. Las variables `{{service_name}}` y `{{product_name}}` son reemplazados automáticamente — no es necesario editarlos a menos que desee un formato personalizado. --- ## **🔀 Duración a la Mapping Variante** ℹ️ Esta tarjeta sólo aparece cuando su producto tiene **múltiples variantes** Y sus ofertas de servicio **duración múltiple**. Le permite conectar cada duración a una variante de producto específica, por lo que cada duración puede tener su propio precio. ### **Ejemplo** * 30 minutos → “30 Min Session” variante ($40) * 60 minutos → “60 Min Session” variante ($70) Si su producto sólo tiene una variante, todas las duraciónes simplemente utilizan el precio de esa variante — nada que configurar aquí 👍 --- # **📍 Paso 3 - Elija un lugar de reunión** El **Lugar de reunión** configuración le dice a los clientes dónde tiene lugar la cita. Usted puede elegir de: * **Ninguno** → No hay lugar compartido * **Google Meet / Zoom / MS Teams** → Reuniones de vídeo en línea * **Llamada telefónica** → Compartir un número de teléfono * **In person / At Location** → Compartir una dirección física * **Aduanas** → Compartir cualquier texto o enlace personalizado La ubicación es compartida con los clientes dentro de su **confirmación de correo electrónico** y **calendario**Así que siempre saben exactamente dónde ir 📬 --- ## **🔗 Detalles de la ubicación (campo convencional)** Dependiendo de su selección, un campo extra aparece automáticamente: * **Google Meet / Zoom / Custom** → Pruebe su enlace de reunión * **Llamada telefónica** → Introduzca el número de teléfono * **In person / At Location** → Buscar y elegir la dirección utilizando la dirección integrada autocomplete 💡 Uso **Google Meet**, **Zoom**o **MS Teams**Una vez que el calendario coincidente está conectado en el **Equipo** sección, un enlace de reunión único se genera automáticamente para cada reserva — ningún enlace manual necesario. Ver el **Integración** documentación para pasos de conexión. --- ## **🎫 Enviar entrada Código QR** ℹ️ Esta casilla aparece sólo para **En persona** o **Ubicación** servicios. Permitir que incluya un ticket QR escaneable en el correo electrónico de confirmación — ideal para realizar check-ins rápidos en eventos, clases o lugares ✅ --- # **📝 Paso 4 - Personalizar el formulario de reserva** El formulario de reserva es lo que los clientes rellenan después de elegir su tiempo de ranura. Por defecto, cada formulario pide: * **Nombre** (requerido) * **Apellido** * **Email** (requerido) Estos tres siempre están incluidos, así que nunca pierdes la pista de quién ha reservado 🙌 Para recoger más detalles: → **Agregar una pregunta** Puedes añadir campos como: * Texto corto o multilínea * Número de teléfono * Desplazamientos, botones de radio, casillas de verificación o listas de selección múltiple * Fecha, hora, número, puntuación, enlace o incluso subidas de archivos Cada pregunta puede ser marcada como **necesarios**, reordenado por arrastrar y soltar, y editado en cualquier momento. ### **Ejemplo** * “¿En qué te gustaría concentrarte durante la sesión?” (texto multilínea) * ¿Cómo has oído hablar de nosotros? 💡 Mantenga el formulario corto — menos preguntas generalmente significa más reservas completadas. --- ## **🔘 Opcional: Botón de acción flotante** Quiere que los clientes reserven este servicio desde **cualquier página** de su tienda - no sólo la página del producto? Activar el **Botón de acción flotante** para mostrar un flotante **Reserva ahora** botón a través de tu escaparate. Una vez habilitado, puede personalizar: * **Texto del botón** (por defecto: “Reserva ahora”) * **Posición** → Derecha del fondo, Izquierda del fondo, o Centro del fondo * **Antecedentes " Colores de texto** para que coincida con su marca Esto es especialmente útil para servicios de alta demanda que desea promover en toda la tienda 🚀 --- # **🕒 Paso 5 - Establecer su disponibilidad** Ahora muévete a la **Disponibilidad** tab — aquí es donde controlas exactamente cuando los clientes pueden reservar. --- ## **👤 ¿Para quién es esta disponibilidad?** En primer lugar, elija cómo debe funcionar la disponibilidad: * **Disponibilidad por servicio** → Mejor para una persona. El horario que se establece a continuación se aplica a todo el servicio. * **Disponibilidad por compañero de equipo** → Mejor para equipos de 2–99. Las reservas se revisan en contra de los horarios de sus miembros del equipo. Cuando **por compañero de equipo** es seleccionado, un **Assign teammates to this service** opción aparece para que pueda elegir qué miembros del equipo ofrecen este servicio. ℹ️ Los miembros del equipo y sus horarios individuales se gestionan por separado en los **Equipo** sección. Ver el **Miembros del Equipo** documentación para detalles. --- ## **📆 Horas semanales o fechas específicas** Usted puede construir su horario de dos maneras: ### **Set Your Weekdays Availability (Default)** Un horario semanal recurrente. * Toggle each day ON or OFF * Set **tiempos de inicio y final** para cada día de trabajo * Añadir **intervalos de tiempo múltiples** por día utilizando **+** botón → por ejemplo 9:00–12:00 y 14:00–18:00 con una diferencia de almuerzo entre * Usar el **icono de copia** para copiar rápidamente los tiempos de un día a otros días ### **Set Your Date Range Disponibilidad** → **o seleccionar fechas específicas** para cambiar. Perfecto para horarios estacionales, eventos pop-up o servicios de tiempo limitado que solo funcionan entre fechas específicas. 💡 Para **Recursos ordinarios** servicios, también puede habilitar **Mostrar disponibilidad por hora del día** para agrupar las ranuras en la mañana, la tarde y la noche - haciendo el calendario más fácil para los clientes para escanear. --- ## **Duración > Ajustes de Ranura** Estas configuraciones controlan cómo se generan ranuras de tiempo para los clientes: * **Duración** → ¿Cuánto dura cada cita (15 minutos a 4 horas, o crear un **Aduanas** duración) * **Permitir múltiples duraciónes** → Permite a los clientes elegir entre diferentes longitudes, por ejemplo 30 o 60 minutos * **Intervalo de reserva** → La brecha entre los tiempos de inicio reservables → por ejemplo un servicio de 60 minutos con un intervalo de 30 minutos ofrece ranuras a las 9:00, 9:30, 10:00... * **Tiempo de amortiguación** → Tiempo libre bloqueado automáticamente entre citas, por lo que siempre tienes un respirador ☕ ⚠️ Duración, intervalo de reserva y tiempo de amortiguación no se utilizan para **Multidía** servicios, ya que esas reservas abarcan días completos. --- ## **Reglas de reserva** * **Aviso mínimo de programación** → Evita las reservas de última hora → por ejemplo, requieren al menos 4 horas de aviso antes de que se pueda reservar una ranura * **Mira.** → Controla hasta qué punto los clientes anticipados pueden reservar → por ejemplo sólo permite reservar hasta 30 días por delante Estos dos ajustes protegen su calendario de reservas sorpresa y mantienen su horario predecible 🛡️ ℹ️ **Mira.** no se utiliza para **Bundle** servicios, ya que los clientes reservan sus sesiones de paquete a medida que van. --- ## **☕ Break Times " 🚫 Fechas bloqueadas** ¿Necesitas bloquear el tiempo libre? * **Tiempos de descanso** → Corriendo bloques diarios, como el almuerzo todos los días entre 1–2 PM * **Fechas bloqueadas** → fechas específicas que no se pueden reservar en absoluto - perfecto para vacaciones, vacaciones o días libres --- ## **🌍 Timezone & Hour Format** * **Zona horaria** → La zona temporal de su disponibilidad se basa en * **Mostrar selector de zona horaria** → Permite a los clientes ver ranuras en su propia zona horaria * **Cierre la zona temporal** → obliga a todos los clientes a ver tiempos en su zona temporal * **Formato 24h** " **Mostrar selector de formato hora** → Controla cómo se muestran los tiempos 💡 Para los servicios locales, en persona, **Cierre la zona temporal** evita conversiones de tiempo confusas para clientes viajeros. --- ## **🔢 Límites de reserva** * **Máximas reservas por día** → Cap cuántos nombramientos se pueden reservar en un solo día * **Máximas reservas por hora** → Permitir a múltiples clientes reservar la misma ranura - perfecto para **Clases de grupo** 🧘 ### **Ejemplo** Una clase de yoga con **5 puntos por hora ranura** permite a 5 clientes diferentes reservar martes a las 9:00 AM. ℹ️ Los límites disponibles varían ligeramente dependiendo del tipo de servicio. --- # **📦 Ajustes adicionales para los servicios multidía & Bundle** Algunos ajustes sólo aparecen para tipos de servicio específicos. Esto es lo que hay que buscar 👇 --- ## **🌙 Servicios multidía** Dentro del **General** pestaña, **Ajustes multidía** La tarjeta aparece: * **¿Es una reserva de día o de noche?** * **Reserva de día** → La décima a la 11a cuenta como **2 días** * **Reserva nocturna** → La décima a la 11a cuenta como **1 noche** — ideal para hoteles y estancias 🏨 * **Cantidad fija** → Cuando está habilitado, el precio es **no multiplicado** por el número de días o noches reservadas Dentro del **Disponibilidad** ficha: * **Días mínimos / máximos reservables** → Controlar los clientes de estancia más corta y más larga puede reservar * **Horas disponibles** → Establecer check-in / check-out tiempos de estilo --- ## **📦 Bundle Services** Dentro del **Disponibilidad** pestaña, elegir **cuántos tiempo ranuras clientes pueden seleccionar**: * **Número fijo de ranuras** → por ejemplo exactamente 5 sesiones por paquete * **Rango de ranuras** → por ejemplo, los clientes eligen entre 3 y 10 sesiones Dentro del **General** pestaña, **Ajustes de los asientos** ofertas de tarjetas: * **Cantidad fija** → Cuando está habilitado, el precio es **no multiplicado** por el número de sesiones seleccionadas --- # **💳 Paso 6 - Configure Pagos " Aprobación** Muévete a la **Pago** ficha para decidir cómo pagan los clientes y cómo se confirman las reservas. --- ## **💰 Tipo de pago** * **Pagar al libro** → Se requiere pago para completar la reserva. Los clientes pagan a través de su regularidad Shopify checkout - seguro y familiar 🛒 * **Libro sin pago** → Las reservas se confirman al instante sin pago. Ideal para servicios gratuitos, llamadas de descubrimiento o para pagar en persona. ℹ️ Usted puede cambiar entre los dos en cualquier momento - nada más sobre sus cambios de servicio. --- ## **✅ Confirmar/Decline a Booking** * **Aceptar automáticamente las reservas** → Las nuevas reservas se confirman al instante * **No acepte automáticamente nuevas reservas** → Revisar y confirmar manualmente cada reserva primero ⚠️ Importante: Con confirmación manual, cada reserva debe ser aceptada **dentro de 24 horas**, o se disminuye automáticamente. Asegúrese de que alguien en su equipo mantenga un ojo en nuevas solicitudes 👀 --- ## **⏳ Waitlist** Cuando su calendario se llena, permitiendo el **Waitlist** permite a los clientes unirse a una lista de espera en lugar de dejar las manos vacías. * **Mostrar lista de espera cuando una ranura está completamente reservado** → La opción de lista de espera sólo aparece en las ranuras que ya están llenas ℹ️ Las solicitudes de la lista de espera necesitan su revisión y sólo son confirmadas (y cargadas) después de aprobarlas. El camarero no está disponible para **Bundle** servicios. --- ## **💸 Pagos parciales (depósitos)** ℹ️ Esta tarjeta sólo aparece cuando **Pagar al libro** es seleccionado. Habilitación **Pagos parciales** para permitir a los clientes asegurar su lugar con un **depósito** en lugar de pagar la cantidad total por adelantado. Puede configurar: * **Porcentaje o cantidad fija** → por ejemplo 30% ahora, o $20 ahora * **Método de pago parcial** → **Planes de venta (recomendados)** guarda el método de pago del cliente para que pueda recoger el saldo más adelante; **Proyecto de orden** envía una factura manual en su lugar * **Dar la opción de pagar completamente o simplemente el depósito** → Los clientes eligen por sí mismos durante la reserva Los depósitos son una gran manera de reducir los no-shows manteniendo las reservas accesibles 💡 💡 Si permite la opción “pagar completamente o simplemente el depósito”, asegúrese de que su formulario de reserva incluye al menos una pregunta personalizada — la opción se muestra dentro del formulario de reserva. --- # **🔧 Paso 7 - Revisar Opciones avanzadas (opcional)** El **Avances** pestaña contiene algunos ajustes opcionales que vale la pena saber durante la configuración: * **Términos de reserva** → Añada una casilla de verificación términos " condiciones al formulario de reserva. Marcarlo **Obligatorio** para exigir que los clientes acepten antes de confirmar. * **Redirect después de la reserva** → _(Libro sin pago solamente)_ Enviar clientes a una página personalizada — como una página de agradecimiento— después de confirmar. * **Personalizar correo electrónico** → Añadir un mensaje personalizado al correo electrónico de confirmación de este servicio, y elegir si los clientes ver **Cancelar** y **Horario** botones en sus emails. * **Reprogramación mínima / aviso de cancelación** → Evitar cambios de último minuto requiriendo aviso previo, por ejemplo 24 horas. 💡 Las plantillas de correo electrónico se gestionan globalmente bajo **Ajustes → Ajustes de correo electrónico**. Ver el **Ajustes de correo electrónico** documentación para detalles. El **Avances** pestaña también incluye overrides de traducción para el widget de reserva - ver el **Traducciones** documentación si su tienda vende en varios idiomas 🌍 --- # **🎨 ¿Qué pasa con la pestaña de diseño?** El **Diseño** pestaña dentro del servicio controla cómo el calendario de reserva, página de éxito, página de reprogramación y cancelar el look de página. De forma predeterminada, su servicio sigue automáticamente el de su tienda **configuración de diseño global** - así que coincide con tu marca con cero trabajo extra ✨ Para personalizar este servicio individualmente: → Activación **No siga Ajustes de Tema Predeterminado** para desbloquear fuentes por servicio, colores, logos y CSS personalizado. Para un paseo completo, vea el **Diseño y estilo** documentación. --- # **✅ Paso 8 - Guardar " Publish** Una vez que todo se ve bien: **1\. Guardar el servicio** Haga clic **Guardar** en la barra en la parte inferior de la página. Verás un **“Servicio creado”** confirmación, y su servicio es ahora **Activo** ✅ **2\. Compruebe el estado de la aplicación embed** Si **Reservas de citas** app embed no está habilitado todavía, un banner aparece con un **Enable App Embed** acceso directo a tu editor de temas. **3\. Vista previa de su servicio** Abra la página de producto en vivo en su escaparate para experimentar el flujo de reserva exactamente como sus clientes 👀 💡 La vista previa dentro de la página de configuración es aproximada — siempre confíe en la disponibilidad mostrada en su página de producto en vivo. --- ## **🛠️ Gestión de su servicio más tarde** Desde **Mis servicios** página, utilizar el **Más** menú en cualquier servicio a: * **Activar / Apagar** → Esconder temporalmente un servicio de su tienda * **Duplicar** → Cerrar un servicio como punto de partida para uno nuevo * **Archivo** → Retire servicios que ya no ofrecen * **Copia de la identificación del servicio** → Usado para colocación manual con el **Calendario de los nombramientos** bloque temático --- # **🎉 Resultado final** Una vez configurado con éxito: ✅ Su página de producto muestra un **Reserva ahora** botón en lugar de Add to Cart ✅ Los clientes recogen fechas > ranuras de tiempo de un hermoso calendario emergente ✅ Las reservas pagadas fluyen a través de su seguro Shopify checkout ✅ Las reservas gratuitas se confirman al instante ✅ Los clientes reciben correos electrónicos de confirmación automáticos con todos los detalles ✅ Su calendario se mantiene protegido con amortiguadores, descansos y reglas de reserva ✅ Su tienda ofrece una experiencia de reserva profesional que se ejecuta ✨ Con su servicio de reserva de citas en vivo, los clientes pueden reservar con usted las 24 horas del día, incluso mientras duerme 🚀 ---