# 4. Página pública de reservas A página pública é a "montra" online do seu negócio: os clientes veem as lojas, os serviços, o menu e \*\*reservam sozinhos\*\*, com a sua marca e cores. Cada negócio tem o seu endereço (ex. `rezvy.app/p/o-meu-negocio`). # Introdução A página pública é a "montra" online do seu negócio: os clientes veem as lojas, os serviços, o menu e **reservam sozinhos**, com a sua marca e cores. Cada negócio tem o seu endereço (ex. `rezvy.app/p/o-meu-negocio`). --- # 4.1 Abrir o editor Vá a **Definições → Página Pública** (apenas o **dono**). O editor tem dois lados: à esquerda os campos, à direita uma **pré-visualização ao vivo** (com alternância **telemóvel / computador** e ecrãs de loja). > 📸 **`04-editor-pagina.png`** — Editor da página pública com a pré-visualização temática ao lado. ![Editor da página pública](images/04-editor-pagina.png) --- # 4.2 Marca e aparência 1. **Título** e **subtítulo** da página. 2. **Logótipo** e **imagem de capa** — carregue e **recorte** as imagens no próprio editor (o logótipo serve também de ícone/favicon e da app instalável). 3. **Tema de cor** — escolha um dos temas prontos (40 claros + 10 escuros). A página inteira é colorida a partir do tema escolhido. 4. **Redes sociais** e **mensagem de rodapé**. > 📸 **`04-tema.png`** — Grelha de temas de cor + carregamento de logótipo/capa com recorte. ![Tema](images/04-tema.png) --- # 4.3 Endereço (slug), subdomínio e QR 1. No cartão **Endereço**, defina o **slug** (2–40 caracteres, minúsculas/hífens). A página fica em `.../p/o-slug`. O editor mostra **disponibilidade ao vivo** e valida o formato. 2. **Subdomínio personalizado** (planos **Pro+**): ligue para servir a página também em `o-slug.rezvy.app`. (Requer DNS/TLS do lado da plataforma.) 3. O slug pode ser alterado **uma vez por semana** (o editor mostra a data do próximo pedido permitido). 4. Cada loja tem uma **ligação direta** e um **código QR** (botão **QR**) com opções de **Descarregar** e **Imprimir** — ideal para balcão, montra ou cartões. > 📸 **`04-endereco-qr.png`** — Cartão de endereço (slug + interruptor de subdomínio) e o popup do QR. ![Endereço e QR](images/04-endereco-qr.png) --- # 4.4 Opções por loja Para **cada loja**, no editor: - **Mostrar reservas** — permite reservar nessa loja. - **Mostrar menu** — mostra o menu na página da loja. - **Capa da loja** — imagem própria. - **Confirmação automática** — as reservas recebidas ficam logo **Confirmadas** (dispensa a confirmação manual). - **Reordenar** — arraste as lojas para definir a ordem na página. > 📸 **`04-lojas-toggles.png`** — Lista de lojas no editor com os interruptores e o arrastar-para-ordenar. ![Opções por loja](images/04-lojas-toggles.png) --- # 4.5 Pré-visualizar, publicar e instalar (PWA) - Use a **pré-visualização** (telemóvel/computador) para confirmar o aspeto antes de divulgar. - Quando a página está **publicada**, fica acessível no endereço. Partilhe o link/QR. - A página pública é **instalável como app (PWA)** no telemóvel do cliente (e da sua equipa) — abre em ecrã inteiro a partir do ícone. --- # 4.6 Como o cliente reserva (o fluxo público) A página guia o cliente por um **assistente**: 1. **Escolher** — serviço / espaço / nº de pessoas (e, em barbearias, o **profissional** ou "sem preferência"). Há um **carrinho** lateral com o resumo e o total. 2. **Horário** — escolhe o dia (faixa de dias) e a hora; **só aparecem horários realmente disponíveis** (cruzando horário da loja, do profissional e conflitos). 3. **Confirmar** — preenche nome/contacto e confirma. Se a loja tiver **pagamentos** ativos, segue para o checkout do Stripe (capítulo 7). Depois da reserva, o cliente recebe a confirmação por **email/SMS** e pode **confirmar ou cancelar** sozinho pelo link `/c/{token}` na mensagem. > 📸 **`04-fluxo-cliente.png`** — Assistente público no passo do Horário, com o carrinho lateral. ![Fluxo do cliente](images/04-fluxo-cliente.png) > 📸 **`04-sucesso.png`** — Ecrã de confirmação da reserva (com o resumo/timeline dos serviços). ![Sucesso](images/04-sucesso.png) > 💡 **A página pública aparece no idioma do negócio** (e nos idiomas adicionais que oferecer), não no > idioma global do site. Configure os idiomas em Definições → Negócio (capítulo 12). --- # 4.7 Dicas e resolução de problemas - **"O link não funciona":** confirme que a página está **publicada** e que a loja tem **Mostrar reservas** ligado. - **"Não recebo reservas":** verifique a janela de reservas (2.2/2.10) e se há horário/colaboradores disponíveis. - **Subdomínio:** disponível só em **Pro+**; sem o plano, a página continua a funcionar em `.../p/slug`. --- **A seguir:** [Clientes](05-clientes.md).