Il widget Popup di prenotazione aggiunge un pulsante al tuo sito web. Con un clic la tua pagina di prenotazione Barberly si apre in un popup al centro dello schermo, così il visitatore resta sulla pagina mentre prenota. Puoi usarlo su tutto il sito o su singole pagine, come le pagine dei servizi o gli articoli del blog.
Crea una nuova istanza#
- Accedi al tuo account Barberly su portal.barberly.com.
- Vai a MenuApplicazioniTutti i widget.
- Fai clic su Popup di prenotazione.
- Seleziona Crea nuova istanza.
- Dai un nome all'istanza, ad esempio "Popup di prenotazione principale".
Impostazioni#
- Testo del pulsante
- Il testo del pulsante che apre il popup.
- URL di prenotazione
- L'URL della tua pagina di prenotazione Barberly mostrata nel popup.
Stili#
- Colore di sfondo
- Il colore del pulsante.
- Colore del testo
- Il colore del testo del pulsante. Scegline uno che contrasti con lo sfondo.
- Imbottitura
- Lo spazio all'interno del pulsante.
- Raggio del bordo
- Quanto sono arrotondati gli angoli del pulsante.
- Peso del carattere
- Normale, grassetto e così via.
- Raggio del bordo
- Quanto sono arrotondati gli angoli del popup.
- Box Shadow
- Un'ombra intorno al popup.
Sui dispositivi mobili il popup si adatta alle dimensioni dello schermo e ha un pulsante X per chiuderlo.
Aggiungi il popup al tuo sito web#
L'anteprima dal vivo mostra il pulsante e il popup. Fai clic sul pulsante per verificare che il popup si apra con la tua pagina di prenotazione.
- Copia il codice dalla sezione Copiate questo codice nel vostro sito web.
- Incollalo nell'HTML del tuo sito, dove deve comparire il pulsante.
- Salva e pubblica il sito.
Codice di esempio:
<div id="popup-booking-container"></div>
<script src="https://widgets.barberly.com/barberly-widgets.js" data-business-id="house13" data-widget-id="popup_booking" data-container-id="popup-booking-container"></script>Per i passaggi su ogni piattaforma, consulta le guide per WordPress, Wix e Squarespace.
Più istanze#
Puoi creare altre istanze del popup, ad esempio con un design diverso per ogni sezione del sito. Ripeti i passaggi sopra in Popup di prenotazione. Ogni istanza ha il proprio codice di integrazione.
Aggiornare un popup già pubblicato#
Apri l'istanza in MenuApplicazioniTutti i widget, fai le modifiche e salva. Il popup sul tuo sito si aggiorna automaticamente, quindi non devi cambiare il codice sul sito.