Integrează Planifico în site-ul tău
Adaugă un widget de programări în site-ul tău cu doar câteva linii de cod. Responsive, securizat și ușor de customizat.
Cod rapid de integrare
<script
async
src="https://planifico.ro/embed.js"
data-user="demo"
data-event="consultatie"
data-locale="ro"
data-theme="auto"
data-color="#0D3B66"
></script>📝 Notă: Înlocuiește demo cu username-ul tău Planifico și consultatie cu slug-ul evenimentului tău.
Autentifică-te pentru a vedea codul personalizat pentru contul tău.
🎯 Demo Live - Widget Embeddable
Exemplu de widget integrat (demo mode)
Codul folosit pentru acest widget:
<script
async
src="https://planifico.ro/embed.js"
data-user="demo"
data-event="consultatie"
data-locale="ro"
data-theme="auto"
data-color="#0D3B66"
></script>✨ Caracteristici principale
Responsive
Se adaptează automat pe toate dispozitivele: mobile, tablet, desktop
Securizat
Sandbox iframe cu permisiuni limitate și fără third-party cookies
Auto-resize
Înălțimea se ajustează automat în funcție de conținut
Customizabil
Alege culoarea primară și tema (light/dark/auto)
Multi-limbă
Suport pentru română și engleză
Performance
Încărcare asincronă și lazy loading pentru performanță maximă
⚙️ Parametri disponibili
| Parametru | Obligatoriu | Valoare default | Descriere |
|---|---|---|---|
data-user | ✅ Da | - | Username-ul utilizatorului Planifico |
data-event | ❌ Nu | - | Slug-ul evenimentului specific (opțional) |
data-locale | ❌ Nu | ro | Limba interfeței (ro, en) |
data-theme | ❌ Nu | auto | Tema vizuală (auto, light, dark) |
data-color | ❌ Nu | #0D3B66 | Culoarea primară (format HEX) |
📡 Evenimente JavaScript
Ascultă evenimente de la widget: Widget-ul emite evenimente custom când un utilizator completează o programare.
document.addEventListener('planificoBookingCompleted', function(event) {
console.log('Programare completată:', event.detail);
// event.detail conține:
// - guest_name
// - guest_email
// - start_time
// - end_time
// Exemplu: Redirecționare după programare
window.location.href = '/multumim';
// Sau: Trimite la Google Analytics
gtag('event', 'booking_completed', {
'event_category': 'engagement',
'event_label': event.detail.data.guest_email
});
});🔐 Content Security Policy (CSP)
Dacă site-ul tău folosește Content Security Policy, adaugă următoarele directive:
Content-Security-Policy:
script-src 'self' https://cdn.planifico.ro;
frame-src https://planifico.ro;
connect-src https://planifico.ro;🍪 Cookies: Widget-ul NU folosește third-party cookies. Toate datele sunt stocate pe domeniul planifico.ro în contextul iframe-ului.