Reviews: widgets op je site
Veertien vormen, één regel code. Van sterren onder een productnaam tot een carrousel op je homepage.
Een widget is een blokje met reviews op je eigen winkel. Het embed-script tekent hem;
jij zet alleen één div op de plek waar hij moet komen. De instellingen per widget staan
bij Instellingen.
In twee stappen
Section titled “In twee stappen”Stap één, één keer per site. Je winkel heeft het embed-script nodig. Dat is hetzelfde script voor Reviews, Popups en de chat. Het staat onder Beheer → Setup, met de lijst websites die het mogen gebruiken. Zie Het embed-script.
Stap twee, overal waar je een widget wilt. Maak op Widgets een widget met Widget toevoegen, of kies bij Voorbeelden Gebruik deze widget. Kopieer de regel onder Zet dit waar de widget hoort en plak hem in je thema of in een CMS-blok:
<!-- Een widget voor je hele winkel --><div data-nexym-review="WIDGETSLEUTEL"></div>
<!-- Een productwidget: de SKU van het product op deze pagina erbij --><div data-nexym-review="WIDGETSLEUTEL" data-sku="ACME-1234"></div>De sleutel staat bij de widget. Bij een productwidget zet je op de plek van ACME-1234 de
code waarmee jouw thema de SKU van de pagina invult. Dan werkt één regel voor elke
productpagina. Een zwevende widget (badge, tab) plaatst zichzelf: waar de div staat,
maakt niet uit.
Op Voorbeelden staan ook snippets zonder sleutel, zoals
<div data-nexym-reviews="carousel"></div>. Daar staan de keuzes als data--kenmerken in
de regel zelf. Wil je ze later vanuit Nexym aanpassen, bewaar het voorbeeld dan met
Gebruik deze widget.
Een wijziging die je opslaat, staat binnen vijf minuten op elke site die de widget toont.
De veertien vormen
Section titled “De veertien vormen”| Vorm | Waar hij past | Eigen keuzes |
|---|---|---|
| Sterren bij de titel | Score en aantal onder een producttitel, uit de reviews van dat product. | Formaat: Naast een titel of Klein, op een producttegel |
| Citaatchip | Eén korte regel van een tevreden koper, naast de sterren. | – |
| Productreviews | Het volledige blok op de productpagina: score, filters, foto’s, deelscores. | Hoeveel (3), Gesorteerd op: Meest behulpzaam, Nieuwste, Hoogste score, Laagste score |
| Carrousel | Een rij die scrolt. De gebruikelijke keuze voor de homepage. | Hoeveel (12), Minimaal (4 sterren) |
| Vertrouwensbalk | De score en je beloftes, boven de header of bij het afrekenen. | Je beloftes (tot vijf, gescheiden door |), Stijl: Score en een citaat, Alleen de score, Alleen het citaat |
| Zwevende badge | Een kaartje in een hoek van elke pagina dat de reviews opent. | Positie (negen plekken, standaard linksonder), Stijl: Kaart of Compacte pil |
| Muur | Elke review, in kolommen. Voor een eigen pagina. | Foto’s: Bovenaan de kaart, Alleen reviews met een foto, Geen foto’s; Kolommen (4), Hoeveel (8) |
| Uitgelichte review | Eén review, groot, met zijn foto. | Review: een review-id zoals rv_1204. Leeg: de nieuwste vijfsterrenreview met een foto. |
| Compacte lijst | De nieuwste paar, voor een footer, winkelwagen of zijbalk. | Hoeveel (3) |
| Shopscore | De score op tien, een uitnodiging om te reviewen en hoe reviews werken. | Variant, Blokken: Score, Uitnodiging, Hoe reviews werken |
| Raster | De muur in gelijke rijen, met tabs en pagina’s. | Kolommen (4), Rijen (2) |
| Slider | Eén review per keer, gelezen als een citaat. | Volgende review: Alleen bij klikken of elke zoveel seconden (6), Hoeveel (5), Minimaal (4) |
| Badge | De score en de sterren. Klein genoeg voor een footer. | Stijl: Licht of Donker |
| Zwevende tab | Een tab aan de zijkant van elke pagina die de muur opent. | Kant: Rechts of Links |
Bij de meeste vormen kies je daarnaast Over (shop, producten of beide), Winkel, en Alleen reviews met tekst. Kleuren, sterren, hoeken, de knop en het lettertype van elke widget komen uit Setup → Look & feel: één uiterlijk voor alle modules, per store.
Sterren in je zoekresultaten. Gebruik je Site search, dan tekent die de sterren vanzelf
op zijn eigen producttegels. Publiceer, wijzig of verwijder je een productreview, dan
staan de nieuwe sterren binnen een paar minuten op de tegels. Op je eigen categoriepagina zet
je de sterren-regel met data-size="sm" in het tegeltemplate. Alle tegels op de pagina
laden dan in één verzoek.
Wat de widgets tonen
Section titled “Wat de widgets tonen”- Alleen gepubliceerde reviews. Wat nog op wachten staat, is nergens zichtbaar.
- Een naam als “Anne V.”, of Anoniem. Nooit een e-mailadres.
- Geverifieerd bij reviews die via een uitnodiging of een echte order binnenkwamen.
- Filters Alle, Met foto en Kritisch, en bij elke review Behulpzaam? met Ja en Nee. Eén bezoeker stemt één keer per review.
- Je antwoord onder de review.
- De taal van de bezoeker: de vaste teksten volgen de taal van de pagina.
De Shopscore en het blok Productreviews tonen ook Waarom je deze reviews kunt vertrouwen. Daar staat bijvoorbeeld dat alleen klanten met een geleverde bestelling kunnen reviewen, en hoeveel kritische reviews er gepubliceerd zijn. Kent de hub geen leveringen, dan staat er “een echte bestelling” in plaats van “een geleverde order”.
Recent besteld? Vertel het verder. In de Shopscore en achter Schrijf een review in het productblok logt een klant in met zijn ordernummer en het e-mailadres van die bestelling. Is de bestelling geleverd, dan komt hij in het gewone reviewformulier, met het label geverifieerd. Is de bestelling nog onderweg, dan zegt de widget dat eerlijk. Schreef hij al een review, dan komt hij op de pagina om die aan te passen. Een verkeerd ordernummer en een verkeerd e-mailadres geven hetzelfde antwoord, zodat niemand kan uitproberen welke ordernummers bestaan.
“Geleverd” komt uit de hub: een zending die bezorgd is, of een orderstatus als delivered, complete, completed of closed. Levert je koppeling geen van beide, dan kan niemand via deze weg inloggen.
Waar een widget mag staan
Section titled “Waar een widget mag staan”Bij Alleen embedden toestaan op kies je per widget op welke websites hij mag verschijnen. Standaard: Elke website van Instellen, dus de websites onder Beheer → Setup. Kies een beperking voor een widget die je aan een partner geeft, zodat hij niet op een site belandt waar jij niets mee te maken hebt.
Geen verspringende pagina
Section titled “Geen verspringende pagina”Staat Ruimte vooraf reserveren aan, dan houdt je pagina de plek van elke widget vast vanaf de eerste weergave, met een lichte placeholder in de vorm van de widget: kaartjes voor een carrousel of grid, regels met een rondje voor een lijst. Onder de insluitcode van een widget zie je hoeveel ruimte er wordt vastgehouden, bijvoorbeeld Ruimte vooraf gereserveerd: ~330 px (gemeten). Eerst is dat een schatting uit de instellingen (aantal, rijen, kolommen), daarna de hoogte die de widget op jouw site echt had. Een widget verderop in de pagina wordt pas gevuld vlak voordat hij in beeld scrollt. De zwevende badge en de zijtab liggen over je pagina heen en houden geen ruimte vast.
Zelf bouwen
Section titled “Zelf bouwen”Wil je de reviews zelf vormgeven, dan geeft elke widget zijn reviews ook als JSON. De link staat onder Zet dit waar de widget hoort, bij Zelf renderen?. Het zijn dezelfde gepubliceerde reviews als in de widget.