Come incorporare Koalendar in Webflow
Aggiungi la prenotazione istantanea a qualsiasi progetto Webflow: ti basta copiare il codice di incorporamento di Koalendar → incollarlo in Webflow → pubblicare. Nessun plugin, nessuna chiave API.
📑 Menu
- Passaggio 1 – Copia il tuo codice Koalendar
- Passaggio 2 – Incollalo in Webflow
- Risoluzione dei problemi
- Quale modello dovrei scegliere?
📋 Passaggio 1 – Copia il tuo codice Koalendar
- Nella Dashboard di Koalendar, fai clic su Condividi accanto alla pagina di prenotazione che desideri incorporare.
- Scegli Aggiungi al sito web.
- Scegli uno stile di incorporamento e fai clic su Copia codice.
| Stile di incorporamento | Cosa vedono i visitatori |
|---|---|
| Incorporamento in linea 🖥️ | Calendario completo visualizzato direttamente sulla pagina. |
| Widget popup 📍 | Pulsante mobile che apre il tuo calendario in un pop-up. |
| Testo/pulsante a comparsa 🔗 | Qualsiasi link o pulsante sulla tua pagina apre il calendario in un pop-up. |
➕ Vuoi semplicemente un link normale? Salta l'incorporamento, copia il tuo URL di condivisione Koalendar e crea un collegamento ipertestuale per qualsiasi testo, immagine o pulsante per aprire il tuo scheduler in una nuova scheda.
🎨 Consiglio di design: Personalizza colori, testo e posizione in Koalendar prima di copiare, in modo che tutto corrisponda al tuo stile Webflow.
📝 Passaggio 2 – Incollalo in Webflow
A. Incorporamento in linea o Testo/Pulsante popup (Elemento di incorporamento)
- Nel Webflow Designer, apri la pagina in cui desideri il calendario o il trigger.
- Trascina un elemento Codice Incorporato da + Aggiungi → Elementi nella posizione desiderata.
- Clicca Modifica codice personalizzato e incolla il tuo codice Koalendar.
- Salva & Chiudi → Pubblica il tuo sito.
B. Widget popup (pulsante mobile su tutto il sito)
- Vai a Impostazioni del progetto → Codice personalizzato → Codice piè di pagina.
- Incolla lo script del widget di Koalendar.
- Salva modifiche → Pubblica.
⏳ Attenzione: Il codice personalizzato viene eseguito solo sul sito pubblicato, non all'interno dell'anteprima del Designer.
🛠️ Risoluzione dei problemi
| Problema | Soluzione rapida |
| Il calendario o il widget non appare in Designer | Pubblica il sito e visualizza l'URL live — gli script non vengono eseguiti nell'area di lavoro del Designer. |
| Il widget popup non viene visualizzato | Verifica che lo script si trovi in Codice piè di pagina (o in un elemento Incorpora) e ripubblica. |
| Il link di testo/pulsante del popup compare ma non si apre | Assicurati che sia lo snippet di attivazione che lo script di Koalendar siano sulla stessa pagina. |
| L'altezza del calendario inline non è corretta | Ridimensiona l'elemento Incorpora o imposta un'altezza fissa in Koalendar prima di copiare. |
😕 Quale modello dovrei scegliere?
| Obiettivo | Miglior stile |
| Sezione dedicata alle prenotazioni | Incorporamento in linea 🖥️ |
| Invito all'azione su tutto il sito | Widget popup 📍 |
| Aggiungere la pianificazione a una CTA esistente | Testo/pulsante a comparsa 🔗 |
| Collegamento rapido esterno | Semplice collegamento ipertestuale al tuo URL di Koalendar |