Il widget Pulsante Prenota online aggiunge un pulsante al tuo sito web. Con un clic il visitatore arriva sulla tua pagina di prenotazione Barberly, dove prenota un appuntamento. Di solito si mette nella homepage, nella pagina dei servizi o nell'intestazione o nel piè di pagina del sito.
Crea una nuova istanza#
- Accedi al tuo account Barberly su portal.barberly.com.
- Vai a MenuApplicazioniTutti i widget.
- Fai clic su Pulsante Prenota online.
- Seleziona Crea nuova istanza.
- Dai un nome all'istanza, ad esempio "Pulsante homepage".
Impostazioni#
- Testo del pulsante
- Il testo sul pulsante, ad esempio "Prenota ora" o "Fissa un appuntamento".
- URL di prenotazione
- L'URL della tua pagina di prenotazione Barberly.
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, nel formato alto/destra/basso/sinistra.
- Raggio del bordo
- Quanto sono arrotondati gli angoli.
- Peso del carattere
- Normale, grassetto e così via.
- Box Shadow
- Un'ombra intorno al pulsante.
Aggiungi il pulsante al tuo sito web#
L'anteprima dal vivo mostra come apparirà il pulsante. Fai clic per verificare che apra 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="8854691ef448cad2ae94bb4cc5b9a-container"></div>
<script src="https://widgets.barberly.com/barberly-widgets.js" data-business-id="house13" data-widget-id="button_8854691ef448cad2ae94bb4cc5b9a" data-container-id="8854691ef448cad2ae94bb4cc5b9a-container"></script>Per i passaggi su ogni piattaforma, consulta le guide per WordPress, Wix e Squarespace.
Più istanze#
Puoi creare altre istanze del pulsante, ad esempio con un design diverso per ogni sezione del sito. Ripeti i passaggi sopra in Pulsante Prenota online. Ogni istanza ha il proprio codice di integrazione.
Aggiornare un pulsante già pubblicato#
Apri l'istanza in MenuApplicazioniTutti i widget, fai le modifiche e salva. Il pulsante sul tuo sito si aggiorna automaticamente, quindi non devi cambiare il codice sul sito.