Integrare widget-uri pe website
Dacă ai deja un website, IZI365 îți pune la dispoziție widget-uri de programare generate din dashboard, pe care le instalezi direct în paginile tale — clienții se programează fără să părăsească experiența brandului tău.
Demo: mhmbeauty.ro — widget integrat pe website-ul clinicii.
Widget-urile nu sunt iframe-uri simple. Folosesc tehnologie Shadow DOM: fac parte efectiv din website-ul tău, cu stiluri complet izolate (nimic din site nu strică widget-ul și nici invers) și cu acces corect la datele client-side ale paginii — inclusiv la bannerul de cookies și la consimțământul vizitatorului.
Tipuri de widget-uri
Toate tipurile de mai jos se creează din dashboard IZI365 și se instalează cu același script:
| Widget | Cum apare | Ce face |
|---|---|---|
| Programare — modal | La click pe orice buton sau element cu clasa configurată | Deschide un overlay pe tot ecranul cu fluxul complet de programare; poate porni cu un serviciu sau specialist preselectat |
| Programare — inline | Randat direct într-un element din pagină | Fluxul complet de programare (servicii → specialist → oră → contact) afișat direct în pagină |
| Buton flotant automat | Automat, pe tot site-ul sau doar pe paginile alese | Buton persistent de tip „Programare online” — dreptunghiular sau circular cu avatar — care deschide fluxul de programare |
| Listă de servicii | Inline, în pagina aleasă | Lista serviciilor cu categorii, căutare și detalii; butonul Rezervă pornește programarea cu serviciul deja selectat |
| Listă de specialiști | Inline, în pagina aleasă | Lista specialiștilor cu fotografie și rol; Rezervă pornește programarea cu specialistul deja selectat |
| Calendar direct | Inline, în pagina aleasă | Configurare cu un singur serviciu preselectat — vizitatorul ajunge direct la alegerea datei și orei |
Butonul flotant automat, în detaliu
- se generează automat din dashboard, fără să adaugi elemente în pagină;
- două stiluri: dreptunghiular (text și culori personalizabile) sau circular (avatar, texte și mesaj de tip bubble);
- poziție la alegere: jos centru / stânga / dreapta, mijloc sau sus;
- filtre pe pagini — îl poți afișa pe tot site-ul sau doar pe anumite secțiuni (ex. doar pe
/servicii); - se adaptează automat la navigarea internă a site-ului, inclusiv pe site-uri tip SPA.
Compatibilitate cu website-ul tău
Widget-urile funcționează pe practic orice website:
- platforme CMS — WordPress și similare, prin adăugarea scriptului în header;
- pagini HTML simple — copiezi scriptul și clasele direct în cod;
- tehnologii JavaScript moderne — Next.js și alte framework-uri;
- SPA (Single Page Application) — widget-urile detectează automat navigarea internă și elementele adăugate ulterior în pagină, fără reîncărcare.
Randare client-side și SEO
Widget-urile sunt încărcate client-side — direct în browserul vizitatorului — ceea ce asigură performanță și izolare completă față de site-ul gazdă. Consecința importantă: nu suportă randare server-side, deci conținutul lor nu este vizibil pentru crawlerele motoarelor de căutare sau pentru agenții AI care citesc HTML-ul inițial al paginii.
De exemplu, poți afișa lista serviciilor prin widget pe website, dar acea listă nu va fi citită de crawlere. De aceea, widget-urile nu trebuie folosite ca sursă de adevăr pentru SEO — pentru pagini indexabile per serviciu și specialist folosește platforma booking, iar widget-urile păstrează-le pentru conversie.
Cum instalezi widget-urile
Pasul 1 — creezi widget-ul în dashboard
Din dashboard IZI365, în secțiunea de programări online a paginii tale de business, creezi elementul dorit (modal, inline, listă servicii, listă specialiști, buton flotant) și primești clasa CSS asociată.
Pasul 2 — copiezi scriptul în header-ul website-ului
Un singur script deservește toate widget-urile site-ului:
<script src="https://izi365.ro/api/booking/widget-sdk?slug=SLUGUL-TAU" async></script>Pasul 3 — pui clasa CSS pe elementele dorite
Pentru un widget modal, orice element cu clasa configurată devine declanșator — de exemplu un buton „Programează-te”:
<button type="button" class="izi-booking-exemplu">Programează-te</button>Pentru un widget inline (flux complet, listă servicii, listă specialiști sau calendar direct), creezi un container cu clasa configurată, iar conținutul este randat automat în interiorul său:
<div class="izi-booking-exemplu"></div>Poți folosi aceeași clasă pe mai multe elemente — de exemplu, toate butoanele „Programează-te” din site pot deschide același flux de programare.
De reținut:
- clasa CSS este un token unic generat în dashboard — copiaz-o exact, fără spații suplimentare;
- widget-urile funcționează doar pe domeniile autorizate din dashboard, deci nimeni nu le poate instala pe alt site;
- stări de încărcare și de eroare sunt afișate automat vizitatorului, cu opțiune de reîncercare.
Consimțământ și GDPR pe website-ul tău
Pe website-ul gazdă, bannerul de cookies îl controlezi tu. Scriptul IZI365 citește deciziile de consimțământ exprimate de vizitator și activează tracking-ul pentru analytics și marketing doar după acord.
IZI365 recunoaște majoritatea platformelor de consimțământ (CMP), inclusiv Cookiebot, OneTrust, Didomi, Iubenda, Usercentrics, Osano, CookieYes, Termly, Complianz, Borlabs, Klaro și alte soluții compatibile TCF. Detalii: Tracking cu widget-uri pe website.
Tracking avansat inclus
La fel ca pe platforma booking, toate programările prin widget-uri vin cu tracking avansat integrat — aceleași setări de marketing din dashboard (integrări directe Meta, Google, TikTok sau GTM Web + Server, mod Booking / Revenue), cu respectarea CMP-ului website-ului tău.
Implicit, widget-urile nu trimit evenimente Page View și Lead la încărcarea site-ului, pentru a evita dublarea datelor dacă ai deja instrumente de măsurare — le poți activa din dashboard. Detalii: Tracking conversii IZI365.
Bune practici
- buton flotant automat pentru acoperire pe tot site-ul + butoane modal în paginile de campanie, pentru conversie rapidă;
- listă de servicii sau specialiști inline în paginile de prezentare, unde vizitatorul compară opțiunile;
- calendar direct în landing page-urile dedicate unui singur serviciu promovat intens;
- pentru SEO local și pagini indexabile, completează cu platforma booking pe subdomeniu propriu.
Checklist rapid
- Widget creat în dashboard și clasă CSS copiată
- Script instalat în header-ul website-ului
- Domeniul website-ului adăugat în lista de domenii autorizate
- Clase CSS aplicate pe butoane / containere
- Banner cookies (CMP) activ pe site — test accept / refuz
- Programare de probă pe site-ul live
Vezi și
Export pagină