Widgetul Butonul Rezervare online adaugă un buton pe site-ul tău. Când vizitatorul apasă pe el, ajunge pe pagina ta de rezervare Barberly, unde își face programarea. Locurile obișnuite pentru buton sunt pagina principală, pagina de servicii și antetul sau subsolul site-ului.
Creează o instanță nouă#
- Conectează-te la contul tău Barberly pe portal.barberly.com.
- Mergi la MeniuAplicațiiToate Widget-urile.
- Apasă Butonul Rezervare online.
- Selectează Creează o instanță nouă.
- Dă un nume instanței, de exemplu "Buton pagina principală".
Setări#
- Textul butonului
- Textul de pe buton, de exemplu "Rezervă acum" sau "Programează-te".
- URL de rezervare
- Adresa URL a paginii tale de rezervare Barberly.
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, în formatul sus/dreapta/jos/stânga.
- Raza frontierei
- Cât de rotunjite sunt colțurile.
- Greutatea fontului
- Normal, aldin și așa mai departe.
- Box Shadow
- O umbră în jurul butonului.
Adaugă butonul pe site#
Previzualizarea live arată cum va arăta butonul. Apasă pe el ca să verifici că deschide 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="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>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 butonului, de exemplu cu un design diferit pentru fiecare secțiune a site-ului. Repetă pașii de mai sus în Butonul Rezervare online. Fiecare instanță are propriul cod de integrare.
Actualizează un buton publicat#
Deschide instanța din MeniuAplicațiiToate Widget-urile, fă modificările și salvează. Butonul de pe site se actualizează automat, așa că nu trebuie să schimbi codul de pe site.