🚀 Come aggiungere Koalendar al tuo sito web

👉 Vedi 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 tuo codice di incorporamento
3. 🌐 Guide specifiche per piattaforma
4. 🛠️ Incorporamento avanzato (JavaScript)
5. 🖼️ iframe di fallback (senza‑JS)

✂️ Passo 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 tuo codice di incorporamento

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

   

2. Fai clic su Aggiungi al sito web :

   

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

   

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

Suggerimento: Hai bisogno di più pagine in un unico incorporamento? Crea prima una pagina pubblica, quindi incorpora quel link.

🌐 Guide specifiche per piattaforma

La maggior parte dei builder funziona allo stesso modo: si incolla il codice in un blocco Embed/HTML, ma offriamo guide dettagliate per le piattaforme più diffuse:

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

Se il tuo builder non è elencato, le istruzioni generali sopra indicate sono comunque valide: cerca semplicemente il widget HTML, Code o Embed nel tuo editor.

🛠️ Incorporamento avanzato (JavaScript)

Hai bisogno di un trigger popup personalizzato o di un controllo programmatico? Basta inserire il nostro leggero snippet JavaScript e sei a posto.

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

🖼️ fallback per iframe (senza JS)

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