Come aggiungere Koalendar a un sito Unbounce
Integra la pianificazione senza sforzo in qualsiasi landing page di Unbounce con un semplice copia e incolla. Non sono necessarie integrazioni aggiuntive: tutto ciò che ti serve è già disponibile in Koalendar e Unbounce.
📑 Menu
- 📋 Passo 1 – Copia il tuo codice di incorporamento
- 📝 Passaggio 2 – Incollalo in Unbounce
- 🛠️ Risoluzione problemi
- 🤔 Quale stile di incorporamento dovresti usare?
📋 Passo 1 – Copia il tuo codice di incorporamento
- Nella Dashboard di Koalendar, fai clic su Condividi accanto alla pagina di prenotazione che desideri incorporare.
- Seleziona Aggiungi al sito web.
- Scegli uno stile di incorporamento e fai clic su Copia codice.
| Stile di incorporamento | Cosa fa |
|---|---|
| Incorporamento in linea 🖥️ | Visualizza il calendario delle prenotazioni direttamente sulla landing page. |
| Widget popup 📍 | Aggiunge un pulsante fluttuante "Prenota ora" che apre un popup del calendario. |
| Popup al clic 🔗 | Trasforma qualsiasi link o pulsante in un calendario popup. |
💡 Personalizza colori, testo e posizione prima di copiare, in modo che corrisponda al tuo design Unbounce.
📝 Passaggio 2 – Incollalo in Unbounce
Opzione A – Incorporamento in linea o Popup al clic 🔧
- Nell'Unbounce Page Builder, trascina un Blocco HTML sulla pagina dove desideri che appaia il calendario (o il trigger del popup).
- Fai doppio clic sul blocco per aprire l'editor HTML personalizzato.
- Incolla il codice Koalendar che hai copiato.
- Salva codice, quindi Anteprima o Pubblica la tua pagina.
Opzione B – Widget popup (pulsante mobile) 📌
- Apri la tua pagina nell'Unbounce Page Builder e clicca sulla scheda Javascripts (in basso a sinistra).
- Fai clic su Aggiungi script, quindi assegnagli un nome come “Koalendar Widget”.
- Incolla il codice del widget di Koalendar e imposta Posizionamento su Prima del tag di chiusura del corpo.
- Fatto → Anteprima o Pubblica. Il pulsante mobile ora appare su ogni variante di quella pagina.
📝 Ti serve un widget per l'intero sito? Aggiungi lo stesso script a ogni pagina di destinazione o duplica la pagina una volta installato il widget.
🛠️ Risoluzione dei problemi
| Problema | Soluzione rapida |
| Il calendario non si carica nell'anteprima | Pubblica la pagina: alcuni script vengono eseguiti solo sull'URL attivo. |
| Widget mancante dopo l'incollaggio | Assicurati che il posizionamento dello script sia Prima del tag di chiusura del corpo (non nell'intestazione). |
| Il link del popup viene visualizzato ma non si apre | Conferma che sia lo snippet del link che lo script di Koalendar si trovino sulla stessa pagina. |
| Lo stile appare troppo stretto | Aumenta la larghezza/altezza del blocco HTML o regola il padding nelle impostazioni di incorporamento di Koalendar. |
🤔 Quale stile di incorporamento dovresti usare?
| Obiettivo | Miglior stile |
| Sezione dedicata alle prenotazioni | Incorporamento in linea 🖥️ |
| CTA sempre visibile | Widget popup 📍 |
| Aggiungi la pianificazione a un pulsante esistente | Popup al clic 🔗 |
| Collegamento rapido esterno | Link diretto ↗️ |