How to Embed Koalendar with an <iframe>

Koalendar offre diverse opzioni di incorporamento che utilizzano JavaScript per gestire il layout e il comportamento. Tuttavia, se la tua piattaforma non supporta JavaScript — o consente solo contenuti iframe — puoi comunque incorporare Koalendar utilizzando una configurazione iframe di base.

📑 Menu

1. Passaggio 1 – Copia il tuo link Koalendar
2. Passaggio 2 – Creare e incollare l'iframe
3. Risoluzione dei problemi

👉 Passaggio 1 – Copia il tuo link Koalendar

1. Nella tua dashboard di Koalendar seleziona la pagina di prenotazione che desideri incorporare.
2. Clicca Condividi e copia il URL (ad es. https://koalendar.com/e/your-page ).

📝 Passaggio 2 – Creare e incollare l'iframe

Incolla il tuo link nel modello qui sotto, quindi inserisci il codice HTML nel tuo sito.

<iframe
 title="Booking page powered by Koalendar"
 src="PASTE_YOUR_KOALENDAR_LINK_HERE?embed=true"
 width="100%"
 height="800px"
 frameborder="0">
</iframe>

• Per garantire l'accessibilità, mantenere il titolo  attributo dell'iframe. Aiuta gli utenti degli screen reader a comprendere il contenuto incorporato. Puoi personalizzare il titolo in modo che corrisponda alla tua pagina di prenotazione.
• Se il tuo link contiene già un ?  , sostituire ?embed=true  con &embed=true  .
• Inserisci questo codice in qualsiasi blocco HTML / Embed / Codice offerto dal tuo costruttore di siti, quindi salva o pubblica.

I visitatori vedranno subito il tuo calendario, senza bisogno di script.

🛠️ Risoluzione dei problemi

Cerchi altri stili di incorporamento, come il widget a comparsa o il testo/pulsante a comparsa, oppure parametri avanzati? Dai un'occhiata a:

• Come aggiungere Koalendar al tuo sito web
• Integrazione avanzata di Koalendar per sviluppatori