Om Tolkie Leeshulp op je website te gebruiken, moet je een korte code toevoegen aan je pagina’s. Deze code zorgt ervoor dat de knoppen en functies van de leeshulp worden geladen.
Je vindt de benodigde code in Mijn Tolkie, onder Websitebeheer → Code.
Ben je nog niet ingelogd? Ga naar mijn.tolkie.nl en selecteer de website waarvoor je de instellingen wilt aanpassen.
Wat doet deze code?
De code die je in Mijn Tolkie ziet, is een script-tag die ervoor zorgt dat Tolkie Leeshulp wordt geladen.
Zonder deze code verschijnt de leeshulp niet op je website.
Waar moet je de code plaatsen?
Plak de code op elke pagina waar de leeshulp zichtbaar moet zijn.
De manier waarop je dat doet, verschilt per website:
Gebruik je een template-systeem (zoals WordPress, Drupal, Laravel Blade, Django Templates)?
Dan kun je de code één keer toevoegen aan je hoofdtemplate, zodat hij automatisch op alle pagina’s verschijnt.Gebruik je een CMS met header/footer-instellingen?
Vaak kun je de code in één configuratieveld plaatsen, zodat het systeem hem zelf overal invoegt.Voeg je code handmatig toe aan losse pagina’s?
Dan moet je de code per pagina toevoegen, op de plekken waar je de knoppen wilt tonen.
Varianten van de leeshulp
In Mijn Tolkie kun je kiezen tussen drie varianten van de knoppen:
1. Losse knoppen (meest gebruikt)
De knoppen voor de verschillende functies — Lees voor, Uitleg woorden en Simpele tekst — verschijnen op een vaste plek op de pagina, bijvoorbeeld onder de paginatitel.
Wanneer je naar beneden scrollt en de knoppen verdwijnen uit beeld, verschijnt automatisch de zwevende knop rechtsonder.
2. Leeshulp-knop
In plaats van losse knoppen verschijnt er één knop Leeshulp.
Hiermee krijgen bezoekers toegang tot alle functies in een compact menu.
3. Zwevende knop
Bij deze variant wordt alleen de zwevende vraagtekenknop getoond, rechtsonder in beeld.
Deze knop blijft altijd zichtbaar, ook tijdens het scrollen.
Hoe kopieer je de code?
Klik in Mijn Tolkie op ‘Kopiëren’ en plak de code in de HTML van je website.
Waar verschijnen de knoppen op de pagina?
Standaard verschijnen de knoppen op de plek van de <script>-code.
Zo bepaal je zelf waar de knoppen worden geplaatst.
Alternatieve manier: plaatsen via CSS-classes
Je kunt de script-code ook in de head zetten en via een speciale class aangeven waar de knoppen moeten komen.
Gebruik hiervoor een van de onderstaande classes op een element:
tolkie-buttons-beforebegin– knoppen vóór het elementtolkie-buttons-afterend– knoppen ná het elementtolkie-buttons-afterbegin– knoppen aan het begin van het elementtolkie-buttons-beforeend– knoppen aan het einde van het element
Deze methode is handig als je zelf controle wilt over de precieze positie van de knoppen.
Alternatief voor niet-technische gebruikers
Het zelf aanpassen van HTML is niet voor iedereen mogelijk.
Daarom kun je in Mijn Tolkie ook instellen waar de knoppen moeten komen te staan via: Algemene instellingen → Ankerpunten voor weergeven knoppen
Met deze optie kun je zonder code bepalen waar de knoppen worden ingevoegd.
Meer uitleg hierover vind je in dit help-artikel.
Kort samengevat
Kopieer de code uit Mijn Tolkie en plak hem op je website.
Kies de variant die het beste past: losse knoppen, één Leeshulp-knop of een zwevende knop.
De positie van de knoppen hangt af van waar je de
<script>-code plaatst.Je kunt de positie ook instellen via speciale classes of via Ankerpunten voor weergeven knoppen in Mijn Tolkie.