Dacă ai deja un site WordPress pentru salonul, clinica sau frizeria ta, probabil te-ai întrebat dacă poți primi programări direct pe site — fără să trimiți clienții pe altă platformă. Răspunsul este da, fără plugin și fără programator, în 2 minute.
În acest tutorial îți arăt pas cu pas cum să adaugi widget-ul de programări iBookEasy pe orice site WordPress — temă standard, Elementor, Divi sau Gutenberg.
De ce ar trebui să folosești un widget embed (și nu redirect)
Majoritatea platformelor de programări oferă două opțiuni:
- Redirect — butonul „Programează-te" duce clientul pe o pagină externă (ex:
app.ibookeasy.ro/book/salonul-tau) - Widget embed — formularul de programare apare direct pe site-ul tău, fără tranziție
Widget-ul embed are câteva avantaje față de un redirect extern:
- Zero abandon la tranziție — clientul nu trebuie să schimbe pagina sau să-și amintească de unde a plecat
- Experiență fluidă — formularul apare direct sub butonul „Programează-te"
- Brandul tău e prezent tot timpul — logo-ul, culorile și designul site-ului rămân vizibile
Orice redirect către o pagină externă adaugă frictiune. Widget-ul embed elimină pasul de tranziție.
Cum funcționează widget-ul iBookEasy
Widget-ul este un snippet de cod (~200 de caractere) pe care îl lipești într-un element HTML/Custom Code de pe pagina ta. El încarcă formularul de programare folosind Shadow DOM — o tehnologie care izolează stilul widget-ului de restul site-ului.
De ce contează Shadow DOM:
- Widget-ul nu strică stilul temei tale (nu se „lipește" CSS-ul)
- Tema ta nu strică widget-ul (chiar dacă ai teme cu CSS agresiv)
- Se încarcă în paralel cu restul paginii (nu blochează afișarea)
Tutorial: instalare în 5 pași
Pasul 1 — Obține snippet-ul de widget din dashboard-ul iBookEasy
- Intră în app.ibookeasy.ro cu contul tău
- Du-te la Setări → Widget embed
- Apasă Copiază snippet-ul
Vei avea un cod similar cu:
<div id="ibookeasy-widget" data-slug="salonul-tau"></div>
<script src="https://app.ibookeasy.ro/widget.js" async></script>
Tip: Snippet-ul este identic pentru orice slot (pagina principală, pagină dedicată de programări, footer). Poți folosi același cod în mai multe locuri fără probleme.
Pasul 2 — Alege unde vrei să afișezi widget-ul
Cele mai bune locuri pe un site de salon:
- Pagina principală — sub hero section sau sub lista de servicii
- Pagină dedicată — creează o pagină nouă numită „Programare online"
- Footer — pentru vizitatori care scroll-ează până jos
Evită să pui widget-ul în popup sau în sidebar îngust — ai nevoie de ~600px lățime pentru o experiență bună.
Pasul 3a — Tema WordPress standard (Gutenberg)
Dacă folosești editorul Gutenberg (standard WordPress):
- Deschide pagina în editor
- Apasă + Adaugă bloc
- Caută și alege blocul „HTML personalizat" (Custom HTML)
- Lipește snippet-ul copiat la pasul 1
- Apasă Actualizare
Verifică pe front-end — widget-ul ar trebui să apară în locul unde ai pus blocul HTML.
Pasul 3b — Elementor
Dacă folosești Elementor:
- Deschide pagina cu Elementor
- Trage elementul „HTML" (din panoul stâng) în zona unde vrei widget-ul
- Lipește snippet-ul în câmpul de cod
- Apasă Actualizare (jos-stânga)
Pasul 3c — Divi
Pentru Divi Builder:
- Deschide pagina cu Divi
- Adaugă un modul „Code"
- Lipește snippet-ul
- Apasă Save
Pasul 3d — Tema classic (fără page builder)
Dacă ai o temă veche sau programată custom:
- Deschide pagina în editorul clasic WordPress
- Apasă tab-ul „Text" (nu „Visual")
- Lipește snippet-ul acolo unde vrei
- Apasă Actualizare
Pasul 4 — Testează widget-ul
După ce ai salvat:
- Deschide pagina pe front-end (într-un tab nou, fără să fii logat)
- Verifică că widget-ul se încarcă — ar trebui să vezi serviciile și specialiștii
- Fă o rezervare de test cu numărul tău de telefon
- Verifică:
- SMS-ul ajunge pe telefonul tău
- Programarea apare în dashboard iBookEasy
- Programarea se sincronizează cu Google Calendar (dacă e activat)
Pasul 5 — Publică și distribuie
După ce totul funcționează:
- Adaugă linkul paginii cu widget-ul în meniul principal
- Pune-l în bio-ul Instagram (dacă ai pagina pe același domeniu)
- Adaugă-l în Google Business Profile ca „link programare"
Probleme frecvente și soluții
„Widget-ul nu apare pe pagină"
Cauza cea mai frecventă: WordPress a strip-uit script-ul la salvare (temele securizate fac asta).
Soluție: Instalează plugin-ul gratuit „Insert Headers and Footers" și lipește script-ul acolo. Sau folosește un page builder (Elementor, Divi) care acceptă HTML raw.
„Widget-ul apare dar nu se încarcă serviciile"
Cauza: Slug-ul este greșit sau contul nu are servicii active.
Soluție: Verifică în data-slug="..." să fie exact slug-ul business-ului tău. Apoi verifică în iBookEasy dashboard că ai cel puțin un serviciu activ.
„Widget-ul are stil diferit față de site"
Cauza: Widget-ul folosește Shadow DOM pentru izolare de stil. Nu poți personaliza CSS-ul direct.
Soluție: În iBookEasy Settings → Widget, poți schimba culoarea primară ca să se potrivească cu site-ul tău.
„SMS-ul de confirmare nu ajunge"
Cauza: Cel mai probabil, numărul de telefon e introdus greșit (fără prefix +40) sau planul tău nu include SMS.
Soluție: Verifică că numărul începe cu +40 sau 07. Verifică planul în Settings → Subscription.
Ce funcționează și ce nu în widget
Funcționează:
- Toate serviciile, duratele, prețurile definite în dashboard
- Multi-specialiști cu calendare separate
- Google Calendar sync per specialist
- Blocarea slot-urilor ocupate în timp real
- Confirmare prin SMS automat
- Capturarea numelui + telefonului + email (opțional)
Nu funcționează în widget (trebuie pagina dedicată):
- Upload de documente de la client (acordul GDPR)
- Chat live cu recepția
- Integrarea cu loyalty points (dacă ai addon)
Concluzie
Widget-ul embed crește rata de conversie la programări cu ~20 puncte procentuale în medie față de un redirect către o pagină externă. Instalarea pe WordPress durează 2 minute pentru oricine poate edita o pagină — nu ai nevoie de programator și nu ai nevoie de plugin.
Dacă nu ai încă un cont iBookEasy, planul Free include widget-ul embed pentru până la 50 de programări/lună — suficient pentru a testa dacă funcționează pentru salonul tău.
Citește și
- Software programări salon beauty — top 7 opțiuni — dacă alegi încă platforma
- Alternativă Fresha România — ghidul complet — dacă vii de pe Fresha și vrei să vezi alternativele
- Cum să reduci no-show-urile la salon cu 80% — după ce widget-ul e instalat, focusează pe retenția programărilor