Naar de inhoud
LeadForge LeadForge Docs

De widget op je site zetten

De code van de agent op je site plaatsen in HTML, WordPress, Shopify of Tag Manager.

De agent op je site verschijnt als een chatknop op je website. Daarvoor zet je één regel code op elke pagina. Die regel haal je uit LeadForge; hij bevat de sleutel van je agent. Wijzig je later iets aan de agent, dan hoef je niets opnieuw te plaatsen.

Menupad:AgentsAgent op je siteInstallatie

De code

Op het installatiescherm staat onder De code voor je site de regel voor jouw werkruimte. Klik op Kopieer de code. Zo ziet hij eruit:

HTML 
<script src="ADRES_UIT_HET_INSTALLATIESCHERM/lf-widget.js" data-agent="PUBLIEKE_SLEUTEL"></script>

Neem de regel altijd over van het installatiescherm. Het adres en de sleutel daarin zijn die van jouw werkruimte. Lukt kopiëren niet in je browser, selecteer de regel dan en kopieer hem met de hand.

De publieke sleutel van je agent verandert nooit. Een geplaatste code blijft dus werken.

Attributen

Velden

NaamTypeStandaardBeschrijving
data-agent*(verplicht)tekstDe publieke sleutel van je agent. Staat in de code op het installatiescherm. Zonder dit attribuut verschijnt de widget niet.
data-positiontekstbottom-rightWaar de knop van de chat staat: bottom-right, bottom-left, top-right of top-left.

* verplicht

Wil je de knop links onder, voeg dan data-position toe:

HTML 
<script src="ADRES_UIT_HET_INSTALLATIESCHERM/lf-widget.js" data-agent="PUBLIEKE_SLEUTEL" data-position="bottom-left"></script>

Waar plak je hem

Eén regel, één keer per pagina.

HTML

Plak de regel vlak voor </body>, op elke pagina.

WordPress

Plak de regel in een plugin voor header- en footercode, bij "footer". Stelt een cacheplugin scripts uit, zet het adres van het script dan bij de uitzonderingen.

Shopify

  1. Open de code van je thema

    Online winkel, Thema's, Code bewerken.

  2. Plak de regel

    In theme.liquid, vlak voor </body>.

Google Tag Manager

  1. Maak een tag

    Kies een tag "Aangepaste HTML" met deze regel, op alle pagina's.

  2. Publiceer de container

    Pas na het publiceren staat de code op je site.

Staat hij erop?

Onder Staat hij erop? zie je de laatste signalen die van je site binnenkwamen: het laatste gesprek in de chat, de laatste beoordeelde pop-up en het laatste herkende bezoek.

Goed om te weten

LeadForge leest je site niet uit om te controleren of de code er staat. Komt er na het plaatsen en een proefgesprek op je eigen site geen gesprek binnen, dan staat de code er niet goed of staat de agent nog niet aan.

Standen van de agent

Actief
De widget verschijnt op elke pagina met deze code.
Gepauzeerd
De code mag blijven staan, de widget verschijnt niet.
Concept
De widget verschijnt pas nadat je de agent aanzet.

Wat de bezoeker merkt

  • Staat het startformulier aan in de instellingen van de agent, dan ziet een bezoeker het één keer per agent, voordat het gesprek begint. Na invullen of overslaan komt het in die browser niet terug.
  • Onder elk antwoord van de agent staan twee duimen, om het antwoord goed of slecht te beoordelen.
  • Een bezoeker kan hoogstens één bericht per 2 seconden sturen.
  • Klikt een bezoeker de widget weg, dan blijft hij weg zolang die sessie in de browser duurt.
  • Het gesprek blijft bewaard in de browser van de bezoeker. Komt hij terug, dan gaat het gesprek verder.

Verder lezen