Simple integration Lightspeed (C-series)

Integration Lightspeed for WebwinkelKeur

We recommend that you first install the Lightspeed APP and then also place our banner and widget codes on your webshop. To do so, follow these steps:Step 1: Install the Lightspeed App.Step 2: Place the HTML codes on your webshop.

WebshopKeur installation instructions Lightspeed App

Follow the steps below to install the Lightspeed App. The Lightspeed App makes it easy to activate the WebwinkelKeur Javascript integration (sidebar). You can also use the App to automatically send review requests to customers after they have received their package at home. The Lightspeed App is completely free and easy to install with the following guide.

1. Go to the Lightspeed App for WebwinkelKeur.

2. Click install.

3. Login to your Lightspeed account.

4. Select your online store.

5. Give the App permission to read order information.

6. Enter your personal Webstore ID + API code. This information can be found in the explanation that is visible after logging into the WebwinkelKeur dashboard. Then choose 'Installation'. The subsequent explanation contains the required data. Do you have multiple webshops within your WebwinkelKeur account? Then choose the correct webshop at 'Select the webshop'.

7. Configure the App as desired. We recommend to activate the Javascript integration with sidebar. You can further configure this sidebar via our dashboard under the item 'Promotion' > 'Sidebar'. For Lightspeed, we further recommend displaying the sidebar on mobile devices at the top of the page, at the bottom of the page it may conflict with your shopping cart.

8. Click Save. The app is now active. Optionally you can click 'View orders' after 'Saving' the settings. This gives you the ability to send past customers an invitation directly.

9. Test your webshop well after installation and check for conflicts with other (javascript) codes. You do this by placing a test order yourself and checking that nothing goes wrong. Also check if for example image sliders still work without problems.

10. Optionally you can also place the WebwinkelKeur widget, we definitely recommend this!

Besides the Lightspeed App, you can easily place our trustmark material on your Lightspeed webshop. This page explains step by step how to place the HTML code for the customer reviews widget and/or the trustmark banner on your webshop.

Placing HTML codes is possible at Lightspeed through the advanced theme editor. One disadvantage of this method is that theme updates are no longer applied automatically. Unfortunately, there is no other way to make custom adjustments to the template without changing the theme code. If you do not want to change the theme code, we recommend choosing a theme that already supports WebwinkelKeur by default.

Roadmap for placing HTML codes in Lightspeed

1. Generate the widget code through the Widget generation wizard (Login at dashboard.webwinkelkeur.nl, click on Installation > Widgets. For a full explanation, read Generate Widget code). If you want to place an HTML banner, go in the WebwinkelKeur Dashboard to Installation > Banners. Copy the HTML code to be placed.

2. Login to your Lightspeed webshop.

3. Go to 'Design' > 'Theme editor', choose Advanced and then 'Edit code' to go to Lightspeed's HTML editor.

4. Figure out where you want to make the changes. This depends on your design and where you want to place the widget or banner. In our example, we'll place a small seal icon next to the order button on the product page. To do this, we'll open the product.rain page.

5. Now paste the code you generated in step 1 in the place where you want the promotional material to appear. This requires some HTML knowledge. In the example, we place a seal of approval icon next to the order button.

6. Click 'Save' to save the changes.

7. Now view your shop and you will see the WebwinkelKeur widget appear.

Tip: Place banner in the shopping cart

One of our advice on integrating our trustmark is to place the WebwinkelKeur banner in the shopping cart. In Lightspeed, this can be done by placing the following code in the fixed.rain. The fixed.rain template can be found in the template editor.

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

WebshopKeur multilingual installation Lightspeed

Lightspeed offers default multilingual support under one domain. If your webshop is multilingual available, you can configure WebwinkelKeur multilingual as well with some adjustments. Before we start, we assume that you have installed the WebwinkelKeur App in the Lightspeed App Store in the normal way. After installing the App, invitations are already sent in the client's language by default. This does require the WebwinkelKeur PRO package with multilingual support.

Multilingualism WebwinkelKeur sidebar

The sidebar automatically detects the language of the page. To activate this:

1. Login to the WebwinkelKeur dashboard.

2. Go to 'Installation' > 'Sidebar'.

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

Note that changes may take up to 30 minutes. Empty browser cache to see this faster. No effect? Reinstall the Lightspeed App via the Appstore.

Multilingualism in your template

To display banners or logos in the correct language, use a simple if/else construction in your template:

{% if shop.language == 'en' %} Content in English {% elseif shop.language == 'de' %} Content in German {% else %} Content in Dutch {% endif %}

Example banner:

- Dutch banner → webwinkelkeur.nl

- English banner → 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 %}

Multilingualism WebwinkelKeur widget

The review widget supports multilingualism. First get your own widget code via our dashboard.

Then place the right widget code per language, for example for Dutch, German and English:

{% 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 %}

Before you get started with the other integration options, we recommend that you first install the Lightspeed App and then place the HTML codes on your webshop. In this FAQ we explain how you can use the trustmark option within Lightspeed, UBB codes and themes with WebwinkelKeur support.

Hallmark option Lightspeed

Lightspeed offers the option under Design > Hallmarks to add your hallmarks. If you have the option to add your trustmark using the standard HTML banner codes of WebwinkelKeur as described in our explanation, we prefer that option over the standard Lightspeed option. This is because the advantage of our own banner codes is that they can open the sidebar within your own website and enable a mouse-over tooltip, while Lightspeed's default option opens a new tab when clicking on the label.

1. Within your Lightspeed backend, navigate to Design > Hallmarks. To do so, click the Add button.

2. For example, enter "WebwinkelKeur" or "WebwinkelKeur: Hallmark + Reviews" under name.

3. At Image URL, enter a URL of a banner that you will find in your WebwinkelKeur dashboard under Promotion > Banners. The URL is the part between src="...".

4. Under Link URL, enter the URL of your member page. This is the URL from the banner code that is between href="...".

5. Click Save to add the hallmark image to your online store.

UBB codes

If for some reason you don't want to deal with HTML codes, there is another alternative to place our widget on your webstore. The widget wizard shows not only an HTML code but also a UBB code that you can place on your web store.

For example, the widget's UBB code looks like this:

We do not recommend using this UBB code when you can place HTML codes, as using the UBB code has several disadvantages. For example, this code only works when the sidebar is active and the widget is only loaded after the sidebar is loaded. It is therefore possible that your visitor will first see the UBB code on screen while loading your web store. If you want to use the UBB code despite this, you can paste it as normal text on your website. Everywhere you put this normal UBB code as text, it will automatically be replaced by the chosen widget.

Template support Lightspeed

There are several templates that support WebwinkelKeur widgets and promotional materials. For example the templates below from instijlmedia.nl. These offer options within the theme settings to display the WebwinkelKeur widget. You can read exactly how this works in the template documentation of the corresponding template. For questions about template options we advise you to contact the creator of the template.

- Dynamic(view template)

- B2B Theme(view template)

- Unity(view template)

- Ultimate (view template)

- Dream (view template)

Lightspeed Apps

To the WebwinkelKeur App, you can also choose to activate InstyleMedia' s paid Custom Review Widget App. This can display your WebwinkelKeur review score and reviews in a beautiful way on your online store.

We also offer product reviews for Lightspeed users as an additional service. The cost of this is €10 per month on top of the existing cost.

The benefits of product reviews:

- Customers make better purchase decisions, resulting in fewer returns.

- Increase sales using "social proof."

- Earn stars in the unpaid Google results for your product pages and export product reviews to Google Shopping.

- Collect both site and product reviews with one review request.

Activation is simple and quickly done through your dashboard.

Navigate to "Reviews" and proceed to "Product Reviews.

There, click the button to activate them.

Setting up product reviews in Lightspeed

Once you have activated the feature, you can get the product reviews working in 2 steps in your Lightspeed environment.

Step 1: If you already have our WebwinkelKeur App installed you need to reinstall it. This has to do with new permission we need to ask for order data. You can do this by logging in to Lightspeed > Apps > WebwinkelKeur > Reinstall > Grant access.

Step 2: When the App is successfully installed, you can check the option 'product reviews' within the settings of that App.

After these steps, you are ready to request order data and receive product reviews. Showing these reviews is done automatically under the linked products. Lightspeed also automatically ensures that the correct Schema.org formatting is used so you can claim the yellow stars in the organic search results.

Your customers will now receive an invitation to review your online store. After your online store has been rated, they will see the option to rate their products. To check if everything is set up correctly and invitations are sent with the option to leave a product review you can log in to your WWK Dashboard > Invitations > Sent.

Invitations sent with the option to leave a product review can be identified by an icon of a blue shopping bag.

Add GTIN Codes for Google

GTIN or Global Trade Item Number allows products to be easily distinguished from each other. Giving each product a unique GTIN code makes it easy for search programs such as Google to find the products. There are different types of GTIN codes:

- EAN | European Article Numbering | 8- or 13-digit bar code

- JAN | Japanese Article Numbering | 8- or 13-digit bar code

- UPC | Universal Product Code | 12-digit bar code

- ISBN | International Standard Book Numbering | 13-digit number

- IFT-14 | Interleaved Two of Five | 14-digit number

You can add these codes in Lightspeed by logging into your Lightspeed dashboard > Products > Select Product > Stock & Variants > Add Variant > Unique Characteristics > Barcode.

Stars in Google Shopping

Do you want yellow stars in Google Shopping in addition to stars in the unpaid organic search results? Then read the FAQ about sending product reviews to Google Shopping.