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

  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

Problema Correggi
Non viene visualizzato nulla Verifica l'intero https://  L'URL è corretto ed è stato pubblicato.
Vengono visualizzate le barre di scorrimento Aumento altezza  oppure aggiungi CSS overflow: nascosto  al contenitore principale.
Il page builder rimuove gli iframe Alcuni piani gratuiti non consentono l'uso di codice HTML personalizzato: verifica i limiti della tua piattaforma.


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

Questa risposta ha risolto il tuo dubbio? Grazie per il tuo feedback Si è verificato un problema durante l'invio del tuo feedback. Riprova più tardi.

Hai ancora bisogno di aiuto? Contattaci Contattaci