Integrazione sito web
Con l'integrazione del sito web, visualizzi i contenuti di Bookicorn direttamente sul tuo sito. I tuoi clienti possono vedere il programma dei corsi, sfogliare i pacchetti e conoscere il tuo team. Per prenotazioni e acquisti, vengono reindirizzati senza interruzioni alla piattaforma Bookicorn.
Cosa sono i widget?
I widget sono blocchi interattivi che puoi combinare liberamente. Ogni widget mostra una parte specifica del tuo studio:
| Widget | Cosa mostra |
|---|---|
| Programma corsi | Programma settimanale interattivo con filtri e dettagli dei corsi |
| Pacchetti crediti | Tutti i pacchetti con prezzi, crediti e link "Acquista" |
| Panoramica trainer | Il tuo team con profili e corsi imminenti |
| Prossimi corsi | Lista compatta dei prossimi appuntamenti |
| Prenotazione rapida | Un singolo corso in evidenza con link "Prenota" |
| Categorie | Categorie di corsi da esplorare |
| Trainer in evidenza | Un singolo trainer in primo piano |
| Recensioni | Recensioni dei clienti |
| Pulsante login | Login per i membri |
| Stato crediti | Visualizzazione del saldo crediti per i membri connessi |
| Le mie prenotazioni | Prenotazioni imminenti di un membro |
| Mappa sede | Mappa con la posizione del tuo studio |
Inoltre, ci sono widget di layout (titoli, blocchi di testo, spaziatori, divisori) che ti aiutano a strutturare il layout.
Come funziona
Passo 1: crea un'integrazione
- Nell'area admin, vai a Marketing → Integrazioni
- Clicca "Nuova integrazione"
- Inserisci un nome (es. "Homepage", "Pagina corsi")
- Scegli un template come punto di partenza (Programma corsi, Completo, Solo pacchetti, Focus trainer, Vista rapida o Vuoto)
- Clicca "Crea" -- si apre il Widget Builder
Passo 2: assembla i tuoi widget
Nel Widget Builder, utilizzi il drag and drop per comporre cio che deve apparire sul tuo sito web. Puoi disporre i widget in righe con piu colonne e personalizzare i colori per adattarli al tuo design.
Passo 3: inserisci il codice di incorporamento
Ottieni un breve codice HTML che inserisci sul tuo sito web:
<script src="https://app.bookicorn.net/widget/loader.js" async defer></script>
<bookicorn-widget studio="your-studio" integration="your-integration"></bookicorn-widget>
<a href="https://www.bookicorn.net" target="_blank" rel="noopener" class="bookicorn-backlink" style="display:block;text-align:center;font-size:11px;color:#9ca3af;margin-top:8px;text-decoration:none;font-family:system-ui,-apple-system,sans-serif;">Powered by Bookicorn</a>
Passo 4: fatto
Il widget appare immediatamente sul tuo sito web. Tutti i dati provengono in tempo reale da Bookicorn -- corsi, trainer, pacchetti, disponibilita. Le modifiche in Bookicorn sono automaticamente visibili sul tuo sito web.
Vantaggi
| Descrizione | |
|---|---|
| Si adatta al tuo sito | Colori, font e stile si adattano al tuo sito web |
| Sempre aggiornato | I dati provengono in tempo reale da Bookicorn -- nessuna manutenzione manuale |
| Responsive | Funziona perfettamente su desktop, tablet e mobile |
| Isolato | Gli stili del widget non influenzano il tuo sito web e viceversa |
| Veloce | Si carica in modo asincrono e non blocca la tua pagina |
| Sicuro | I dati vengono trasmessi crittografati tramite HTTPS |
Requisiti
Add-on necessario
L'integrazione del sito web e un add-on a pagamento (€29/mese).
Per attivarlo:
- Vai a Impostazioni → Negozio add-on
- Seleziona "Website Integration"
- Clicca "Attiva"
Requisiti tecnici
Il tuo sito web deve solo consentire JavaScript. Questo e il caso per tutti i siti web moderni e website builder (WordPress, Wix, Squarespace, Webflow, Jimdo, ecc.).
Integrazioni multiple
Puoi creare quante integrazioni desideri -- per pagine o scopi diversi:
| Integrazione | Pagina | Widget di esempio |
|---|---|---|
| Homepage | Pagina iniziale | Prossimi corsi, pacchetti, recensioni |
| Programma corsi | /corsi | Programma corsi completo con filtri |
| Team | /team | Panoramica trainer |
| Prezzi | /prezzi | Pacchetti crediti |
Ogni integrazione ha il proprio codice di incorporamento e puo essere personalizzata separatamente.
Terminologia dinamica
I widget utilizzano automaticamente le etichette che hai impostato nel tuo studio. Se preferisci "Coach" invece di "Trainer" e "Workshop" invece di "Corsi" -- il widget visualizzera quei termini.
Trovi questa impostazione sotto Impostazioni → Generali → Terminologia.