🚀 Come aggiungere Koalendar al tuo sito web

👉 Guarda alcuni esempi delle nostre opzioni di incorporamento →

Permetti ai visitatori di prenotare un appuntamento con te senza mai lasciare il tuo sito. Koalendar offre diversi metodi di incorporamento rapidi—senza bisogno di programmazione—e un SDK JavaScript avanzato per il controllo completo. Seleziona l'opzione più adatta al tuo flusso di lavoro qui sotto.

📖 Menu

1. ✂️ Passaggio 1 – Scegli cosa incorporare
2. 😎 Passaggio 2 – Copia il codice di incorporamento
3. 🌐 Guide specifiche per piattaforma
4. 🛠️ Incorporamento avanzato (JavaScript)
5. 🖼️ Fallback iframe (senza JavaScript)

✂️ Passaggio 1 – Scegli cosa incorporare

Koalendar può incorporare due tipi di contenuto sul tuo sito:

💡 Suggerimento: non sai come condividere la tua pagina pubblica? Segui questa breve guida: Come condividere il tuo link pubblico (elenco di tutte le pagine di prenotazione)

🔗 Passaggio 2 – Copia il codice di incorporamento

1. Nella tua Dashboard di Koalendar, clicca su Condividi sulla pagina di prenotazione che desideri promuovere:

   

2. Clicca su "Aggiungi al sito web ":

   

3. Seleziona quale stile di incorporamento desideri (Inline, Widget Popup, Testo Popup):

   

4. Clicca su«Copia codice» e incollalo nel codice HTML del tuo sito web.

Suggerimento: hai bisogno di inserire più pagine in un unico codice di incorporamento? Crea prima una pagina pubblica, poi incorpora quel link.

🌐 Guide specifiche per piattaforma

La maggior parte degli sviluppatori procede allo stesso modo — incollando il codice in un blocco " Incorpora/HTML " — ma abbiamo guide dettagliate per le piattaforme più diffuse:

• WordPress
• Squarespace
• Wix
• Google Sites
• Shopify
• Joomla
• Unbounce
• Webflow
• Weebly
• Linktree

Se il tuo builder non è presente nell'elenco, valgono comunque le istruzioni generali riportate sopra: ti basta cercare il widget HTML, Codice o Incorporamento nel tuo editor.

🛠️ Incorporamento avanzato (JavaScript)

Hai bisogno di un trigger personalizzato per i popup o di un controllo programmatico? Inserisci il nostro snippet JavaScript leggero e il gioco è fatto.

📚 Istruzioni complete ed esempi di codice: Incorporazione avanzata di Koalendar per sviluppatori

🖼️ Soluzione alternativa con iframe (senza JavaScript)

Se la tua piattaforma rimuove JavaScript personalizzato (come accade con alcuni piani gratuiti), incorpora Koalendar con un semplice <iframe>  invece:

<iframe src="PASTE_YOUR_KOALENDAR_LINK_HERE?embed=true" width="100%" height="800" frameborder="0"></iframe>

Guida passo-passo ➡︎ Come incorporare Koalendar con un iframe