Come aggiungere Koalendar a Shopify

Consenti ai clienti di prenotare appuntamenti senza uscire dal tuo negozio Shopify. Bastano due semplici passaggi:

  1. Copia il tuo codice di incorporamento Koalendar (o link)
  2. Incollalo nell'area Liquid/HTML personalizzato di Shopify e salva

📑 Menu

  1. Passo 1 – Copia il tuo codice di incorporamento di Koalendar
  2. Passaggio 2 – Aggiungilo su Shopify
  3. Risoluzione dei problemi
  4. Quale stile dovrei usare?

📋 Passo 1 – Copia il codice di incorporamento di Koalendar

  1. Nella Dashboard di Koalendar, fai clic su Condividi accanto alla pagina di prenotazione che desideri utilizzare.
  2. Seleziona " Aggiungi al sito web".
  3. Scegli uno stile di incorporamento e clicca su " Copia codice".
Stile di incorporamento Ciò che vedono gli acquirenti
Incorpora 🖥️ Il calendario completo è visibile direttamente sulla pagina del prodotto.
Widget Popup 📍 Pulsante "Prenota ora" mobile che apre il calendario in una finestra a comparsa.
Testo/pulsante a comparsa 🔗 Qualsiasi link o pulsante fa apparire un calendario a comparsa.

🎨 Suggerimento: Personalizza colori, testo e posizione in Koalendar prima di copiare, in modo che corrisponda al tema del tuo negozio.

➕ Ti serve solo un link normale? Copia il tuo URL di condivisione Koalendar e collega qualsiasi pulsante o voce di menu per aprire lo scheduler in una nuova scheda.


📝 Passaggio 2 – Aggiungilo su Shopify

A. Incorpora o Testo/Pulsante Popup (pagina o sezione)

  1. Nell'area di amministrazione di Shopify, vai su Negozio online → Temi e clicca su Personalizza per il tema pubblicato.
  2. Vai alla pagina o al modello in cui desideri inserire il calendario.
  3. Fai clic su "Aggiungi sezione " (o "Aggiungi blocco"), quindi seleziona " Liquid personalizzato " (o " HTML personalizzato " per i temi meno recenti).
  4. Incolla il tuo codice Koalendar nella casella di testo.
  5. Salva e poi visualizza l'anteprima: il calendario o il pop-up dovrebbero caricarsi immediatamente.

B. Widget Popup (pulsante fluttuante su tutto il sito)

  1. Negozio online → Temi → Azioni (pulsante ...) → Modifica codice.
  2. Apri il file layout/theme.liquid (o theme.liquid nei temi più recenti).
  3. Scorri fino in fondo e incolla il tuo script del widget di Koalendar proprio prima di ************</body> .
  4. Salva. Il pulsante mobile ora è visibile sulla tua vetrina.

📝 Alcuni temi dispongono di una casella " Impostazioni tema → Script personalizzati ". Puoi incollare lì lo script del widget invece di modificare il codice.


🛠️ Risoluzione dei problemi

Problema Correggi
Il calendario/widget non viene visualizzato Assicurati di aver incollato l'intero codice e di aver salvato il tema. Svuota la cache del browser e ricarica la pagina.
Il link a comparsa viene visualizzato ma non si apre Conferma che sia lo snippet di attivazione e lo script di Koalendar si trovino sulla stessa pagina/modello.
Il widget è presente su tutte le pagine, ma tu lo vuoi solo su una Incolla il codice di incorporamento in quella pagina specifica anziché in theme.liquid.
L'altezza del calendario sembra sbagliata Regola l'altezza in Koalendar prima di copiare o racchiudi l'incorporamento in un div con CSS personalizzato.

🤔 Quale stile dovrei usare?

Obiettivo Il metodo migliore
Mostra il calendario all'interno della pagina di un prodotto o di una scheda informativa Incorpora 🖥️
Invito all'azione per tutto il negozio Widget Popup 📍
Aggiungere la pianificazione a una CTA esistente Testo/pulsante a comparsa 🔗
Semplice link esterno Collega il tuo URL Koalendar
Questa risposta ha risolto il tuo dubbio? Grazie per il tuo feedback Si è verificato un problema nell'invio del tuo feedback. Riprova più tardi.

Hai ancora bisogno di aiuto? Contattaci Contattaci