Une intégration simple

Après approbation, nous vous enverrons un lien vers une page contenant des instructions sur la manière de placer le logo. Vous avez le choix entre différents formats de marque de confiance, ce qui vous permet de choisir celui qui convient le mieux à votre magasin. Vous copiez le code HTML correspondant de notre site vers votre magasin. Le logo consiste en une image de confiance qui est cliquable et renvoie à votre page personnelle sur WebwinkelKeur où les clients peuvent laisser leur expérience. Le mode de placement dépend de votre logiciel de boutique en ligne. Dans de nombreux cas, vous pouvez copier et coller le code HTML, dans d'autres cas, vous pouvez placer une image (cliquable). Si vous n'y parvenez pas, veuillez nous contacter pour obtenir une assistance personnelle.

L'installation de notre barre latérale à l'aide de Google Tag Manager peut s'avérer utile lorsque vous souhaitez gérer le chargement de scripts externes dans Google Tag Manager. C'est également une solution pour tout logiciel de boutique en ligne qui offre la prise en charge de Google Tag Manager, mais pas d'autres options pour placer le code Javascript. Si vous utilisez cette option, assurez-vous que notre code Javascript n'est pas chargé à nouveau par un module quelconque.

Intégration Javascript de WebshopKeur

Nous supposons dans cette explication que vous utilisez déjà Google Tag Manager et qu'il est correctement installé dans votre boutique en ligne. Dans cette explication, nous utilisons l'interface anglaise, les options exactes peuvent être appelées différemment en fonction de la langue de votre compte GTM.

1. Connectez-vous à votre compte Google Tag Manager et cliquez sur le conteneur utilisé dans votre boutique en ligne.

2. Dans le menu de gauche, cliquez sur Tags, puis sur le bouton Nouveau pour créer un nouveau tag.
3. En haut de la page se trouve le texte "Untitled Tag". Cliquez dessus et changez le nom en WebwinkelKeur javascript.
4. Cliquez ensuite sur Configuration de la balise. Faites défiler vers le bas et, sous Personnalisé, choisissez HTML personnalisé.
5. Une fenêtre apparaît alors pour saisir votre code HTML. Copiez-y le code javascript qui se trouve dans votre tableau de bord sous 'Installation' > 'Sidebar'.

6. En bas, cliquez sur Déclenchement. Dans la fenêtre qui s'affiche, choisissez Toutes les pages.

7. En haut, choisissez Enregistrer pour sauvegarder le code, puis cliquez sur Soumettre.
8. En haut de votre écran, cliquez sur Publier pour publier les modifications. Un écran apparaît dans lequel vous pouvez saisir un nom pour la modification. Ce nom peut être laissé vide. Cliquez sur Continuer.

Vous pouvez ensuite passer à l'étape suivante (Connecter Google Tag Manager à MyWebstore). Vous voulez revoir l'explication complète ? Regardez notre vidéo sur YouTube.

Le widget WebwinkelKeur permet d'afficher les dernières expériences des clients et l'évaluation moyenne des clients sur votre propre boutique en ligne. Ce widget peut être placé sur presque toutes les boutiques en ligne avec un petit morceau de javascript.

1. Connectez-vous à dashboard.webwinkelKeur.nl avec vos informations de connexion personnelles.

2. Après vous être connecté, vous arrivez sur le tableau de bord. Dans le menu de gauche, choisissez 'Installation' et cliquez ensuite sur 'Widget'.

3. Vous accédez alors à la page de création du code du widget. Suivez toutes les étapes en définissant l'aspect et la taille du widget. Seuls les membres disposant d'un compte PLUS peuvent modifier la couleur principale du widget.

4. En bas de la page se trouve un bouton "Obtenir le code". Une fois que vous aurez cliqué sur ce bouton, vous recevrez le code unique du widget. Sélectionnez l'intégralité du code dans le champ de texte situé à côté de l'aperçu et collez-le dans le code de votre boutique en ligne à l'endroit où vous souhaitez que le widget apparaisse.

Il arrive parfois que la barre latérale de WebwinkelKeur ne s'affiche pas pour des raisons inconnues. Dans cette feuille de route, nous vous aiderons à résoudre le problème vous-même.

Étape 1 : Le fichier sidebar.js est-il chargé ?

La première étape consiste à vérifier que le script qui charge notre barre latérale est bien chargé. Vous pouvez facilement le faire en consultant le code source de la page. Dans votre navigateur, allez sur la page où vous attendez la barre latérale et faites un clic droit sur une zone vide. Choisissez ensuite "Afficher la source de la page".

Vous verrez alors le code de la page. Cliquez sur le code et utilisez Ctrl + F pour ouvrir la fenêtre de recherche. Recherchez ensuite "sidebar.js". Si vous trouvez un code comme celui ci-dessous, c'est que la barre latérale est correctement installée. Vous ne trouvez pas de code ? Vérifiez alors les paramètres du module WebwinkelKeur dans votre boutique en ligne pour voir si la barre latérale est activée. Si nécessaire, essayez de réinstaller le module.

Remarque : utilisez-vous Lightspeed ? Ne cherchez pas "sidebar.js", mais "scripts/sidebar". Vous devriez alors trouver quelque chose de similaire au code ci-dessous.

Étape 2 : le code sidebar est-il correct ?

Vous avez trouvé le code de la barre latérale ? Vérifiez ensuite qu'il n'y a pas de paramètres dans le code qui désactivent la barre latérale. Par exemple :

_webwinkelkeur_sidebar = false ; désactive complètement la barre latérale.
_webwinkelkeur_mobile = false ; désactive la barre latérale uniquement sur les petits écrans.

Vérifiez également que la valeur _webwinkelkeur_id est correcte. Ce numéro doit correspondre à l'URL de votre page de membre. Par exemple : si votre page de membre se trouve à l'adresse https://www.webwinkelkeur.nl/webshop/WebwinkelNaam_1047.html, votre webshopkeur_id est 1047.

Remarque : utilisez-vous Lightspeed ? Dans ce cas, vous devez d'abord ouvrir l'URL que vous avez trouvée à l'étape 1 (par exemple https://www. webwinkelkeur.nl/apps/seoshop/scripts/sidebar_13493.js). Le numéro dans l'URL n'est pas votre ID mais un numéro aléatoire. Dans ce fichier, vous trouverez le même code de barre latérale avec vos paramètres.

Étape 3 : tableau de bord des paramètres

Si vous avez trouvé le code à l'étape 1, l'étape suivante consiste à vérifier si la configuration de votre tableau de bord est correcte. Pour ce faire, connectez-vous à https://dashboard.webwinkelkeur.nl et choisissez la bonne boutique en ligne (si vous en avez plusieurs).

Dans le menu de gauche, cliquez sur Promotion et choisissez Sidebar. Vous voyez maintenant les paramètres de la barre latérale. Vérifiez que la barre latérale n'est pas désactivée et faites de même pour la barre latérale mobile. Enregistrez les modifications en bas de page. Il peut s'écouler un certain temps avant que les nouveaux paramètres ne soient visibles.

Étape 4 : Toujours pas de barre latérale ?

Vous n'avez pas trouvé de problème dans les étapes précédentes ? Il s'agit probablement d'un problème technique. Il s'agit souvent d'un conflit JavaScript avec d'autres parties de votre site web. Contactez votre administrateur web. S'il ne peut pas non plus résoudre le problème, n'hésitez pas à contacter WebwinkelKeur pour obtenir de l'aide.

Des outils tels que GTmetrix et WebPageTest peuvent être utilisés pour mesurer le temps de chargement des fichiers sources individuels d'un site web. Lorsque notre barre latérale ou notre widget sont visibles, cela ne signifie pas qu'ils ralentissent le chargement du site. En effet, notre barre latérale et notre widget se chargent de manière asynchrone. Cela signifie que le chargement se fait "en arrière-plan" pendant que le chargement du reste de votre site web se poursuit. Si vous disposez d'une mesure qui montre réellement que votre site est ralenti par nos intégrations, nous aimerions que vous nous en fassiez part. Dans ce cas, veuillez inclure un lien vers la mesure.