Come aggiungere Koalendar a Shopify

Consenti ai clienti di prenotare appuntamenti senza lasciare il tuo negozio Shopify. Ci vogliono due semplici passaggi:

  1. Copia il tuo codice di incorporamento Koalendar (o link)
  2. Incollalo nell'area Liquid/HTML personalizzata 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. Scegli Aggiungi al sito web.
  3. Scegli uno stile di incorporamento e clicca su Copia codice.
Stile di incorporamento Cosa vedono gli acquirenti
Incorpora 🖥️ Il calendario completo viene visualizzato direttamente sul prodotto/pagina.
Widget Popup 📍 Pulsante fluttuante "Prenota ora" che apre il calendario in un pop-up.
Testo/Pulsante del popup 🔗 Qualsiasi link o pulsante attiva un calendario pop-up.

🎨 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'amministrazione di Shopify, vai a Negozio online → Temi e clicca su Personalizza per il tuo tema pubblicato.
  2. Vai alla pagina o al modello dove desideri il calendario.
  3. Fai clic su Aggiungi sezione (o Aggiungi blocco), quindi scegli Liquid personalizzato (o HTML personalizzato per i temi meno recenti).
  4. Incolla il tuo codice Koalendar nella casella di testo.
  5. Salva quindi Anteprima—il calendario o il trigger pop-up dovrebbe caricarsi istantaneamente.

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

  1. Negozio online → Temi → Azioni (pulsante ...) → Modifica codice.
  2. Apri 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 appare ora su tutta la tua vetrina.

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


🛠️ Risoluzione dei problemi

Problema Correzione
Il calendario/widget non viene visualizzato Assicurati di aver incollato lo script completo e di aver salvato il tema. Cancella la cache del browser e ricarica.
Il link del popup viene visualizzato ma non si apre Conferma che sia lo snippet di attivazione e lo script di Koalendar si trovino sulla stessa pagina/modello.
Widget su ogni pagina ma lo vuoi solo su una Incolla il codice di incorporamento su quella pagina specifica invece di theme.liquid.
L'altezza del calendario non è a posto Regola l'altezza in Koalendar prima di copiare o racchiudi l'incorporamento in un div con CSS personalizzato.

🤔 Quale stile dovrei usare?

Obiettivo Metodo migliore
Mostra il calendario all'interno di una pagina di prodotto o informativa Incorpora 🖥️
Invito all'azione a livello di sito Widget Popup 📍
Aggiungere la pianificazione a una CTA esistente Testo/Pulsante del popup 🔗
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