ℹ️ 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 calendarioAsí 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, Zoomo MS TeamsUna 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 🚀

Actualizado el: 10/09/2026