Content toevoegen met het HTML Embed-blok
Verrijk je LeadBot met content van elk platform dat een embedcode aanbiedt. Een HTML Embed is een stukje code waarmee je inhoud van een ander platform in je LeadBot invoegt, oftewel embedt. Denk aan een afspraakplanner van Calendly of Google Agenda, een uitlegvideo van YouTube of Vimeo, of een podcast of playlist van Spotify. Zo wordt je LeadBot niet alleen interactiever, maar bekijken of beluisteren bezoekers de content direct in de widget, zonder je website te verlaten. De mogelijkheden zijn eindeloos: elk platform met een deel- of insluitfunctie kun je op deze manier toevoegen.
Wat is een HTML Embed?
Een HTML Embed is een stukje code (embedcode of iframe-code) waarmee je inhoud van een ander platform in je LeadBot invoegt. Vrijwel elk platform met een deel- of insluitfunctie levert zo'n code, meestal via een knop als Delen of Insluiten. Je plakt deze code in het HTML Embed-blok in de flow-builder, en de content verschijnt vervolgens op die plek in je LeadBot. Zo bied je laagdrempelig content aan die aansluit bij de behoefte van je bezoeker, of dat nu een uitlegvideo, afspraakplanner of inspirerende podcast is.
Zo voeg je een HTML Embed toe
Je voegt het blok toe in de visuele flow-builder van je LeadBot. Werk je voor meerdere organisaties, controleer dan eerst of je in de juiste organisatie zit voordat je wijzigingen doorvoert.
- 1 Kopieer de embedcode bij het platform dat je wilt tonen (meestal via een knop als Delen of Insluiten).
- 2 Ga in het dashboard via de zijbalk naar LeadBots en open de LeadBot die je wilt aanpassen.
- 3 Open het tabblad Bewerken om de flow-builder te starten.
- 4 Sleep vanuit Componenten het blok HTML Embed op de gewenste plek in je flow.
- 5 Plak de embedcode in het blok en sla op.
- 6 Controleer het resultaat via het tabblad Voorbeeld: de content moet direct zichtbaar en werkend zijn.
- 7 Tevreden? Klik op Publiceren om de wijziging live te zetten. Tot die tijd staat de aanpassing alleen in de conceptversie en zien je bezoekers de content nog niet.
Tip: toon de embed pas na een klik
Wil je een video, planner of speler niet meteen tonen zodra de LeadBot opent? Plaats het HTML Embed-blok dan achter een Knop-component, zodat de content pas verschijnt als een bezoeker daar bewust voor kiest. Zo houd je de eerste stap van je LeadBot overzichtelijk en laat je de embed alleen zien aan bezoekers die er ook echt interesse in hebben.
Populaire platformen
Deze platformen worden veel gebruikt in combinatie met het HTML Embed-blok. Voor elk van deze platformen is er een apart artikel met de exacte stappen en embedcode.
- Calendly — laat bezoekers direct een afspraak inplannen. Zie 'Calendly in je LeadBot met HTML Embed'.
- Google Agenda — toon een afsprakenpagina of agenda. Zie 'Google Agenda in je LeadBot met HTML Embed'.
- YouTube — speel een uitleg- of productvideo af in de widget. Zie 'HTML Embed: een YouTube-video in je LeadBot'.
- Vimeo — alternatief voor video's zonder YouTube-omgeving. Zie 'HTML Embed: een Vimeo-video in je LeadBot tonen'.
- Spotify — laat een podcast of afspeellijst direct beluisteren. Zie 'HTML Embed: Spotify in je LeadBot'.
Werkt de embed niet zoals verwacht?
Controleer eerst of je de volledige embedcode hebt gekopieerd en geplakt, inclusief eventuele placeholders die je nog moest vervangen door je eigen link. Sommige platformen (zoals Spotify) bieden de insluitoptie alleen aan via de desktop- of webversie, en niet via de mobiele app. Zie je in het tabblad Voorbeeld nog niets, controleer dan of je het blok in de juiste flowstap hebt geplaatst en of je de wijziging hebt opgeslagen. En vergeet niet: zolang je niet op Publiceren klikt, blijft de aanpassing alleen zichtbaar in de conceptversie.
Nog vragen?
Heb je na het lezen van dit artikel nog vragen over het gebruik van het HTML Embed-blok? Mail je vraag naar partners@leadbot.nl, dan helpen we je graag verder.
Kom je er niet uit?
Geen ticketnummer — je spreekt altijd een mens. We denken graag met je mee, van installatie tot optimalisatie.
