# Vista de mes/día

La vista de calendario mensual moderna que facilita a los clientes encontrar disponibilidad.

## ¿Qué es la vista Mes/Día?

La vista Mes/Día (también llamada "Nueva experiencia de reserva de Sesami" o "Calendario V2") es una interfaz de calendario moderna e innovadora con un diseño mensual que muestra claramente los días y franjas horarias disponibles.

[**Ver demo →**](https://demo.sesami.co/products/tai-chi-class-booking)

## Características clave

### Resumen mensual claro

* **Vista mensual** - Los clientes ven todo el mes de un vistazo
* **Días disponibles resaltados** - Fácil identificar qué días tienen disponibilidad
* **Diseño moderno** - Interfaz limpia e intuitiva

### Apariencia personalizable

* **Colores de marca** - Cambia los colores principales del calendario para que coincidan con tu marca
* **Opciones configurables** - Controla lo que ven los clientes y cómo interactúan

### Compatibilidad con reservas de grupo

Para [Citas grupales](/es/reserva/booking-features/group-appointments.md), el calendario muestra:

* **Plazas disponibles por franja** - "Quedan 3 plazas", "queda 1 plaza", etc.
* **Disponibilidad en tiempo real** - Se actualiza a medida que se realizan reservas

### Opciones de selección de recursos

* **Mostrar la opción "Cualquiera disponible"** - Permite a los clientes reservar con cualquier recurso disponible
* **Ocultar la opción "Cualquiera disponible"** - Obliga a los clientes a elegir un recurso específico (miembro del equipo, sala, etc.)

Esto es útil cuando quieres que los clientes elijan siempre su proveedor preferido.

Ver: [Selección de recursos](/es/reserva/booking-experiences/resource-selection.md)

## Cómo habilitarlo

### Para temas de Shopify Online Store 2.0

Si tu tienda usa un tema de [Shopify Online Store 2.0](https://help.shopify.com/en/manual/online-store/themes/managing-themes/upgrading-themes) :

1. En el panel de administración de Shopify, ve a **Tienda online > Temas**
2. Haz clic en **Personalizar** en tu tema activo
3. Navega hasta la página de producto donde está instalado Sesami
4. Haz clic en el bloque de la app de Sesami
5. Selecciona **Vista de mes/día** (o "Nueva experiencia de reserva de Sesami")
6. **Guardar**

Los comerciantes pueden cambiar fácilmente entre calendarios y experimentar libremente con temas 2.0.

### Para temas antiguos

Si tu tienda usa un tema de [Tema antiguo de Shopify](https://help.shopify.com/en/manual/online-store/themes/managing-themes/versions):

* La vista Mes/Día debe ser añadida manualmente por el equipo de Sesami
* Los comerciantes no tendrán la capacidad de cambiar de calendario libremente (a diferencia de los temas 2.0)
* Contacta <help@sesami.co> para obtener ayuda

## Opciones de personalización

### Configurador de experiencias

Usa el [Configurador de experiencias](https://sesami.dev/docs/storefront-integration/configurator/) para personalizar:

* Colores principales de la marca
* Opciones de diseño
* Configuración de visualización
* Comportamiento de selección de recursos

### Integración con el tema

El calendario se adapta automáticamente al estilo de tu tema:

* El diseño adaptable funciona en escritorio, tableta y móvil
* Carga rápida con componentes web Lit
* Impacto mínimo en el rendimiento de la página

## Cuándo usar la vista Mes/Día

La vista Mes/Día es ideal para:

* **Servicios reservados con días de antelación** - Los clientes pueden ver fácilmente la disponibilidad a lo largo de las semanas
* **Citas grupales** - Visualización clara de las plazas restantes
* **Selección de recursos** - Cuando los clientes eligen su proveedor preferido
* **Estética de marca moderna** - Diseño limpio y contemporáneo

## Comparación con la vista multidía

| Función                   | Vista de mes/día             | Vista de varios días                     |
| ------------------------- | ---------------------------- | ---------------------------------------- |
| **Diseño**                | Cuadrícula mensual           | Desplazamiento horizontal de varios días |
| **Ideal para**            | Planificación anticipada     | Reservas a corto plazo                   |
| **Reservas de grupo**     | Muestra las plazas restantes | Visualización estándar                   |
| **Selección de recursos** | Visualización configurable   | Visualización estándar                   |
| **Predeterminado**        | Opcional                     | Sí (después de la instalación)           |

Ver: [Vista de varios días](/es/reserva/booking-experiences/multi-day-view.md)

## Mejores prácticas

* **Usar colores de la marca** - Personalízalo para que coincida con la identidad de tu tienda
* **Probar en móvil** - Asegúrate de que la experiencia funcione bien en todos los dispositivos
* **Configurar opciones de recursos** - Decide si mostrar "Cualquiera disponible" según tu modelo de negocio
* **Monitorear los comentarios de los clientes** - Ver si los clientes prefieren la vista mensual

## Solución de problemas

<details>

<summary>No puedo encontrar el selector de calendario en el editor del tema</summary>

Comprueba:

* Estás usando un **tema de Shopify 2.0** (los temas antiguos requieren configuración manual)
* El bloque de la app de Sesami está **añadido a la página de producto**
* Estás en **modo Personalizar** para tu tema activo (no un borrador no publicado)

</details>

<details>

<summary>El calendario no muestra plazas disponibles para reservas de grupo</summary>

Comprueba:

* El servicio tiene **Citas grupales** habilitado
* El servicio tiene una **capacidad** establecida (máximo de participantes por franja)
* Hay plazas disponibles para la franja horaria

Ver: [Citas grupales](/es/reserva/booking-features/group-appointments.md)

</details>

<details>

<summary>Quieres obligar a los clientes a elegir un recurso específico</summary>

* En el editor del tema, busca la configuración del bloque de la app de Sesami
* Busca **"Ocultar Cualquiera disponible"** opción
* Actívala para ocultar la opción "Cualquiera disponible"

Ver: [Selección de recursos](/es/reserva/booking-experiences/resource-selection.md)

</details>

## Relacionado

* [Vista de varios días](/es/reserva/booking-experiences/multi-day-view.md) - Experiencia de calendario clásica
* [Selección de recursos](/es/reserva/booking-experiences/resource-selection.md) - Configurar la selección de recursos
* [Citas grupales](/es/reserva/booking-features/group-appointments.md) - Reservas con múltiples participantes
* [Localización de la experiencia](/es/reserva/booking-experiences/localizing-experience.md) - Personalización de idioma y región
* [Configurador de experiencias](https://sesami.dev/docs/storefront-integration/configurator/) - Personalización avanzada


---

# 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/reserva/booking-experiences/month-day-view.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.
