Caricamento della schermata
Il configuratore e lo snippet da copiare nel sito del salone.
Va nel punto della pagina dove deve comparire il calendario.
<div id="livenbit-booking"></div>
<script>
(function(){
var c=document.getElementById('livenbit-booking');
if(!c)return;
var f=document.createElement('iframe');
f.src="https://livenbit-salone.livenbit.it/prenota/embed?k=pk_live_bellezza_widget&v=0.1.0&s=bellezza-mode&lang=it&accent=BF523E";
f.title="Prenota un appuntamento";
f.loading='lazy';
f.setAttribute('sandbox','allow-scripts allow-forms allow-same-origin allow-popups');
f.setAttribute('referrerpolicy','strict-origin-when-cross-origin');
f.style.cssText='width:100%;border:0;height:640px';
c.appendChild(f);
window.addEventListener('message',function(e){
if(e.origin!=="https://livenbit-salone.livenbit.it")return;
var d=e.data;
if(!d||d.livenbit!==true)return;
if(d.type==='resize'&&typeof d.height==='number'){
f.style.height=Math.min(Math.max(d.height,200),4000)+'px';
}
});
})();
</script>È il widget vero, con la chiave del salone e il colore #BF523E.
Il colore viene dal marchio del salone. Si cambia in Impostazioni, e il widget lo prende da solo: non c’è un secondo posto dove impostarlo.