Il widget Pagina di prenotazione incorporata inserisce la tua pagina di prenotazione Barberly completa in una pagina del tuo sito web, dentro un iframe. I clienti completano tutta la prenotazione senza essere mandati su un altro sito. Puoi usarlo per una pagina dedicata alle prenotazioni o aggiungerlo alla homepage, alle pagine dei servizi o alla pagina dei contatti.
Crea una nuova istanza#
- Accedi al tuo account Barberly su portal.barberly.com.
- Vai a MenuApplicazioniTutti i widget.
- Fai clic su Pagina di prenotazione incorporata.
- Seleziona Crea nuova istanza.
- Dai un nome all'istanza, ad esempio "Pagina di prenotazione principale".
Impostazioni#
- URL di prenotazione
- L'URL della tua pagina di prenotazione Barberly.
- Altezza
- L'altezza della pagina incorporata, ad esempio "100%" per l'altezza piena o un valore in pixel come "600px".
Stili#
- Raggio del bordo
- Quanto sono arrotondati gli angoli.
- Box Shadow
- Un'ombra intorno al widget.
La pagina incorporata si adatta alle dimensioni dello schermo. Su desktop mostra l'interfaccia di prenotazione completa, su mobile l'interfaccia si adatta allo schermo più piccolo.
Aggiungi la pagina al tuo sito web#
L'anteprima dal vivo mostra come apparirà la pagina incorporata. Prova il percorso di prenotazione per verificare che funzioni.
- Copia il codice dalla sezione Copiate questo codice nel vostro sito web.
- Incollalo nell'HTML del tuo sito, dove deve comparire la pagina di prenotazione.
- Salva e pubblica il sito.
Codice di esempio:
<div id="262b1c5d48b64c16a9786cd8ebbbecd3-container"></div>
<script src="https://widgets.barberly.com/barberly-widgets.js" data-business-id="house13" data-widget-id="embed_262b1c5d48b64c16a9786cd8ebbbecd3" data-container-id="262b1c5d48b64c16a9786cd8ebbbecd3-container"></script>Per i passaggi su ogni piattaforma, consulta le guide per WordPress, Wix e Squarespace.
Più istanze#
Puoi creare altre istanze della pagina incorporata per diverse sezioni del sito. Ripeti i passaggi sopra in Pagina di prenotazione incorporata. Ogni istanza ha il proprio codice di integrazione.
Aggiornare una pagina incorporata già pubblicata#
Apri l'istanza in MenuApplicazioniTutti i widget, fai le modifiche e salva. La pagina incorporata sul tuo sito si aggiorna automaticamente, quindi non devi cambiare il codice sul sito.
Se la pagina non si vede correttamente#
- Assicurati che il contenitore sia abbastanza largo e alto per l'interfaccia di prenotazione.
- Controlla eventuali conflitti CSS con gli stili del tuo sito.
- Verifica che l'URL di prenotazione sia corretto.
- Assicurati che nessuna content security policy del tuo sito blocchi l'iframe.