Copia uno dei codici qui sotto e incollalo nel tuo sito associazionefamilycare.com (su WordPress: blocco "HTML personalizzato" o widget HTML).
Mostra il chatbot in un riquadro fisso all'interno di una pagina (es. "Servizi" o "Contatti").
<!-- FamilyCare Assistant – Chatbot CCNL Lavoro Domestico -->
<iframe
src="https://your-app.lovable.app/embed"
title="FamilyCare Assistant"
style="width:100%;max-width:480px;height:700px;border:0;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,0.12);"
loading="lazy"
></iframe>Un pulsante in basso a destra che apre il chatbot in qualsiasi pagina del sito. Inseriscilo una sola volta (es. nel footer o in uno script globale).
<!-- FamilyCare Assistant – Widget fluttuante -->
<style>
#fc-bot-btn{position:fixed;bottom:24px;right:24px;width:60px;height:60px;border-radius:50%;
background:#0f172a;color:#fff;border:0;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.2);
display:flex;align-items:center;justify-content:center;z-index:9999;font-size:26px;transition:transform .2s}
#fc-bot-btn:hover{transform:scale(1.08)}
#fc-bot-frame{position:fixed;bottom:100px;right:24px;width:min(420px,calc(100vw - 32px));
height:min(680px,calc(100vh - 140px));border:0;border-radius:18px;
box-shadow:0 20px 60px rgba(0,0,0,.25);z-index:9999;display:none;background:#fff}
#fc-bot-frame.open{display:block}
</style>
<button id="fc-bot-btn" aria-label="Apri assistente CCNL">💬</button>
<iframe id="fc-bot-frame" src="https://your-app.lovable.app/embed" title="FamilyCare Assistant" loading="lazy"></iframe>
<script>
(function(){
var btn=document.getElementById('fc-bot-btn'),f=document.getElementById('fc-bot-frame');
btn.addEventListener('click',function(){f.classList.toggle('open');
btn.innerHTML=f.classList.contains('open')?'✕':'💬';});
})();
</script>