Como adicionar reservas online ao seu website atual
Não precisa de reconstruir o seu website nem substituir o seu CMS para começar a aceitar reservas online. Com o Schedito, configura separadamente os serviços, os recursos e a disponibilidade e depois adiciona o widget de reservas à página onde os clientes devem reservar.
Este guia explica o processo geral. Os passos exatos no editor variam entre WordPress, Wix, Webflow, Squarespace, Joomla e websites personalizados, mas a arquitetura de reservas continua a mesma.
O que precisa antes de começar
Acesso ao seu website
Precisa de acesso à página ou ao modelo onde pode adicionar HTML, conteúdo incorporado ou código personalizado.
Um calendário de reservas configurado
O seu calendário Schedito já deve conter os serviços, recursos e disponibilidade que pretende disponibilizar aos clientes.
Alguns minutos para testar
Depois de publicar o widget, faça uma reserva de teste real e verifique toda a experiência do cliente antes de promover a página.
1. Configure o que os clientes podem reservar
Comece no Schedito, não no editor do seu website. Crie o calendário de reservas e adicione os serviços que os clientes devem poder escolher.
Para cada serviço, configure a duração adequada e associe as pessoas ou outros recursos necessários para o prestar. Os recursos podem representar membros da equipa, salas, equipamento ou capacidade utilizada por uma sessão ou evento partilhado.
Esta separação é importante: o seu website apresenta a experiência de reserva, enquanto o Schedito continua responsável pela configuração das reservas.
O que o cliente está a reservar
Quanto tempo a reserva requer
Quem ou o que é necessário para o prestar
09:00–17:00
Fechado ou com horário diferente
Disponível apenas numa data e hora selecionadas
2. Defina quando as reservas estão disponíveis
Configure a disponibilidade recorrente normal das pessoas ou recursos envolvidos. Depois adicione exceções para datas específicas quando o horário normal não se deve aplicar.
Isto permite representar horários de trabalho habituais, feriados, encerramentos, períodos de abertura especiais e sessões que existem apenas numa data específica.
O Schedito calcula os horários de reserva a partir destas regras, em vez de o obrigar a criar manualmente todos os intervalos possíveis com antecedência.
3. Adicione o widget de reservas Schedito ao seu website
Escolha a página onde as reservas fazem mais sentido — por exemplo, uma página Reservar agora, Marcações, Contacto ou específica de um serviço.
Adicione o contentor do widget Schedito utilizando os identificadores da organização e do calendário público do seu calendário de reservas. O seu website também deve carregar os recursos do widget Schedito necessários para a integração.
Num construtor de websites, normalmente coloca isto num componente HTML, de incorporação ou de código personalizado. Num website personalizado, pode ser adicionado diretamente ao modelo adequado.
Exemplo de contentor do widget
<div class="schedito-widget"
data-organization-id="YOUR_ORGANIZATION_ID"
data-calendar-public-id="YOUR_CALENDAR_PUBLIC_ID">
</div>Agora escolha a plataforma do seu website
O modelo de reservas do Schedito permanece o mesmo, mas a melhor forma de colocar os três elementos do widget depende de como o seu website foi construído.
WordPress
Utilize as instruções específicas para WordPress para carregar os recursos partilhados do Schedito e colocar o calendário de reservas no seu website.
Wix
Siga a integração específica para Wix através de iframe, onde o CSS do Schedito, o DIV do widget e o JavaScript permanecem juntos dentro do HTML incorporado.
Webflow
Utilize código personalizado do Webflow para os recursos partilhados e um Code Embed onde o calendário de reservas deve aparecer.
Squarespace
Utilize o Code Injection do Squarespace para os recursos partilhados e um Code Block para o widget específico do calendário.
Joomla
Carregue os recursos frontend partilhados ao nível do website ou do template e coloque calendários individuais através de módulos Custom do Joomla.
Website personalizado
Integre o Schedito diretamente com a sua própria arquitetura HTML, CSS e JavaScript.
4. Teste antes de enviar clientes para a página
Uma página de reservas faz parte do percurso do cliente. Teste-a como um cliente, não apenas como a pessoa que a configurou.
Teste o percurso do cliente
Abra a página publicada como um visitante normal. Selecione um serviço, data e hora e conclua uma reserva de teste do início ao fim.
Verifique a disponibilidade
Confirme que os horários apresentados correspondem às regras de disponibilidade, exceções, reservas existentes e eventuais restrições de calendários ligados.
Verifique no telemóvel e o tema
Teste o widget num ecrã mais pequeno e confirme que a apresentação clara ou escura e as definições visuais combinam com o website envolvente.
Perguntas comuns ao incorporar reservas online
Primeiro confirme que os identificadores da organização e do calendário estão corretos e que a página carrega os recursos necessários do widget Schedito. Verifique também a consola do navegador para scripts bloqueados, restrições de segurança de conteúdo ou outros erros frontend.
Se estiver a usar um construtor de websites, confirme que permite o conteúdo incorporado necessário e que não remove nem reescreve a marcação do widget quando a página é publicada.
Um widget a funcionar não significa automaticamente que exista tempo reservável. Verifique se o serviço está disponível através do calendário, se os recursos necessários têm disponibilidade e se as exceções para datas específicas não estão a fechar o período solicitado.
Reservas existentes, limites de capacidade e compromissos de calendários externos ligados também podem remover horários que, de outra forma, estariam disponíveis.
Coloque o widget dentro de um contentor de página responsivo em vez de o forçar para um elemento de largura fixa. Verifique também as regras de padding e largura herdadas do tema do website.
O widget Schedito foi concebido para se adaptar a diferentes tamanhos de ecrã, mas o layout envolvente do website continua a determinar o espaço útil disponível.
Sim. O Schedito suporta propriedades visuais configuráveis, cores individuais e modos de apresentação claro ou escuro. Escolha o modo que melhor se adapta à página e refine depois o estilo conforme necessário.
Os planos elegíveis também oferecem opções adicionais de identidade visual. Lembre-se de que consistência visual e acessibilidade estão relacionadas, mas não são a mesma coisa: o contraste e a legibilidade devem continuar a ser verificados em toda a página.
Normalmente terá de colocar o widget no novo website, mas a configuração das reservas no Schedito continua separada. Serviços, recursos, disponibilidade e dados de reservas não precisam de ser reconstruídos apenas porque o CMS ou o frontend mudou.
Precisa de instruções para a sua plataforma específica?
O princípio de integração é o mesmo em todos os websites, mas os passos no editor variam. Os guias Schedito específicos para WordPress, Wix, Webflow, Squarespace, Joomla e websites personalizados explicam exatamente onde e como adicionar o widget.
Explorar recursos Schedito · Ver como funciona o Schedito · Explorar o widget de reservas