Come aggiungere il widget di prenotazione Schedito a WordPress
Il modo più semplice per un utente WordPress non tecnico è installare WPCode una sola volta, caricare CSS e JavaScript condivisi di Schedito tramite WPCode e inserire nella pagina di prenotazione soltanto il DIV specifico del calendario.
Questa guida segue esattamente questo metodo. Non devi modificare il tema WordPress, toccare file PHP o installare un plugin specifico di Schedito.
Prima di iniziare
Un calendario Schedito funzionante
Configura servizi, risorse e disponibilità che i clienti devono poter prenotare prima di pubblicare il widget.
Accesso amministratore a WordPress
Devi poter installare e attivare un plugin e creare o modificare pagine.
Il codice widget Schedito
Apri il codice del widget nel pannello Schedito e tieni pronti da copiare il link CSS, lo script JavaScript e il DIV specifico del calendario.
1. Installa WPCode
In WordPress apri Plugin → Aggiungi nuovo plugin e cerca WPCode. Installalo e attivalo.
WPCode permette di aggiungere CSS e JavaScript di Schedito a livello globale senza modificare i file del tema. Questa configurazione va fatta una sola volta per il sito.
2. Aggiungi CSS e JavaScript Schedito in WPCode
Apri Code Snippets → Header & Footer in WordPress.
Incolla il tag completo <link> del CSS Schedito nel campo Header. Incolla il tag completo <script> JavaScript nel campo Footer. Lascia vuoto il campo Body.
Fai clic su Save Changes. Non rimuovere i tag <link> o <script>: copia gli elementi completi esattamente come forniti da Schedito.
3. Crea la pagina di prenotazione e aggiungi il widget
Apri Pagine → Aggiungi nuova pagina e crea una pagina come Prenota, Prenotazioni o Appuntamenti.
Aggiungi un blocco HTML personalizzato. Puoi cercare “HTML personalizzato” oppure digitare /html.
Da Schedito copia soltanto il DIV del widget specifico del calendario e incollalo nel blocco. Non reinserire CSS o JavaScript: vengono già caricati da WPCode.
Pubblica la pagina. Se vuoi renderla raggiungibile dal menu principale, aggiungila alla navigazione o al menu WordPress.
Cosa va dove
WPCode Header: <link> CSS Schedito — una volta per il sito.
WPCode Footer: <script> JavaScript Schedito — una volta per il sito.
Pagina di prenotazione → blocco HTML personalizzato: il <div> specifico del calendario — uno per ogni calendario da visualizzare.
Tenere separati questi tre elementi evita script duplicati e rende semplice aggiungere altri calendari Schedito in futuro.
4. Pubblica e prova come un cliente
Apri la pagina realmente pubblicata e completa una prenotazione dall'inizio alla fine.
Apri la pagina pubblica
Prova la pagina pubblicata, non soltanto l'anteprima dell'editor WordPress. Verifica che l'interfaccia Schedito compaia.
Completa una prenotazione
Seleziona servizio, data e ora e invia una vera prenotazione di prova. Verifica che compaia in Schedito.
Controlla anche da mobile
Apri la pagina su telefono o con una finestra stretta e verifica che il widget rimanga utilizzabile e correttamente dimensionato.
Risoluzione problemi del widget WordPress
Controlla separatamente i tre elementi: il DIV deve essere presente nella pagina, il link CSS in WPCode Header e lo script JavaScript in WPCode Footer. Verifica poi che le modifiche WPCode siano state salvate e che cache, plugin di sicurezza o ottimizzazione non blocchino le risorse.
Sposta il link CSS in WPCode Header e lo script JavaScript in WPCode Footer. Nel blocco HTML personalizzato lascia soltanto il DIV specifico del calendario.
Nel pannello WordPress apri Code Snippets → Header & Footer. Per questa configurazione non devi creare snippet PHP o JavaScript separati.
L'integrazione WordPress probabilmente funziona. Controlla Schedito: servizio, risorse richieste, disponibilità ricorrente, eccezioni per data, prenotazioni esistenti e calendari esterni collegati.
Controlla larghezza, padding e layout del blocco o contenitore WordPress che circonda il widget. Evita colonne a larghezza fissa troppo strette.
Svuota le cache WordPress, CDN e browser. Se un plugin di ottimizzazione ritarda o riscrive JavaScript, escludi la risorsa Schedito quando quell'ottimizzazione ne impedisce il corretto caricamento.
Il tuo sito WordPress è ora collegato a Schedito
Da questo momento gestisci servizi, disponibilità, calendari e aspetto del widget in Schedito. In WordPress restano soltanto il collegamento condiviso CSS/JavaScript e il DIV nei punti in cui vuoi mostrare le prenotazioni.
Inizia gratisPanoramica WordPress
Tutte le guide Schedito · Personalizzazione widget · Sincronizzazione Google Calendar