Skip to main content

Lightspeed

Widget integration

tip

In order to provide full insights, Faslet requests that you implement both the Widget on the Product Page and Order Tracking on the Thank You page. To validate your installation, please see our Integration Checklist

Code snippet

If you want to place the Faslet button, the button we use to trigger the Faslet widget on your page, you can paste our shared HTML snippet of code in your product.rain to be able to place the button.

The Faslet button looks like this:

Faslet Button

Please find more information below about the steps you should take to install the Faslet widget to your Lightspeed webshop. Here we go!

  1. Go to your Lightspeed dashboard

  2. Click Design, which you can find in the side menu

    Design Menu

  3. Click on Theme Editor

  4. Click Advanced, a drop down menu will be shown

  5. Click Edit Code

    Edit Code Button

  6. Click on Product.Rain

  7. Add our shared snippet in a location that looks good for your website. We recommend finding the form element responsible for the add-to-cart functionality. See the picture below for an example.

  8. Click on Save, if it’s not correct you can remove the snippet and save again to redo.

    Product.Rain code editor

  9. To view the demo page, move your cursor above your account name to and click the eye button.

    View demo button

tip

You can click preview after you’ve placed the code to see if it is in the perfect place on your product page. To restore, just remove the code and click save again. Do this until you find the right position on your page.

Order Tracking

This will allow Faslet to track orders and compare users that are using the Faslet widget with users that are not using the widget.

Order Tracking snippet

tip

SHOP_ID should be the shop identifier provided by Faslet for your store

note

Faslet does not collect any information that can be used to personally identify the user. Any information collected is purely for purposes of reducing returns and providing the store with the best analysis about sizing.

Integration

Please follow these steps to add Faslet order tracking:

  1. Navigate to the Settings tab in the menu on the left side in Lightspeed

    View demo button

  2. Click on Web extras in the Website Settings column

    View demo button

  3. Now you will see multiple blocks, click on Tracking Code.

    View demo button

  4. Now add the Faslet order tracking code, you received from the Faslet team, in the tracking code field

    View demo button

tip

If you already have other code in this field, add our code to the end of it

  1. Make sure that the status is active and click on Save.

Help

In case of any questions, please don’t hesitate to contact us on support@faslet.me