> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.hoppyapps.com/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # 🎨 Appointment Bookings — Opções de personalização > ℹ️ **Note:** Este artigo foi traduzido automaticamente utilizando IA e pode conter imprecisões. Se algo parecer errado, entre em contato com nossa equipe de suporte. O Hoppy Appointments dá-te controlo sobre quase todas as partes da experiência de reserva — desde cores e tipos de letra até idiomas, e-mails, perguntas e comportamento após a reserva. Algumas personalizações aplicam-se a toda a tua loja, enquanto outras são definidas por serviço. Este guia mapeia todas as áreas de personalização e explica onde cada uma se encontra. Para passos detalhados de configuração, segue os documentos de ajuda dedicados associados em cada secção. --- # **🌍 Áreas de personalização globais** Estas definições são geridas a partir de **Settings** (Definições) e aplicam-se por defeito em toda a tua loja. ## **Design e estilo** Vai a **Settings → Default Design** para definir a aparência predefinida do widget de reservas. Podes personalizar: * Tipos de letra e cores * Fundos, cartões e estilos de texto * Cores da data selecionada e dos intervalos de horário * Estilos dos botões de confirmação, voltar e continuar * Estilos das páginas de sucesso, reagendamento e cancelamento * CSS personalizado Estas predefinições são utilizadas por todos os serviços, a menos que um serviço as substitua. Para mais detalhes, consulta **Appointment Bookings — Design & Styling Options** e **How to set Custom CSS for Appointment Bookings App**. ## **Traduções** Vai a **Settings → Translations** para gerir o idioma e o texto. Podes personalizar: * Idioma predefinido * Suporte multilingue * Texto do calendário, etiquetas de formulário, texto dos botões, mensagens de estado * Etiquetas dos blocos de e-mail * Títulos, descrições e etiquetas específicos do serviço Para mais detalhes, consulta **Appointment Bookings — Translation**. ## **Notificações por e-mail** Vai a **Settings → Email Settings** para controlar a aparência dos e-mails e quando são enviados. Podes personalizar: * Nome do remetente, endereço de resposta e logótipo * Modelos de e-mail para confirmações, lembretes, atualizações e cancelamentos * Variáveis dinâmicas e blocos de conteúdo pré-construídos * Que eventos desencadeiam e-mails para clientes e administradores Para mais detalhes, consulta **How to Configure Email Notifications for Appointment Bookings**. ## **Análises e monitorização** Vai a **Settings → Analytics & Tracking** para ligar a monitorização de terceiros. Podes configurar: * Google Analytics 4 * Meta Pixel e Conversions API * Google Tag Manager Para mais detalhes, consulta **Configure Google Analytics 4 Tracking for Appointment Bookings** e **Configure Meta Pixel for Appointment Bookings**. ## **Preferências gerais** Vai a **Settings → General** para as predefinições do calendário e do comportamento das reservas. Podes personalizar: * Primeiro dia da semana * Se mostrar as horas de fim * Limites globais de reserva por dia ou por intervalo de horário * Datas bloqueadas e tempos de pausa * Comportamento de reembolso e cancelamento --- # **⚙️ Áreas de personalização por serviço** Estas definições são geridas dentro de cada serviço e permitem-te afinar experiências de reserva individuais. ## **Separador General (Geral)** * **Booking page title and description** — o que os clientes veem no topo do widget * **Meeting location** — escolhe entre chamadas de vídeo, telefone, presencial ou localizações personalizadas * **Custom contact questions** — adiciona campos extra ao formulário de reserva, como telefone, morada, listas suspensas, carregamentos de ficheiros ou classificações * **Floating Action Button** — adiciona um botão "Book Now" persistente em toda a tua loja Para mais detalhes, consulta **How to Configure Meeting Locations for Appointment Bookings**, **How to setup Floating Action Button like Calendly for Appointment Bookings** e **How to Set Up Appointment Booking Services**. ## **Separador Design** Utiliza o separador **Design** para substituir o design global deste serviço. * Ativa **Do not Follow Default Theme Settings** para desbloquear os controlos de design por serviço * Personaliza cores, tipos de letra e imagens * Carrega um **Custom logo** para este serviço * Adiciona **Custom CSS** que se aplica apenas a este serviço Para mais detalhes, consulta **Appointment Bookings — Design & Styling Options** e **How to set Custom CSS for Appointment Bookings App**. ## **Separador Availability** * Define horários de disponibilidade semanais ou específicos de datas * Configura limites de reserva por dia ou por intervalo de horário * Atribui colegas de equipa e define disponibilidade por colega Para mais detalhes, consulta **How to Set Up Appointment Booking Services** e **Working with Team in Appointment Bookings**. ## **Separador Payment** * Escolhe entre **Pay to Book** e **Book without pay** * Ativa aprovação manual das reservas * Configura o comportamento da lista de espera * Configura pagamentos parciais ou depósitos Para mais detalhes, consulta **Appointment Bookings — All Payment Options Explained** e **How to Configure Waitlist for Appointment Bookings**. ## **Separador Advanced** * Ativa **Advanced Configuration** para utilizar traduções por serviço * Adiciona **Booking Terms** com uma caixa de verificação obrigatória * Define um **Redirect after booking** para reservas gratuitas * Configura **Booking options**, como mensagens de confirmação personalizadas e janelas de aviso de reagendamento/cancelamento * Ativa um **Trigger Event** para abrir o modal de reserva quando um banner criado com Hoppy Banner for clicado. Para mais detalhes, consulta **Appointment Bookings — Advanced Options** e **How Customers Reschedule or Cancel Appointments**. --- # **🔄 Precedência global vs. por serviço** Algumas definições podem ser configuradas nos dois locais. Aqui fica como interagem. ## **Design e CSS personalizado** Por predefinição, todos os serviços seguem o design global de **Settings → Design**. Para utilizar um design personalizado para um serviço: 1. Abre o separador **Design** do serviço 2. Ativa **Do not Follow Default Theme Settings** 3. Personaliza cores, tipos de letra, logótipo e CSS Esse serviço irá então ignorar o design global e utilizar as suas próprias definições. ## **Traduções** Por predefinição, os serviços utilizam as traduções globais do calendário de **Settings → Translations → Calendar Translations**. Para utilizar traduções específicas do serviço: 1. Abre o separador **Advanced** do serviço 2. Ativa **Advanced Configuration** 3. Configura as traduções em **Settings → Translations → Service Translations** ## **Modelos de e-mail** Os modelos de e-mail são globais. No entanto, podes injetar conteúdo por serviço utilizando blocos dinâmicos: * **\\[Custom service text\\]** — obtém a mensagem de confirmação de reserva personalizada do serviço * **\\[Ticket QR Code\\]** — aparece se o serviço tiver os bilhetes com código QR ativados ## **Limites de reserva** Os limites globais de reserva em **Settings → General** podem substituir os limites ao nível do serviço. Um aviso na interface do utilizador alerta quando isto acontece. --- # **✅ Ordem de personalização sugerida** Se estás a configurar o Hoppy Appointments pela primeira vez, segue esta ordem: 1. **Define as predefinições globais de design** em **Settings → Design** 2. **Configura as traduções** em **Settings → Translations** se suportares vários idiomas 3. **Configura as notificações por e-mail** em **Settings → Email Settings** 4. **Configura as análises** em **Settings → Analytics & Tracking**, se necessário 5. **Cria os teus serviços** e substitui o design apenas onde for necessário 6. **Adiciona personalizações por serviço**, como perguntas de contacto, localizações de reunião, FAB e termos de reserva 7. **Testa o widget da loja** e refina o estilo ou as traduções --- # **⚠️ Notas importantes** * **Começa pelas definições globais.** Poupam tempo e mantêm a experiência de reserva consistente. * **Substitui por serviço apenas quando necessário.** A maioria dos comerciantes só precisa de design por serviço para campanhas especiais ou serviços com marca própria. * **Custom logo** é apenas por serviço. Não existe nenhuma definição global de logótipo. * **Email templates** são globais. Utiliza o bloco de texto do serviço personalizado para injetar conteúdo por serviço. * **Floating Action Button** e **meeting location** são por serviço. Configura-os separadamente para cada serviço. * **Booking limits** podem ser substituídos globalmente. Verifica **Settings → General** se os limites ao nível do serviço não estiverem a comportar-se como esperado. --- # **📚 Artigos relacionados** * **Appointment Bookings — Design & Styling Options** * **How to set Custom CSS for Appointment Bookings App** * **Appointment Bookings — Translation** * **How to Configure Email Notifications for Appointment Bookings** * **How to Configure Meeting Locations for Appointment Bookings** * **How to setup Floating Action Button like Calendly for Appointment Bookings** * **Appointment Bookings — Advanced Options** * **How Customers Reschedule or Cancel Appointments** * **Appointment Bookings — All Payment Options Explained** * **How to Configure Waitlist for Appointment Bookings** * **Working with Team in Appointment Bookings** * **How to Set Up Appointment Booking Services** * **Configure Google Analytics 4 Tracking for Appointment Bookings** * **Configure Meta Pixel for Appointment Bookings**