Une intégration simple Lightspeed (série C)

Intégration Lightspeed pour WebwinkelKeur

Nous vous recommandons d'installer d'abord l'application Lightspeed APP et de placer ensuite nos codes de bannières et de widgets sur votre boutique en ligne. Pour ce faire, suivez les étapes suivantes:Etape 1 : Installer l'application Lightspeed.Etape 2 : Placer les codes HTML sur votre boutique en ligne.

Instructions d'installation de WebshopKeur Lightspeed App

Suivez les étapes ci-dessous pour installer l'application Lightspeed. L'application Lightspeed permet d'activer facilement l'intégration Javascript de WebwinkelKeur (sidebar). Vous pouvez également utiliser l'application pour envoyer automatiquement des demandes d'évaluation aux clients après qu'ils aient reçu leur colis à la maison. L'application Lightspeed est entièrement gratuite et facile à installer grâce au guide suivant.

1. Allez sur l'application Lightspeed pour WebwinkelKeur.

2. Cliquez sur installer.

3. Connectez-vous à votre compte Lightspeed.

4. Sélectionnez votre boutique en ligne.

5. Autorisez l'application à lire les informations relatives à la commande.

6. Saisissez votre ID Webstore personnel + le code API. Cette information peut être trouvée dans l'explication qui est visible après s'être connecté au tableau de bord WebwinkelKeur. Choisissez ensuite 'Installation'. L'explication suivante contient les données nécessaires. Vous avez plusieurs boutiques en ligne dans votre compte WebwinkelKeur ? Choisissez alors la bonne boutique en ligne dans 'Sélectionner la boutique en ligne'.

7. Configurez l'application comme vous le souhaitez. Nous vous recommandons d'activer l'intégration Javascript avec la barre latérale. Vous pouvez configurer cette barre latérale via notre tableau de bord sous la rubrique 'Promotion' > 'Barre latérale'. Pour Lightspeed, nous recommandons en outre d'afficher la barre latérale sur les appareils mobiles en haut de la page, en bas de la page elle peut entrer en conflit avec votre panier d'achat.

8. Cliquez sur Enregistrer. L'application est maintenant active. Vous pouvez également cliquer sur "Voir les commandes" après avoir enregistré les paramètres. Cela vous permet d'envoyer directement une invitation à vos anciens clients.

9. Testez votre boutique en ligne bien après l'installation et vérifiez qu'il n'y a pas de conflit avec d'autres codes (javascript). Pour ce faire, passez vous-même une commande test et vérifiez qu'il n'y a pas de problème. Vérifiez également si, par exemple, les curseurs d'image fonctionnent toujours sans problème.

10. En option, vous pouvez également placer le widget WebwinkelKeur, nous vous le recommandons vivement !

En plus de l'application Lightspeed, vous pouvez facilement placer notre marque de confiance sur votre boutique en ligne Lightspeed. Cette page explique étape par étape comment placer le code HTML pour le widget des avis des clients et/ou la bannière du label de confiance sur votre boutique en ligne.

L'insertion de codes HTML est possible dans Lightspeed via l'éditeur de thème avancé. L'inconvénient de cette méthode est que les mises à jour du thème ne sont plus appliquées automatiquement. Malheureusement, il n'y a pas d'autre moyen d'apporter des modifications personnalisées au modèle sans modifier le code du thème. Si vous ne souhaitez pas modifier le code du thème, nous vous recommandons de choisir un thème qui supporte déjà WebwinkelKeur par défaut.

Feuille de route pour placer des codes HTML dans Lightspeed

1. Générez le code du widget via l'assistant de génération de widget (Connectez-vous sur dashboard.webwinkelkeur.nl, cliquez sur Installation > Widgets. Pour une explication complète, lisez Générer le code d'un widget). Si vous voulez placer une bannière HTML, allez dans le tableau de bord WebwinkelKeur à Installation > Bannières. Copiez le code HTML à placer.

2. Connectez-vous à votre boutique en ligne Lightspeed.

3. Allez dans 'Design' > 'Theme editor', choisissez Advanced et ensuite 'Edit code' pour aller dans l'éditeur HTML de Lightspeed.

4. Déterminez l'endroit où vous souhaitez effectuer les modifications. Cela dépend de votre design et de l'endroit où vous souhaitez placer le widget ou la bannière. Dans notre exemple, nous allons placer une petite icône de sceau à côté du bouton de commande sur la page du produit. Pour ce faire, ouvrez la page product.rain.

5. Collez maintenant le code généré à l'étape 1 à l'endroit où vous souhaitez que le matériel promotionnel apparaisse. Cela nécessite quelques connaissances en HTML. Dans l'exemple, nous plaçons une icône de sceau d'approbation à côté du bouton de commande.

6. Cliquez sur "Enregistrer" pour sauvegarder les modifications.

7. Affichez maintenant votre boutique et vous verrez apparaître le widget WebwinkelKeur.

Conseil : Placez la bannière dans le panier d'achat

L'un de nos conseils pour l'intégration de notre marque de confiance est de placer la bannière WebwinkelKeur dans le panier d'achat. Dans Lightspeed, cela peut être fait en plaçant le code suivant dans le fichier fixed.rain. Le modèle fixed.rain se trouve dans l'éditeur de modèles.

{% if template == 'pages/cart.rain' %} <div id="webshopkeurmerkcart"> HERE'S YOUR OWN BANNER CODE </div> {% endif %}

WebshopKeur installation multilingue Lightspeed

Lightspeed offre un support multilingue par défaut sous un seul domaine. Si votre boutique en ligne est disponible en plusieurs langues, vous pouvez configurer WebwinkelKeur en plusieurs langues avec quelques ajustements. Avant de commencer, nous supposons que vous avez installé l'application WebwinkelKeur dans l'App Store de Lightspeed de la manière habituelle. Après l'installation de l'application, les invitations sont déjà envoyées par défaut dans la langue du client. Ceci nécessite le pack WebwinkelKeur PRO avec support multilingue.

Multilinguisme de la barre latérale du WebwinkelKeur

La barre latérale détecte automatiquement la langue de la page. Pour l'activer :

1. Connectez-vous au tableau de bord WebwinkelKeur.

2. Allez dans 'Installation' > 'Sidebar'.

3. Cliquez sur 'show advanced settings' > 'detect language' > 'based on html <lang> tag' > update settings.

Notez que les changements peuvent prendre jusqu'à 30 minutes. Videz la mémoire cache du navigateur pour accélérer le processus. Aucun effet ? Réinstallez l'application Lightspeed via l'Appstore.

Multilinguisme dans votre modèle

Pour afficher les bannières ou les logos dans la bonne langue, utilisez une simple construction if/else dans votre modèle :

{% if shop.language == 'en' %} Contenu en anglais {% elseif shop.language == 'de' %} Contenu en allemand {% else %} Contenu en néerlandais {% endif %}

Exemple de bannière :

- Bannière en néerlandais → webwinkelkeur.nl

- bannière anglaise → valuedshops.com

{% if shop.language == 'nl' %} <a href="...webwinkelkeur.nl..."><img src=".../468.png"></a> {% else %} <a href="...valuedshops.com..."><img src=".../valuedshops/468.png"></a> {% endif %}

Multilinguisme WebwinkelKeur widget

Le widget d'évaluation prend en charge le multilinguisme. Obtenez d'abord votre propre code de widget via notre tableau de bord.

Ensuite, placez le bon code de widget par langue, par exemple pour le néerlandais, l'allemand et l'anglais :

{% if shop.language == 'nl' %} <iframe src="...&language=nld"></iframe> {% elseif shop.language == 'de' %} <iframe src="...&language=deu"></iframe> {% else %} <iframe src="...&language=eng"></iframe> {% endif %}

Avant de commencer à utiliser les autres options d'intégration, nous vous recommandons d'installer d' abord l'application Lightspeed et de placer ensuite les codes HTML sur votre boutique en ligne. Dans cette FAQ, nous expliquons comment vous pouvez utiliser l'option trustmark dans Lightspeed, les codes UBB et les thèmes avec le support WebwinkelKeur.

Option de marque de confiance Lightspeed

Lightspeed offre l'option sous Design > Poinçons d'ajouter vos poinçons. Si vous avez la possibilité d'ajouter votre marque de confiance en utilisant les codes de bannière HTML standard de WebwinkelKeur comme décrit dans notre explication, nous préférons cette option à l'option standard de Lightspeed. En effet, l'avantage de nos propres codes de bannière est qu'ils peuvent ouvrir la barre latérale de votre propre site web et permettre une infobulle au passage de la souris, alors que l'option par défaut de Lightspeed ouvre un nouvel onglet lorsque l'on clique sur le label.

1. Dans votre backend Lightspeed, naviguez vers Design > Hallmarks. Pour ce faire, cliquez sur le bouton Ajouter.

2. Par exemple, entrez "WebwinkelKeur" ou "WebwinkelKeur : Hallmark + Reviews" sous le nom.

3. Dans URL de l'image, entrez l'URL d'une bannière que vous trouverez dans votre tableau de bord WebwinkelKeur sous Promotion > Bannières. L'URL est la partie entre src="...".

4. Sous URL du lien, entrez l'URL de votre page membre. Il s'agit de l'URL du code de la bannière qui se trouve entre href="...".

5. Cliquez sur Enregistrer pour ajouter l'image du poinçon à votre boutique en ligne.

Codes UBB

Si, pour une raison ou pour une autre, vous ne voulez pas vous occuper des codes HTML, il existe une autre solution pour placer notre widget sur votre boutique en ligne. L'assistant du widget affiche non seulement un code HTML, mais aussi un code UBB que vous pouvez placer sur votre boutique en ligne.

Par exemple, le code UBB du widget ressemble à ceci :

Nous ne recommandons pas d'utiliser ce code UBB lorsque vous pouvez placer des codes HTML, car l'utilisation du code UBB présente plusieurs inconvénients. Par exemple, ce code ne fonctionne que lorsque la barre latérale est active et le widget n'est chargé qu'après le chargement de la barre latérale. Il est donc possible que votre visiteur voie d'abord le code UBB à l'écran lors du chargement de votre boutique en ligne. Si vous souhaitez malgré tout utiliser le code UBB, vous pouvez le coller en tant que texte normal sur votre site web. Partout où vous mettez ce code UBB normal en tant que texte, il sera automatiquement remplacé par le widget choisi.

Support des modèles Lightspeed

Il existe plusieurs modèles qui supportent les widgets et le matériel promotionnel de WebwinkelKeur. Par exemple, les modèles ci-dessous de instijlmedia.nl. Ils offrent des options dans les paramètres du thème pour afficher le widget WebwinkelKeur. Vous pouvez lire exactement comment cela fonctionne dans la documentation du modèle correspondant. Pour toute question concernant les options des modèles, nous vous conseillons de contacter le créateur du modèle.

- Dynamique(voir modèle)

- B2B Theme(voir modèle)

- Unity(voir modèle)

- Ultimate(voir modèle)

- Dream(voir modèle)

Applications Lightspeed

En plus de l'application WebwinkelKeur, vous pouvez également choisir d'activer l'application payante Custom Review Widget d' InstyleMedia. Cela permet d'afficher votre score WebwinkelKeur et vos avis de manière esthétique sur votre boutique en ligne.

Nous proposons également aux utilisateurs de Lightspeed des évaluations de produits en tant que service supplémentaire. Le coût de ce service est de 10 € par mois en plus du coût existant.

Les avantages des évaluations de produits :

- Les clients prennent de meilleures décisions d'achat, ce qui réduit le nombre de retours.

- Augmentation des ventes grâce à la "preuve sociale".

- Gagnez des étoiles dans les résultats non rémunérés de Google pour vos pages produits et exportez les avis sur les produits vers Google Shopping.

- Collectez les avis sur le site et les produits en une seule demande d'avis.

L'activation est simple et rapide à partir de votre tableau de bord.

Accédez à la rubrique "Avis", puis à la rubrique "Avis sur les produits".

Cliquez ensuite sur le bouton pour les activer.

Configurer les évaluations de produits dans Lightspeed

Une fois que vous avez activé la fonctionnalité, vous pouvez faire fonctionner les évaluations de produits en 2 étapes dans votre environnement Lightspeed.

Étape 1 : Si vous avez déjà installé notre application WebwinkelKeur, vous devez la réinstaller. Ceci est lié à la nouvelle permission que nous devons demander pour les données de commande. Vous pouvez le faire en vous connectant à Lightspeed > Apps > WebwinkelKeur > Réinstaller > Accorder l'accès.

Etape 2 : Lorsque l'application est installée avec succès, vous pouvez cocher l'option 'product reviews' dans les paramètres de cette application.

Après ces étapes, vous êtes prêt à demander des données de commande et à recevoir des évaluations de produits. L'affichage de ces évaluations se fait automatiquement sous les produits liés. Lightspeed s'assure aussi automatiquement que le formatage Schema.org correct est utilisé afin que vous puissiez revendiquer les étoiles jaunes dans les résultats de recherche organiques.

Vos clients sont maintenant invités à évaluer votre boutique en ligne. Une fois que votre boutique en ligne a été évaluée, ils ont la possibilité d'évaluer leurs produits. Pour vérifier que tout est correctement configuré et que les invitations sont envoyées avec l'option de laisser un avis sur le produit, vous pouvez vous connecter à votre tableau de bord WWK > Invitations > Envoyées.

Les invitations envoyées avec l'option de laisser un avis sur le produit sont identifiées par l'icône d'un sac à provisions bleu.

Ajouter des codes GTIN pour Google

Le GTIN (Global Trade Item Number) permet de distinguer facilement les produits les uns des autres. En attribuant à chaque produit un code GTIN unique, les programmes de recherche tels que Google peuvent facilement trouver les produits. Il existe différents types de codes GTIN :

- EAN | European Article Numbering | Code à barres à 8 ou 13 chiffres

- JAN | Japanese Article Numbering | Code à barres à 8 ou 13 chiffres

- UPC | Code universel des produits | Code à barres à 12 chiffres

- ISBN | Numérotation internationale normalisée du livre | Numéro à 13 chiffres

- IFT-14 | Interleaved Two of Five | Numéro à 14 chiffres

Vous pouvez ajouter ces codes dans Lightspeed en vous connectant à votre tableau de bord Lightspeed > Produits > Sélectionner un produit > Stock et variantes > Ajouter une variante > Caractéristiques uniques > Code-barres.

Étoiles dans Google Shopping

Vous souhaitez obtenir des étoiles jaunes dans Google Shopping en plus des étoiles dans les résultats de recherche organiques non rémunérés ? Dans ce cas, lisez la FAQ sur l'envoi de commentaires sur les produits à Google Shopping.