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

Installation

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.

Using Tags

Faslet is using tags to detect the right product so we can give the right size recommendation.

Please follow these steps to add tags:

  1. Navigate to the ‘Products’ tab on the left side in Lightspeed

    Products tab

  2. Click on ‘Tags’ on the left side of the screen

  3. Now you can add a new tag by clicking on green ‘Add tag’ button in the right top corner

    Add Tag

  4. Create the new tags - please use the tags from the Google sheet shared by Faslet, and click on ‘Save’ in the top right corner.

    Create new tags

  5. When the tag is saved, scroll down to add the products you want to link to this tag. You can select multiple products and save the tag.

    Select products to tag

  6. Save the tag and you are done.

    Save tag

tip

In some Lightspeed stores, a tag will not be exposed to the store front unless it is set to visible. So if this guide does not work for you, try setting the tag to be visible

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