ℹ️ 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

Actualizado em: 10/09/2026