Support / Headless
Headless
Zet losse LeadBot-componenten of een complete flow met de SDK midden in je eigen website.
7 artikelen
- →
Componenten: LeadBot midden in je eigen website
Met componenten zet je losse onderdelen van LeadBot — een AI-chat, een formulier, een terugbelverzoek, een WhatsApp-blok of een knop — midden in je eigen pagina, in plaats van in de zwevende widget. Ze draaien via npm-pakketten, zien eruit als jouw site en hun inzendingen komen in dezelfde inbox terecht.
- →
Headless: je hele LeadBot-flow in je pagina
Met de schakelaar Headless zet je een gewone LeadBot — de complete flow met alle stappen — midden in je eigen pagina, in plaats van in de zwevende widget. Je plaatst hem met hetzelfde npm-pakket als de componenten, via één component: LeadBotFlow (of mountFlow). Hieronder wat headless precies is, hoe je het aanzet, hoe je de flow plaatst en hoe je de layout bepaalt.
- →
Alle componenten en hun instellingen
In het tabblad Bewerken van een component-LeadBot voeg je componenten toe. Er zijn zes typen: chatbot, formulier, terugbelverzoek, e-mailverzoek, WhatsApp en knop. Hieronder per type waar je het voor gebruikt en wat je precies instelt.
- →
Componenten op je website plaatsen
Componenten worden met een npm-pakket in de code van je website geplaatst. Het dashboard genereert de code voor React, Vue en gewone JavaScript, plus een kant-en-klare opdracht die je in een AI-codeertool kunt plakken. Hieronder wat de code doet, waar hij hoort, en hoe je controleert dat het werkt.
- →
Componenten stylen zoals jij wil
Componenten worden in je eigen pagina getekend, niet in een afgeschermd paneel. Je eigen CSS komt er dus gewoon bij. Van één kleur aanpassen tot alles zelf opbouwen — hieronder alle niveaus, met onderaan de technische details voor developers.
- →
SDK-referentie: alle componenten, parameters en opties
Technische referentie van de LeadBot Components SDK: de drie pakketten, de configuratie, elk component met al zijn parameters, en de functies om de gewone widget aan te sturen. Bedoeld voor developers; voor de uitleg in gewone taal zie de andere artikelen in deze categorie.
- →
De widget openen vanuit je eigen code
Met openWidget() open je de gewone LeadBot-widget vanuit je eigen knoppen, links en formulieren — als je wilt meteen bij je chatstap, met de vraag van de bezoeker er al in. Zo maak je van elk element op je site een gespreksstarter voor je AI-chat.
Kom je er niet uit?
Geen ticketnummer — je spreekt altijd een mens. We denken graag met je mee, van installatie tot optimalisatie.