# Inicio rápido

## Lo que configurarás

* **Servicios** - Productos de Shopify que representan servicios reservables
* **Recursos** - Miembros del equipo, salas, equipos u otros activos necesarios para prestar los servicios
* **Disponibilidad** - Horarios de trabajo y reglas de programación para los recursos
* **Integración con la tienda** - Botones de reserva y calendario en tu tienda en línea

{% hint style="info" %}
**Tiempo estimado**: 15-30 minutos para una configuración básica con un servicio y un miembro del equipo.
{% endhint %}

## Antes de empezar

Asegúrate de tener:

* **Acceso de administrador** en tu tienda de Shopify
* **Una lista de servicios** que quieres ofrecer con:
  * Nombre del servicio (p. ej., "Masaje de 60 minutos", "Peluquería canina")
  * Duración (p. ej., 30 minutos, 1 hora, 2 horas)
  * Precio
  * Capacidad (número de reservas simultáneas, si aplica)
* **Información de recursos**:
  * Nombres de los miembros del equipo y sus horarios de trabajo
  * Requisitos de sala o equipo (si aplica)

***

{% stepper %}
{% step %}
**Crea productos de servicio en Shopify**

Crea un producto de Shopify para cada servicio reservable:

1. En el administrador de Shopify, ve a **Productos > Agregar producto**
2. Introduce un **título de producto** claro, sin la duración (p. ej., "Corte de pelo", "Masaje", "Consulta")
   * Mantén el título simple: esto aparece en las confirmaciones de reserva y en los calendarios
3. Añade **variantes para diferentes duraciones**:
   * Haz clic en **Agregar variante**
   * Crea variantes como "30 minutos", "1 hora", "90 minutos"
   * Establece el precio de cada variante de duración
4. Añade una descripción, imágenes y otros detalles del producto según sea necesario
5. **Guardar** el producto

Repite el proceso para cada tipo de servicio que quieras ofrecer.

{% hint style="success" %}
**Mejor práctica**: Usa variantes para diferentes duraciones del mismo servicio. Por ejemplo, un solo producto "Masaje" con variantes "30 minutos", "1 hora" y "90 minutos" en lugar de tres productos separados.
{% endhint %}
{% endstep %}

{% step %}
**Crea recursos y configura la disponibilidad**

Los recursos son lo que tu servicio necesita para llevarse a cabo: miembros del equipo, salas, equipos, etc. Los crearás y configurarás su disponibilidad.

{% hint style="info" %}
**Nota**: En la interfaz actual del administrador de Shopify, los recursos se etiquetan como "Miembros del equipo". Esto se actualizará a "Recursos" en una próxima versión.
{% endhint %}

1. Abre **Sesami** en tu administrador de Shopify
2. Navega a **Miembros del equipo** (Recursos)
3. Haz clic en **Agregar miembro del equipo** y crea tus recursos:
   * Para el personal: agrega cada miembro del equipo por nombre (p. ej., "Sarah", "Alex", "Jamie")
   * Para salas/equipos: agrégalos como miembros del equipo por ahora (p. ej., "Sala 1", "Kit de cámara A")
4. Para cada recurso, configura su **disponibilidad**:
   * Haz clic en el nombre del recurso
   * Ve a la **Disponibilidad** pestaña
   * Añade reglas de disponibilidad (p. ej., lunes a viernes, 9:00 a. m. - 5:00 p. m.)
   * **Guardar** el horario

**Configuración de ejemplo:**

* Miembro del equipo "Sarah" → Disponible de lunes a viernes, 9 a. m. - 5 p. m.
* Sala "Sala de tratamiento 1" → Disponible de lunes a sábado, 8 a. m. - 8 p. m.

Ver: [Guía de recursos](/es/administracion/resources.md) | [Configuración de disponibilidad](/es/reserva/availability/resource-availability.md)
{% endstep %}

{% step %}
**Vincula los servicios con los recursos**

Indica a Sesami qué recursos se necesitan para cada servicio:

1. Abre **Sesami** en tu administrador de Shopify
2. Navega a **Servicios**
3. Selecciona un producto de servicio
4. Ve a la **Recursos** sección
5. Elige qué tipos de recursos son necesarios:
   * Selecciona **Miembro del equipo** si el servicio requiere un miembro del personal
   * Selecciona **Sala** si el servicio requiere un espacio físico
   * Selecciona **Equipo** si se necesitan herramientas específicas
6. Opcionalmente, asigna recursos específicos:
   * Marca **Solo recursos específicos** para limitar el servicio a ciertos miembros del equipo o salas
   * Déjalo sin marcar para permitir cualquier recurso disponible de ese tipo
7. **Guardar**

**Configuraciones de ejemplo:**

* **Corte de pelo**: Requiere "Estilista" (cualquier estilista puede hacerlo)
* **Tratamiento facial**: Requiere "Esteticista" + "Sala de tratamiento" (se necesitan ambos)
* **Entrenamiento privado**: Requiere solo el recurso específico "Entrenadora personal - Sarah"

{% hint style="warning" %}
**Error común**: Si no vinculas ningún recurso, ¡no aparecerán franjas horarias disponibles! Cada servicio debe tener asignado al menos un tipo de recurso.
{% endhint %}
{% endstep %}

{% step %}
**Añade la reserva a tu tienda**

Haz que el calendario de reservas sea accesible para los clientes en tu tienda en línea:

**Opción 1: Incrustación de la app en el tema (recomendado: temas modernos)**

La mayoría de los temas Shopify 2.0 admiten incrustaciones de aplicaciones:

1. En el administrador de Shopify, ve a **Tienda online > Temas**
2. Haz clic en **Personalizar** en tu tema activo
3. Haz clic en **Incrustaciones de la app** (normalmente en la barra lateral izquierda o en la configuración del tema)
4. Activa la **Sesami** incrustación de la app
5. **Guardar**

El calendario de reservas ahora aparecerá automáticamente en las páginas de productos de tus servicios.

{% hint style="warning" %}
**Nota importante:** El botón de compra no se puede ocultar ni eliminar de la plantilla del producto. \
El botón de compra es necesario para mostrar la disponibilidad de reserva en el calendario. \
Si prefieres no mostrar el botón de compra a los clientes, puedes activar la opción “Añadir automáticamente al carrito / Omitir carrito”. Esto elimina el botón del proceso de reserva.
{% endhint %}

**Opción 2: Integración manual (temas antiguos)**

Para temas antiguos sin compatibilidad con incrustaciones de aplicaciones:

1. En el editor de tu tema, añade un botón o enlace a las páginas de producto
2. Enlaza a la página del producto con el calendario de Sesami activo
3. O ponte en contacto con soporte para obtener ayuda con la integración específica del tema

Ver: [Configuración de la tienda en línea de Shopify](/es/apps-integrations/shopify/online-store.md)

{% hint style="success" %}
**Consejo profesional**: Añade un enlace de navegación "Reservar ahora" en tu menú principal que apunte a una colección de todos los servicios reservables.
{% endhint %}
{% endstep %}

{% step %}
**Prueba de extremo a extremo**

Antes de publicar, prueba un flujo completo de reserva:

1. **Abre tu tienda** en una ventana del navegador incógnito/privado (para ver la vista del cliente)
2. **Navega a la página de un producto de servicio**
3. **Comprueba que aparezca el calendario de reservas** con franjas horarias disponibles
4. **Selecciona una fecha y hora**
5. **Añadir al carrito** y continúa con el pago
6. **Completa la compra** (usa el modo de prueba de Shopify o haz una reserva real)
7. **Verifica que la reserva aparezca** en el administrador de Sesami, en Reservas
8. **Comprueba en móvil** - Prueba el mismo flujo en un dispositivo móvil

**Qué verificar:**

* Las franjas horarias disponibles coinciden con la disponibilidad de tus recursos
* Se muestra la zona horaria correcta
* La reserva aparece asignada al recurso correcto
* Las horas no se superponen si reservas varias citas

{% hint style="warning" %}
**Si no aparecen franjas horarias**, consulta la sección de solución de problemas a continuación.
{% endhint %}
{% endstep %}
{% endstepper %}

***

## Solución de problemas

<details>

<summary>El calendario no aparece en la página del producto</summary>

Comprueba:

1. **La incrustación de la app de Sesami está activada** en la configuración del tema (Paso 5)
2. **El producto tiene la etiqueta sesami-service** en Shopify
3. **Sesami está activado** en la configuración de Sesami
4. Estás viendo el **tema publicado** (no una versión en borrador o no publicada)
5. **El servicio está configurado** en Sesami con el producto vinculado

</details>

<details>

<summary>El servicio no funciona o muestra errores</summary>

Comprueba:

1. **El producto se agregó como servicio** en Sesami
2. **Los recursos están asignados** al servicio (Paso 3)
3. **Los recursos requeridos están habilitados** (no deshabilitados)
4. **El formato de la variante de duración** es correcto (p. ej., "30 minutos", "1 hora" - sin espacios extra, en inglés)

</details>

<details>

<summary>No se muestran franjas horarias disponibles</summary>

¡El problema más común! Comprueba:

1. **Los recursos están asignados** al servicio (Paso 3)
2. **La disponibilidad está configurada** para los recursos asignados (Paso 2)
3. **La zona horaria es correcta** en la configuración de Sesami
4. **La ventana de reserva** permite reservas futuras (revisa la configuración avanzada)
5. **No hay bloqueos** que cubran todas las fechas disponibles

Ver: [Sin disponibilidad](/es/comenzar/onboarding/troubleshooting/no-availability.md)

</details>

<details>

<summary>La zona horaria parece incorrecta</summary>

1. Ve a **Sesami > Configuración > Zona horaria**
2. Verifica que la zona horaria de tu tienda coincida con tu ubicación física
3. Comprueba que la disponibilidad del recurso esté configurada en la zona horaria correcta
4. Borra la caché del navegador y prueba en modo incógnito

Ver: [Desajuste de zona horaria](/es/comenzar/onboarding/troubleshooting/timezone-mismatch.md)

</details>

<details>

<summary>El comportamiento del pago es inesperado</summary>

Si se omite el pago cuando esperabas que no lo hiciera (o viceversa):

1. Comprueba si **Reserva instantánea** está activada (omite el pago)
2. Verifica la **configuración del depósito** (puede cambiar el flujo de pago)
3. Revisa el **precio del producto** (los productos gratuitos pueden omitir el pago)

Ver: [Reserva instantánea](/es/reserva/booking-features/instant-booking.md) | [Depósitos](/es/pagos/deposits.md)

</details>

<details>

<summary>La reserva muestra "Asignado a: Nadie"</summary>

Esto ocurre cuando las franjas horarias dejan de estar disponibles durante el pago:

1. Activa **Período de reserva** en la configuración de Sesami
2. Activa **Validación del carrito** para comprobar la disponibilidad antes del pago

Ver: [Solución de problemas: asignado a nadie](/es/comenzar/onboarding/troubleshooting/troubleshooting-assigned-to-no-one-caused-by-invalid-order.md)

</details>

<details>

<summary>Los clientes ven errores "Sesión caducada" o "Enlace no válido"</summary>

Causas comunes:

1. **Enlaces caducados** - El cliente intentó reprogramar o cancelar después de la fecha límite
2. **Cookies del navegador bloqueadas** - Revisa la configuración del navegador, especialmente Safari
3. **Problemas de caché** - Borra la caché del navegador e inténtalo de nuevo

Ver: [Sesión caducada](/es/comenzar/onboarding/troubleshooting/session-expired.md) | [Cookies de Safari](/es/comenzar/onboarding/troubleshooting/safari-cookies.md) | [Error de enlace no válido](/es/comenzar/onboarding/troubleshooting/as-a-customer-why-am-i-seeing-an-invalid-link-error-page.md)

</details>

***

## Próximos pasos

Una vez que las reservas básicas funcionen, considera:

* [**Notificaciones por correo electrónico**](/es/notificaciones/notification-emails.md) - Configura correos electrónicos de confirmación y recordatorio
* [**Sincronización con Google Calendar**](/es/apps-integrations/google-calendar.md) - Sincronización bidireccional con los calendarios de los miembros del equipo
* [**Reprogramación por parte del cliente**](/es/reserva/booking-features/cancellations-rescheduling.md) - Permite a los clientes reprogramar o cancelar
* [**Citas grupales**](/es/reserva/booking-features/group-appointments.md) - Habilita varias reservas por franja horaria
* [**Depósitos**](/es/pagos/deposits.md) - Cobra un pago parcial al momento de la reserva
* [**Punto de venta**](/es/apps-integrations/shopify/pos.md) - Toma reservas en persona

***

## ¿Necesitas ayuda?

* [**Llamada de incorporación gratuita**](/es/comenzar/onboarding/onboarding-call.md) - Reserva una sesión con nuestro equipo de Éxito del Cliente
* [**Servicio de configuración White-Glove**](/es/comenzar/onboarding/white-glove-setup.md) - Obtén ayuda profesional con la integración y configuración del tema
* [**Servicios profesionales**](/es/comenzar/onboarding/professional-services.md) - Desarrollo personalizado para requisitos únicos
* [**Soporte**](mailto:help@sesami.co) - Escribe a <help@sesami.co> para obtener ayuda

## Relacionado

* [Guía de recursos](/es/administracion/resources.md) - Configuración detallada de recursos
* [Configuración de disponibilidad](/es/reserva/availability/resource-availability.md) - Opciones avanzadas de disponibilidad
* [Portal de administración de Sesami](/es/administracion/sesami-admin-portal.md) - Resumen de la interfaz de administrador
* [Configuración de servicios](/es/administracion/services.md) - Configuración avanzada de servicios


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.sesami.co/es/comenzar/quickstart.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
