Widgetul Pagina de rezervare încorporată pune pagina ta completă de rezervare Barberly într-o pagină a site-ului tău, într-un iframe. Clienții fac toată rezervarea fără să fie trimiși pe alt site. Îl poți folosi pentru o pagină dedicată rezervărilor sau îl poți adăuga pe pagina principală, pe paginile de servicii ori pe pagina de contact.
Creează o instanță nouă#
- Conectează-te la contul tău Barberly pe portal.barberly.com.
- Mergi la MeniuAplicațiiToate Widget-urile.
- Apasă Pagina de rezervare încorporată.
- Selectează Creează o instanță nouă.
- Dă un nume instanței, de exemplu "Pagina de rezervare principală".
Setări#
- URL de rezervare
- Adresa URL a paginii tale de rezervare Barberly.
- Înălțime
- Înălțimea paginii încorporate, de exemplu "100%" pentru înălțimea completă sau o valoare în pixeli, cum ar fi "600px".
Stiluri#
- Raza frontierei
- Cât de rotunjite sunt colțurile.
- Box Shadow
- O umbră în jurul widgetului.
Pagina încorporată se adaptează la dimensiunea ecranului. Pe desktop arată interfața completă de rezervare, iar pe mobil interfața se ajustează la ecranul mai mic.
Adaugă pagina pe site#
Previzualizarea live arată cum va arăta pagina încorporată. Parcurge fluxul de rezervare ca să verifici că funcționează.
- 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ă pagina de rezervare.
- Salvează și publică site-ul.
Exemplu de cod:
<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>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 paginii încorporate pentru diferite secțiuni ale site-ului. Repetă pașii de mai sus în Pagina de rezervare încorporată. Fiecare instanță are propriul cod de integrare.
Actualizează o pagină încorporată publicată#
Deschide instanța din MeniuAplicațiiToate Widget-urile, fă modificările și salvează. Pagina încorporată de pe site se actualizează automat, așa că nu trebuie să schimbi codul de pe site.
Dacă pagina nu se afișează corect#
- Asigură-te că containerul este suficient de lat și de înalt pentru interfața de rezervare.
- Verifică dacă există conflicte de CSS cu stilurile site-ului.
- Verifică dacă adresa URL de rezervare este corectă.
- Asigură-te că nicio politică de securitate a conținutului (CSP) de pe site nu blochează iframe-ul.