Instructies installatie widget

Als makelaar heb je veel tijd en moeite gestoken in jouw website. Met de widget van Eerlijk Bieden zorgen wij dat woningzoekers ook na het vinden van een woning terugkeren op jouw website. Met onze aanpasbare widget kunnen kandidaten gemakkelijk bieden vanaf jouw website.

1. Instructies voor styling widget

Om de widget aan te passen aan jouw huisstijl, dien je deze eenmalig te configureren. Volg hiervoor deze stappen:

Stap 1: Waar kan ik de widget aanpassen?
Gebruik je Eerlijk Bieden via een CRM-koppeling zoals Kolibri? Ga naar een object en open de Eerlijk Bieden tab. Rechtsboven zie je vervolgens de knop “Instellingen”.

Gebruik je geen CRM-koppeling? Log in op web-applicatie en klik daarna links in het scherm op “Widget”.

Stap 2: Hoe kan ik de widget aanpassen?

Rechtsonder in beeld zie je een voorbeeld hoe de biedknop eruit gaat zien. Zo kun je de aanpassingen direct controleren voordat je het op je website plaatst.

Kleuren aanpassen: 
Klik op de balkjes met kleuren om een kleur te kiezen.

Positie knop bepalen: 
Je kunt de positie voor desktop en mobile apart instellen. De widget kan linksboven, rechtsboven, linksonder en rechtsonder getoond worden.

2. Hoe plaats ik de widget op mijn website?

De widget is toe te voegen via de broncode van de website. Volg de stappen hieronder:

  1.  Kopieer de widget code.
  2. Wil je de widget op elke pagina van je website tonen? Zorg dan dat het script in de broncode van elke pagina wordt geplaatst voor de closing head-tag. Afhankelijk van je website (CMS) kan je dit vaak op één plaats regelen voor je hele site.Als je niet weet hoe je dat doet, vraag je webbouwer dit voor je in te stellen. Stuur hem / haar hiervoor de scriptcode met de vraag om dit op elke pagina te laden in de broncode voor de closing head-tag.
  3. Liever de widget op specifieke pagina's tonen? Plaats de de scriptcode in de body van de desbetreffende pagina's.
  4. Herlaad je website en controleer of de widget wordt getoond en hoe deze er uitziet als je hem openklapt.Mocht de opengeklapte widget niet helemaal zichtbaar zijn, verhoog dan de waarde van de Z-index via de instellingen van je widget in het dashboard. Na het aanpassen van de Z-index hoef je de code niet opnieuw te uploaden. Je wijzigingen zijn direct actief (wel even je pagina herladen).

Maak je gebruik van Google Tag Manager (GTM) dan kan je die omgeving gebruiken om het script te activeren op jouw site:

  1. Kopieer de widget code
  2. Open Google Tag Manager en ga naar de container van jouw website.
  3. Klik op Tags.
  4. Klik op Nieuw.
  5. Geef je tag een naam. Bijv. Eerlijk Bieden Widget.
  6. Klik op het icoon van tagconfiguratie.
  7. Selecteer rechts de optie Aangepaste HTML.
  8. Plak in het vlak HTML het script.
  9. Klik op het icoon bij Triggers.
  10. Kies de instelling All Pages of op welke pagina's de widget getoond moet worden.
  11. Klik op Opslaan.
  12. Klik op Verzenden en daarna op Publiceren om je aanpassingen door te voeren op je website.
  13. Herlaad je website en controleer of de widget wordt getoond en hoe deze er uitziet als je hem openklapt.Mocht de opengeklapte widget niet helemaal zichtbaar zijn, verhoog dan de waarde van de Z-index via de instellingen van je widget in het dashboard. Na het aanpassen van de Z-index hoef je de code niet opnieuw te uploaden. Je wijzigingen zijn direct actief (wel even je pagina herladen).

Helpende hand nodig?

Lukt het niet (correct) om de code op jouw website te plaatsen? Geen enkel probleem wij helpen je graag verder! Tom is de ontwikkelaar van Eerlijk Bieden en heeft de badge binnen één minuut op jouw website geplaatst. Tom is het beste te bereiken via tom@eerlijkbieden.nl

Tom eerlijk bieden

Tom van Zijl

Techniek