Como adicionar o widget de reservas Schedito ao WordPress
Para um utilizador WordPress não técnico, a forma mais simples é instalar o WPCode uma única vez, carregar nele o CSS e JavaScript partilhados do Schedito e colocar na página de reservas apenas o DIV específico do calendário.
Este guia segue exatamente esse método. Não precisa de editar o tema WordPress, alterar ficheiros PHP ou instalar um plugin específico do Schedito.
Antes de começar
Um calendário Schedito funcional
Configure os serviços, recursos e disponibilidade que os clientes poderão reservar antes de publicar o widget.
Acesso de administrador ao WordPress
Precisa de permissão para instalar e ativar um plugin e para criar ou editar páginas.
O código do widget Schedito
Abra o código do widget no Schedito e mantenha disponíveis a ligação CSS, o script JavaScript e o DIV específico do calendário.
1. Instale o WPCode
No WordPress, abra Plugins → Adicionar novo plugin e procure WPCode. Instale-o e ative-o.
O WPCode permite adicionar globalmente o CSS e o JavaScript do Schedito sem editar ficheiros do tema. Esta configuração só precisa de ser feita uma vez por website.
2. Adicione o CSS e JavaScript do Schedito no WPCode
Abra Code Snippets → Header & Footer no WordPress.
Cole a tag CSS completa <link> do Schedito no campo Header. Cole a tag JavaScript completa <script> no campo Footer. Deixe Body vazio.
Clique em Save Changes. Não remova as tags <link> ou <script>: copie os elementos completos exatamente como o Schedito os fornece.
3. Crie a página de reservas e adicione o widget
Abra Páginas → Adicionar nova página e crie uma página como Reservar, Reservas ou Marcações.
Adicione um bloco de HTML personalizado. Pode procurá-lo ou escrever /html num novo bloco.
No Schedito, copie apenas o DIV do widget específico do calendário e cole-o nesse bloco. Não volte a colar CSS ou JavaScript: o WPCode já os carrega.
Publique a página. Se quiser que os clientes a encontrem na navegação principal, adicione-a ao menu ou à navegação do WordPress.
O que vai onde
WPCode Header: <link> CSS do Schedito — uma vez por website.
WPCode Footer: <script> JavaScript do Schedito — uma vez por website.
Página de reservas → bloco de HTML personalizado: o <div> específico do calendário — um por cada calendário a apresentar.
Manter estas três partes separadas evita scripts duplicados e facilita adicionar outros calendários Schedito mais tarde.
4. Publique e teste como um cliente
Abra a página realmente publicada e conclua uma reserva do início ao fim.
Abra a página pública
Teste a página publicada, não apenas a pré-visualização do editor WordPress. Confirme que a interface Schedito aparece.
Conclua uma reserva
Selecione serviço, data e hora e envie uma reserva de teste real. Verifique se aparece dentro do Schedito.
Verifique também no telemóvel
Abra a página num telefone ou numa janela estreita e confirme que o widget continua utilizável e com tamanho correto.
Widget de reservas WordPress: resolução de problemas
Verifique separadamente as três partes: o DIV deve estar na página, a ligação CSS no WPCode Header e o script JavaScript no WPCode Footer. Confirme também que as alterações foram guardadas e que nenhum plugin de cache, segurança ou otimização bloqueia os recursos.
Mova a ligação CSS para WPCode Header e o script JavaScript para WPCode Footer. Deixe apenas o DIV específico do calendário no bloco de HTML personalizado.
Na administração WordPress, abra Code Snippets → Header & Footer. Para esta configuração não precisa de criar snippets PHP ou JavaScript separados.
A integração WordPress provavelmente funciona. Verifique o Schedito: serviço, recursos necessários, disponibilidade recorrente, exceções por data, reservas existentes e calendários externos ligados.
Verifique a largura, padding e layout do bloco ou contentor WordPress à volta do widget. Evite colunas fixas desnecessariamente estreitas.
Limpe as caches do WordPress, CDN e navegador. Se um plugin de otimização atrasar ou reescrever JavaScript, exclua o recurso Schedito quando essa otimização impedir o carregamento correto.
O seu website WordPress está agora ligado ao Schedito
A partir de agora, faça a gestão de serviços, disponibilidade, calendários e aparência do widget no Schedito. No WordPress ficam apenas a ligação partilhada CSS/JavaScript e o DIV nos locais onde pretende apresentar reservas.
Começar grátisVisão geral das reservas no WordPress
Explorar todos os guias Schedito · Personalização do widget · Sincronização com o Google Calendar