🚀 Come aggiungere Koalendar al tuo sito web

👉 Guarda alcuni esempi delle nostre opzioni di incorporamento →

Consenti ai visitatori di prenotare un appuntamento con te senza mai uscire dal tuo sito. Koalendar offre diversi metodi di integrazione rapida — senza bisogno di programmare — e un SDK JavaScript avanzato per un controllo totale. Scegli qui sotto l'opzione più adatta al tuo flusso di lavoro.

📖 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 contenuti nel 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 nella pagina della prenotazione che desideri promuovere:

   

2. Clicca su "Aggiungi al sito web ":

   

3. Scegli lo stile di incorporamento che preferisci (Inline, widget a comparsa, testo a comparsa):

   

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: Integrazione avanzata di Koalendar per sviluppatori

🖼️ Soluzione alternativa con iframe (senza JavaScript)

Se la tua piattaforma elimina il codice JavaScript personalizzato (come avviene in 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