Skip to main content
Webshop trustmark and reviews ValuedShops
  • Increase trust and sales
  • The lowest price
  • Automatically collect reviews

The ValuedShops javascript intergration

Written by Anna Antwoord
 
To use the ValuedShops javascript integration, a small piece of javascript code needs to be placed on your online store. Most ValuedShops modules place this code automatically. No module for your webshop? Then you can place the code manually (you can find the code after logging in on dashboard.webwinkelkeur.nl at installation -> widget -> sidebar).The default code for the javascript integration with sidebar looks like this:
<script type="text/javascript"> (function() { // ID of your webshop _webwinkelkeur_id = 1; var js = document.createElement("script"); js.type = "text/javascript"; js.async = true; js.src = "//www.webwinkelkeur.nl/js/sidebar.js"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(js, s); })(); </script>
Then there are various settings, you can easily change these settings by logging in to dashboard.webwinkelkeur.nl and going to Installation > Sidebar & Tooltip. There you can, among other things, configure on which side of the screen the sidebar is displayed by default and where it is displayed on a cell phone.Link to pop-upIn addition to the sidebar you also have the option to call up a Lightbox display of ValuedShops within your own webshop. You can, for example, show reviews or display your average score within your own webshop by adding a link with the appropriate class. The attribute 'class' is used in programming to refer to a specific piece of code (the 'class') in a style sheet, but also in javascript to make changes in HTML elements with a certain class. For this purpose ValuedShops has provided the classes webwinkelkeurPopup, webwinkelkeurAddReview and webwinkelkeurReviews.Link to popup with overview webshop dataThe following link displays the popup with the company data and the average rating. This overview offers the possibility to click through to the other pages. <a href="https://www.webwinkelkeur.nl/leden/jouwpagina_1.html" class="webwinkelkeurPopup">Normal popup</a>Link to post customer reviewThe following link displays the pop-up with your customer reviews. Here the user can easily click through to the page to share their own experience. <a href="https://www.webwinkelkeur.nl/leden/jouwpagina_1.html" class="webwinkelkeurAddReview">Normal popup</a>Link for displaying customer reviewsThe following link displays the pop-up for sharing a customer review. This way you can easily point visitors to the possibility to post a customer review <a href="https://www.webwinkelkeur.nl/leden/jouwpagina_1.html" class="webwinkelkeurReviews">Normal popup</a>Advanced optionsThrough our dashboard you can set the default settings of the javascript configuration. However, if you want to override these on a particular page, you can. For this you can use various javascript variables. If you want to change a specific setting for each page, we recommend not using javascript, but the settings in our Dashboard.
Variable Operation
_webwinkelkeur_tooltip Is the ValuedShops tooltip displayed at Mouse-over? This value is unfilled default true (does show Mouse-over). Set it to false to not display the Mouse-over.
ValuedShops sidebar Is the ValuedShops sidebar displayed (button on the side of the screen)? This value is unfilled default true (does display).
_webwinkelkeur_sidebar_position Is the ValuedShops sidebar positioned left or right? The default is left.
_webwinkelkeur_sidebar_pixels_from_top How many pixels will the sidebar be placed from the top of the screen? Enter a number of pixels here to change where the sidebar appears.
_webwinkelkeur_mobile Where is the popup displayed on mobile? The options are top, bottom or off to not display the sidebar on mobile.
A posted code then (for example) looks like the following:
<script type="text/javascript"> (function() { _webwinkelkeur_id = 1; _webwinkelkeur_tooltip = false; _webwinkelkeur_sidebar_position = right; _webwinkelkeur_sidebar_pixels_from_top = 200; var js = document.createElement("script"); js.type = "text/javascript"; js.async = true; js.src = "//www.webwinkelkeur.nl/js/sidebar.js"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(js, s);})();</script>