ℹ️ Note: Questo articolo è stato tradotto automaticamente utilizzando AI e può contenere imprecisioni. Se qualcosa sembra sbagliato, si prega di contattare il nostro team di supporto.

Il calendario delle prenotazioni di solito inizia a funzionare subito dopo la configurazione, ma a volte una piccola impostazione di configurazione, tema o disponibilità può impedire che venga visualizzato nella vetrina del tuo negozio.

La buona notizia è che questi problemi di solito si risolvono molto rapidamente 🚀

Questa guida illustra le ragioni più comuni per cui il calendario delle prenotazioni (o il suo pulsante Book Now) potrebbe non apparire, e come risolvere ciascuna passo dopo passo.

Nella maggior parte dei casi, il problema è legato a uno dei seguenti fattori:

• App Embed disabilitato
• Il servizio non è stato salvato, è stato disattivato o archiviato
• Stai controllando la pagina prodotto o la variante sbagliata
• Le varianti del prodotto sono state modificate dopo la creazione del servizio
• Stai visualizzando in anteprima un tema bozza (non pubblicato)
• Conflitti con tema personalizzato o page builder
• Le impostazioni di disponibilità nascondono tutte le date
• Gli slot sono completamente prenotati o sono stati raggiunti i limiti di prenotazione
• Cache del browser o della vetrina

Analizziamoli uno alla volta 👇

✅ Passaggio 1: Verifica che App Embed sia abilitato

Affinché il calendario delle prenotazioni venga visualizzato nella vetrina del tuo negozio, l'app embed deve essere abilitato all'interno del tuo tema Shopify. Questa è la causa più comune.

Il modo più veloce per verificarlo è direttamente nell'app:

Apri l'app Hoppy Appointments → nella dashboard/homepage, trova la scheda App Status.

• Active → L'app embed è abilitato ✅
• Inactive → Clicca su Activate (attiva) — ti porta direttamente all'editor del tema

Per abilitarlo manualmente, vai invece su:

Shopify Admin → Online Store → Themes → Customize → App Embeds

Poi:

• Trova “Appointment Bookings”
• Impostalo su ON (attivo)
• Clicca su Save (salva)

Suggerimento:
Se era già abilitato, prova a impostarlo su OFF (disattivo) → Save (salva) → ON (attivo) → Save (salva) di nuovo, poi aggiorna la vetrina del tuo negozio.

Dopo questo passaggio, il pulsante Book Now dovrebbe apparire nella pagina prodotto collegata al tuo servizio.

✅ Passaggio 2: Assicurati che il servizio sia salvato e attivo

Anche con l'app embed abilitato, un servizio viene visualizzato nel tuo negozio solo quando è salvato e attivo.

Apri l'app → dashboard/homepage e controlla il badge accanto al tuo servizio:

• Inactive → Apri il menu More (altro) → Turn on (attiva)
• Archived → Apri il menu More (altro) → Unarchive (ripristina dall'archivio), poi assicurati che sia attivato

Poi, apri il servizio e clicca su Save (salva), anche se non hai modificato nulla.

Salvare risincronizza il servizio con la vetrina del tuo negozio, il che risolve la maggior parte dei casi del tipo “prima funzionava”.

Dopo aver salvato, appare un banner nella parte superiore della pagina:

• “Make sure Appointment Booking App Embed is active” → Clicca su Enable App Embed (abilita app embed) (vedi Passaggio 1)
• “Confirm Appointment Booking is published successfully” → Clicca su Open Store (apri negozio) per controllare il risultato

ℹ️ Se il pulsante Book Now apre un popup vuoto o senza contenuto, di solito il servizio è disattivato o archiviato: anche questo problema viene risolto con questo passaggio.

✅ Passaggio 3: Verifica di essere nella pagina prodotto e nella variante giuste

Il pulsante Book Now appare solo nella pagina prodotto collegata al tuo servizio, non in altri prodotti.

Apri il tuo servizio → scheda General (generale) → scheda Booking (prenotazione) e conferma quale prodotto è selezionato.

Esempio:
Se il tuo servizio è collegato a “Guitar Lesson” ma stai visualizzando la pagina prodotto “Drum Lesson”, il pulsante non apparirà lì.

Se il prodotto ha multiple variants (varianti multiple), prova anche a passare da una variante all'altra nella vetrina.

⚠️ Importante:

Se hai modificato, eliminato o ricreato le varianti del prodotto in Shopify dopo aver configurato il servizio, la connessione potrebbe diventare obsoleta.

La soluzione è semplice:

→ Apri il servizio

→ Clicca su Change (cambia)

→ Seleziona le varianti corrette dopo aver modificato le varianti del prodotto

→ Clicca su Save (salva)

Questo risincronizza le ultime informazioni sui prodotti e sulle varianti con la vetrina del tuo negozio.

✅ Passaggio 4: Verifica sul tuo tema live pubblicato

L'app embed viene verificato e il calendario viene visualizzato solo sul tuo tema live pubblicato.

Questo significa che:

• Abilitare l'app embed mentre modifichi un tema bozza o non pubblicato non farà apparire il calendario nel tuo negozio live
• Se hai recentemente passato a un nuovo tema, l'app embed rimane disabilitato sul nuovo tema finché non lo riabiliti (vedi Passaggio 1)

Testa sempre sulla vetrina live del tuo negozio:

→ Apri il tuo negozio in una normale scheda del browser, non solo nell'anteprima dell'editor del tema.

✅ Passaggio 5: Ricarica forzata e prova in modalità Incognito

A volte Shopify o il tuo browser memorizzano temporaneamente nella cache le risorse della vetrina.

Una ricarica forzata di solito risolve il problema all'istante.

Windows

Ctrl + Shift + R

Mac

Cmd + Shift + R

Prova anche:

• Ad aprire il tuo negozio in una finestra Incognito / Privata
• A testare in un browser diverso o sul tuo telefono

Questo conferma se il problema è solo contenuto in cache.

✅ Passaggio 6: Usi un tema personalizzato o un page builder?

La maggior parte dei temi Shopify funziona con Hoppy Appointments senza configurazioni aggiuntive: l'app sostituisce automaticamente il pulsante Add to Cart (aggiungi al carrello) con un pulsante Book Now nelle pagine prodotto prenotabili.

Tuttavia, i temi fortemente personalizzati o creati con page builder potrebbero utilizzare moduli prodotto non standard, che l'app non sempre riesce a rilevare.

In tal caso, posiziona il calendario manualmente:

Apri Shopify Theme Editor (editor tema Shopify) → vai alla pagina desiderata → Add Block (aggiungi blocco) → Apps → Appointment Calendar

Poi:

• Incolla il tuo Service ID (ID servizio)

→ Lo trovi nella parte superiore della pagina di modifica del servizio, oppure tramite My services (i miei servizi) → More (altro) → Copy Service ID (copia ID servizio)

• Scegli la Embedding Mode (modalità di incorporamento):
• • Modal → Mostra una scheda di prenotazione che apre il calendario in un popup
  • Direct (diretta) → Incorpora il calendario completo direttamente nella pagina
• Save (salva) il tema

Il blocco ti segnala anche quando qualcosa non va:

• “App Embed Not Enabled” → Torna al Passaggio 1: l'app embed è richiesto anche per il posizionamento manuale
• “Appointment service configuration not found” → Verifica nuovamente il Service ID (ID servizio) che hai incollato

💡 Alternativa: abilita il Floating Action Button (pulsante azione fluttuante) all'interno del tuo servizio (General tab (scheda Generale) → Enable floating button (abilita pulsante fluttuante)) per mostrare un pulsante Book Now fluttuante in tutte le pagine del negozio. Ricorda di Save (salvare) il servizio in seguito.

✅ Passaggio 7: Il calendario si apre ma non mostra date/orari? Controlla la disponibilità

Se il popup si apre ma i clienti non possono selezionare alcuna data, di solito il motivo sono le impostazioni di disponibilità.

Apri il tuo servizio → scheda Availability (disponibilità) e controlla quanto segue:

• I working days (giorni lavorativi) sono impostati su ON (attivi) con orari di inizio e fine validi
• Date-range availability (disponibilità per intervallo di date) → Se hai impostato date specifiche e ora sono passate, non apparirà mai alcuna data. Aggiungi un nuovo intervallo di date attuale
• Minimum scheduling notice (preavviso minimo di pianificazione) → Un valore elevato (ad esempio 48 ore) rimuove oggi e domani dal calendario. Il valore predefinito è 1 ora
• Look ahead (guarda avanti) → Controlla quanto in anticipo i clienti possono prenotare. Un valore breve (ad esempio 2-3 giorni) fa sembrare il calendario quasi vuoto
• Break times (pause) → Assicurati che non coprano l'intero orario di lavoro
• Blocked dates (date bloccate) → Rimuovi tutte le date che non dovrebbero essere bloccate

Esempio:
Se il tuo Look ahead (guarda avanti) è impostato su 2 giorni e il tuo Minimum scheduling notice (preavviso minimo) è di 48 ore, i clienti potrebbero non vedere alcuna data prenotabile.

Dopo aver apportato le modifiche, clicca su Save (salva) e aggiorna la vetrina del tuo negozio: le date dovrebbero diventare selezionabili.

✅ Passaggio 8: Controlla le impostazioni del fuso orario

Un fuso orario errato può spostare i tuoi slot temporali o far sembrare che non ci sia nulla di disponibile agli orari che ti aspetti.

Apri il tuo servizio → scheda Availability (disponibilità) → scheda Timezone & hour format (fuso orario e formato ora):

• Conferma che il tuo Timezone (fuso orario) sia corretto
• Lock timezone (blocca fuso orario) → Se abilitato, tutti i clienti vedono gli orari nel tuo fuso orario, indipendentemente da dove si trovano
• Show timezone selector (mostra selettore fuso orario) → Permette ai clienti di passare al proprio fuso orario

💡 Se clienti in altri Paesi segnalano orari “mancanti”, probabilmente stanno vedendo il tuo programma convertito nel loro fuso orario locale.

✅ Passaggio 9: Controlla se gli slot sono completamente prenotati o se sono stati raggiunti i limiti

A volte il calendario funziona correttamente: gli slot sono semplicemente già occupati.

Controlla quanto segue:

• Maximum bookings per time slot (prenotazioni massime per slot) → Il valore predefinito è 1, quindi uno slot scompare non appena qualcuno lo prenota. Aumentalo per lezioni di gruppo o sessioni
• Maximum bookings per day (prenotazioni massime al giorno) → Quando viene raggiunto, l'intera giornata diventa non disponibile
• Existing bookings (prenotazioni esistenti) → Apri la pagina Bookings (prenotazioni) per vedere quali slot sono già occupati

Usi la modalità Availability per teammate (disponibilità per membro del team)?

Se nessun membro del team è assegnato al servizio, non verrà generato alcuno slot:

→ Availability tab (scheda Disponibilità) → Assign teammates to this service (assegna membri del team a questo servizio), oppure torna a Availability per service (disponibilità per servizio)

💡 Vuoi che le giornate completamente prenotate rimangano visibili?

Abilita la Waitlist (lista d'attesa) nella scheda Payment (pagamento), poi attiva Show waitlist when a slot is fully booked (mostra lista d'attesa quando uno slot è completamente prenotato): i clienti vedranno un'opzione “Join waitlist” (unisciti alla lista d'attesa) invece di un calendario vuoto.

⚠️ Buono a sapersi

• L'anteprima all'interno della pagina di configurazione del servizio è approssimativa: considera sempre il calendario nella tua live product page (pagina prodotto live)
• Anche il blocco app Appointment Calendar richiede l'app embed del Passaggio 1
• Ogni prodotto o variante può essere collegato a one active service (un solo servizio attivo) alla volta

Continua a non essere visualizzato?

Se hai provato tutti i passaggi precedenti e il calendario delle prenotazioni non è ancora visibile:

1. Salva di nuovo il servizio
2. Conferma che App Status (stato app) mostri Active (attivo)
3. Testa sulla live product page (pagina prodotto live), non nell'anteprima del tema
4. Testa in una finestra Incognito

Se il problema persiste, non esitare a contattarci direttamente dall'interno dell'app Hoppy Appointments.

Per aiutarci a risolvere il problema più rapidamente, includi:

• L'URL del tuo negozio
• L'URL della pagina prodotto in cui il calendario dovrebbe apparire
• Il tuo Service ID (ID servizio) (My services (i miei servizi) → More (altro) → Copy Service ID (copia ID servizio))
• Il nome del tuo tema
• Uno screenshot della scheda App Status (stato app)

Saremo felici di aiutarti 🙌

Aggiornato il: 10/09/2026