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