Skip to main content
Marque de confiance et avis sur les boutiques en ligne ValuedShops
  • Accroître la confiance et les ventes
  • Le prix le plus bas
  • Recueillir automatiquement des avis

L'intégration javascript de ValuedShops

Écrit par Anna Antwoord
 
Pour utiliser l'intégration javascript de ValuedShops, un petit morceau de code javascript doit être placé sur votre boutique en ligne. La plupart des modules de ValuedShops placent ce code automatiquement. Pas de module pour votre boutique en ligne ? Dans ce cas, vous pouvez placer le code manuellement (vous trouverez le code après vous être connecté sur dashboard.webwinkelkeur.nl à installation -> widget -> sidebar).Le code par défaut pour l'intégration javascript avec sidebar ressemble à ceci
:<script type="text/javascript"> (function() { // ID de votre boutique en ligne _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>Il y a ensuite
différents paramètres, que vous pouvez facilement modifier en vous connectant à dashboard.webwinkelkeur.nl et en allant dans Installation > Sidebar & Tooltip. Vous pouvez y configurer, entre autres, le côté de l'écran sur lequel la barre latérale est affichée par défaut et l'endroit où elle est affichée sur un téléphone portable.Lien vers pop-upEnplus de la barre latérale, vous avez également la possibilité d'appeler un affichage Lightbox de ValuedShops au sein de votre propre boutique en ligne. Vous pouvez, par exemple, afficher des avis ou votre note moyenne dans votre propre boutique en ligne en ajoutant un lien avec la classe appropriée. L'attribut "class" est utilisé en programmation pour faire référence à un morceau de code spécifique (la "classe") dans une feuille de style, mais aussi en javascript pour apporter des modifications aux éléments HTML avec une certaine classe. Pour ce faire, ValuedShops a mis à disposition les classes webwinkelkeurPopup, webwinkelkeurAddReview et webwinkelkeurReviews.Link to popup with overview webshop dataLelien suivant affiche le popup avec les données de l'entreprise et l'évaluation moyenne. Cette vue d'ensemble offre la possibilité de cliquer sur les autres pages. <a href="https://www.webwinkelkeur.nl/leden/jouwpagina_1.html" class="webwinkelkeurPopup">Popup normal</a>Lienpour publier un avis de clientLelien suivant affiche la fenêtre contextuelle avec vos avis de client. L'utilisateur peut facilement cliquer sur la page pour partager sa propre expérience. <a href="https://www.webwinkelkeur.nl/leden/jouwpagina_1.html" class="webwinkelkeurAddReview">Popup normal</a>Lienpour afficher les avis des clientsLelien suivant affiche la fenêtre contextuelle permettant de partager un avis de client. De cette façon, vous pouvez facilement indiquer aux visiteurs la possibilité de publier un avis client <a href="https://www.webwinkelkeur.nl/leden/jouwpagina_1.html" class="webwinkelkeurReviews">Popupnormal</a>Options avancéesDansnotre tableau de bord, vous pouvez définir les paramètres par défaut de la configuration du javascript. Cependant, si vous souhaitez les remplacer sur une page particulière, c'est possible. Pour ce faire, vous pouvez utiliser diverses variables javascript. Si vous souhaitez modifier un paramètre spécifique pour chaque page, nous vous recommandons de ne pas utiliser le javascript, mais les paramètres de notre tableau de bord.
Variable Opération
Infobulle_webwinkelkeur L'infobulle de ValuedShops est-elle affichée au passage de la souris ? Cette valeur n'est pas remplie par défaut et vaut true (affiche l'infobulle au survol de la souris). Définissez-la à false pour ne pas afficher l'infobulle au passage de la souris.
Barre latérale de ValuedShops La barre latérale de ValuedShops est-elle affichée (bouton sur le côté de l'écran) ? Cette valeur n'est pas renseignée. La valeur par défaut est true (s'affiche).
Position de la barre latérale des boutiques en ligne La barre latérale de ValuedShops est-elle positionnée à gauche ou à droite ? La valeur par défaut est left.
Pixels de la barre latérale à partir du haut De combien de pixels la barre latérale sera-t-elle placée par rapport au haut de l'écran ? Entrez un nombre de pixels ici pour modifier l'emplacement de la barre latérale.
Webwinkelkeur_mobile Où la fenêtre contextuelle est-elle affichée sur les téléphones portables ? Les options sont top, bottom ou off pour ne pas afficher la barre latérale sur mobile.
Un code affiché ressemble alors (par exemple) à ce qui suit
:<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>.