Widgetul Popup de rezervare adaugă un buton pe site-ul tău. Când vizitatorul apasă pe el, pagina ta de rezervare Barberly se deschide într-un popup în centrul ecranului, iar vizitatorul rămâne pe pagina curentă în timp ce face rezervarea. Îl poți folosi pe tot site-ul sau doar pe anumite pagini, cum ar fi paginile de servicii sau articolele de blog.
Creează o instanță nouă#
- Conectează-te la contul tău Barberly pe portal.barberly.com.
- Mergi la MeniuAplicațiiToate Widget-urile.
- Apasă Popup de rezervare.
- Selectează Creează o instanță nouă.
- Dă un nume instanței, de exemplu "Popup de rezervare principal".
Setări#
- Textul butonului
- Textul de pe butonul care deschide popupul.
- URL de rezervare
- Adresa URL a paginii tale de rezervare Barberly afișate în popup.
Stiluri#
- Culoarea de fundal
- Culoarea butonului.
- Culoarea textului
- Culoarea textului de pe buton. Alege una care contrastează cu fundalul.
- Căptușeală
- Spațiul din interiorul butonului.
- Raza frontierei
- Cât de rotunjite sunt colțurile butonului.
- Greutatea fontului
- Normal, aldin și așa mai departe.
- Raza frontierei
- Cât de rotunjite sunt colțurile popupului.
- Box Shadow
- O umbră în jurul popupului.
Pe dispozitivele mobile, popupul se adaptează la dimensiunea ecranului și are un buton X pentru închidere.
Adaugă popupul pe site#
Previzualizarea live arată butonul și popupul. Apasă pe buton ca să verifici că popupul se deschide cu pagina ta de rezervare.
- Copiază codul din secțiunea Copiați acest cod pe site-ul dvs.
- Lipește-l în codul HTML al site-ului, acolo unde trebuie să apară butonul.
- Salvează și publică site-ul.
Exemplu de cod:
<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>Pentru pașii de pe fiecare platformă, vezi ghidurile pentru WordPress, Wix și Squarespace.
Mai multe instanțe#
Poți crea mai multe instanțe ale popupului, de exemplu cu un design diferit pentru fiecare secțiune a site-ului. Repetă pașii de mai sus în Popup de rezervare. Fiecare instanță are propriul cod de integrare.
Actualizează un popup publicat#
Deschide instanța din MeniuAplicațiiToate Widget-urile, fă modificările și salvează. Popupul de pe site se actualizează automat, așa că nu trebuie să schimbi codul de pe site.