# Visualização por Mês/Dia

A visualização moderna de calendário mensal que facilita para os clientes encontrarem disponibilidade.

## O que é a Visualização Mês/Dia?

A Visualização Mês/Dia (também chamada de "Nova Experiência de Agendamento Sesami" ou "Calendário V2") é uma interface de calendário moderna e inovadora, com um layout mensal que mostra claramente os dias e os horários disponíveis.

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

## Principais recursos

### Visão mensal clara

* **Visualização mensal** - Os clientes veem o mês inteiro de uma só vez
* **Dias disponíveis destacados** - É fácil identificar quais dias têm disponibilidade
* **Design moderno** - Interface limpa e intuitiva

### Aparência personalizável

* **Cores da marca** - Altere as cores principais do calendário para combinar com a sua marca
* **Opções configuráveis** - Controle o que os clientes veem e como interagem

### Suporte a agendamentos em grupo

Para [Agendamentos em grupo](/pt-br/reserva/booking-features/group-appointments.md), o calendário mostra:

* **Vagas disponíveis por horário** - "3 vagas restantes", "1 vaga restante" etc.
* **Disponibilidade em tempo real** - Atualizações conforme os agendamentos são feitos

### Opções de seleção de recurso

* **Mostrar a opção "Qualquer disponível"** - Permita que os clientes agendem com qualquer recurso disponível
* **Ocultar a opção "Qualquer disponível"** - Force os clientes a escolher um recurso específico (membro da equipe, sala etc.)

Isso é útil quando você quer que os clientes escolham sempre o prestador de serviço de sua preferência.

Veja: [Seleção de Recurso](/pt-br/reserva/booking-experiences/resource-selection.md)

## Como ativar

### Para temas do Shopify Online Store 2.0

Se a sua loja usa um [Shopify Online Store 2.0](https://help.shopify.com/en/manual/online-store/themes/managing-themes/upgrading-themes) tema:

1. No admin do Shopify, vá para **Loja virtual > Temas**
2. Clique em **Personalizar** no seu tema ativo
3. Navegue até a página do produto onde o Sesami está instalado
4. Clique no bloco do app Sesami
5. Selecione **Visualização por Mês/Dia** (ou "Nova Experiência de Agendamento Sesami")
6. **Salvar**

Os lojistas podem alternar facilmente entre calendários e experimentar livremente com temas 2.0.

### Para temas Vintage

Se a sua loja usa um [Tema Vintage do Shopify](https://help.shopify.com/en/manual/online-store/themes/managing-themes/versions):

* A Visualização Mês/Dia deve ser adicionada manualmente pela equipe do Sesami
* Os lojistas não terão a capacidade de alternar entre calendários livremente (ao contrário dos temas 2.0)
* Entre em contato <help@sesami.co> para obter assistência

## Opções de personalização

### Configurador de Experiência

Use o [Configurador de Experiência](https://sesami.dev/docs/storefront-integration/configurator/) para personalizar:

* Cores principais da marca
* Opções de layout
* Configurações de exibição
* Comportamento da seleção de recursos

### Integração com o tema

O calendário se adapta automaticamente ao estilo do seu tema:

* O design responsivo funciona em desktop, tablet e celular
* Carregamento rápido com componentes web Lit
* Impacto mínimo no desempenho da página

## Quando usar a Visualização Mês/Dia

A Visualização Mês/Dia é ideal para:

* **Serviços agendados com dias de antecedência** - Os clientes podem ver facilmente a disponibilidade ao longo das semanas
* **Agendamentos em grupo** - Exibição clara das vagas restantes
* **Seleção de recursos** - Quando os clientes escolhem seu prestador de serviço preferido
* **Estética moderna da marca** - Design limpo e contemporâneo

## Comparação com a Visualização de vários dias

| Recurso                   | Visualização por Mês/Dia      | Visualização de vários dias       |
| ------------------------- | ----------------------------- | --------------------------------- |
| **Layout**                | Grade mensal                  | Rolagem horizontal de vários dias |
| **Ideal para**            | Planejamento com antecedência | Reservas de curto prazo           |
| **Agendamentos em grupo** | Mostra as vagas restantes     | Exibição padrão                   |
| **Seleção de recursos**   | Exibição configurável         | Exibição padrão                   |
| **Padrão**                | Opcional                      | Sim (após a instalação)           |

Veja: [Visualização de vários dias](/pt-br/reserva/booking-experiences/multi-day-view.md)

## Boas práticas

* **Usar as cores da marca** - Personalize para combinar com a identidade da sua loja
* **Teste no celular** - Garanta que a experiência funcione bem em todos os dispositivos
* **Configurar opções de recurso** - Decida se deseja mostrar "Qualquer disponível" com base no seu modelo de negócio
* **Monitore o feedback dos clientes** - Veja se os clientes preferem a visualização mensal

## Solucionando Problemas

<details>

<summary>Não consegue encontrar o seletor de calendário no editor de temas</summary>

Verifique:

* Você está usando um **tema Shopify 2.0** (temas Vintage exigem configuração manual)
* O bloco do app Sesami está **adicionado à página do produto**
* Você está no **modo Personalizar** para o seu tema publicado (não um rascunho não publicado)

</details>

<details>

<summary>O calendário não mostra vagas disponíveis para agendamentos em grupo</summary>

Verifique:

* O serviço tem **Agendamentos em grupo** ativado
* O serviço tem uma **capacidade** definida (máximo de participantes por horário)
* Há vagas disponíveis para o horário

Veja: [Agendamentos em grupo](/pt-br/reserva/booking-features/group-appointments.md)

</details>

<details>

<summary>Quer forçar os clientes a escolher um recurso específico</summary>

* No editor de temas, encontre as configurações do bloco do app Sesami
* Procure por **"Ocultar Qualquer disponível"** opção
* Ative-a para ocultar a opção "Qualquer disponível"

Veja: [Seleção de Recurso](/pt-br/reserva/booking-experiences/resource-selection.md)

</details>

## Relacionado

* [Visualização de vários dias](/pt-br/reserva/booking-experiences/multi-day-view.md) - Experiência de calendário clássica
* [Seleção de Recurso](/pt-br/reserva/booking-experiences/resource-selection.md) - Configure a seleção de recursos
* [Agendamentos em grupo](/pt-br/reserva/booking-features/group-appointments.md) - Agendamentos com vários participantes
* [Localizando a Experiência](/pt-br/reserva/booking-experiences/localizing-experience.md) - Personalização de idioma e região
* [Configurador de Experiência](https://sesami.dev/docs/storefront-integration/configurator/) - Personalização avançada


---

# 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/pt-br/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.