Skip to main content
All Collections1:1 Product RecommendationsPerformance Optimization
How to add LimeSpot product recommendations to external websites
How to add LimeSpot product recommendations to external websites

How to add the LimeSpot recommendation boxes to other websites.

W
Written by Will Wadman
Updated over a week ago

You may need to update LimeSpot in order to benefit from this feature. Please see this article for additional information.

Here is how to add the LimeSpot recommendation boxes on an external website.

1. Go to your store and right-click on the page and select View Page Source from the contextual menu. Note that this menu will vary from browser to browser and operating system.

2. In the page source, search for the LimeSpot script which will look like the example below:

<script type="text/javascript" async src="https://edge.personalizer.io/storefront/2.0.0/js/bigcommerce/storefront.min.js?key=0aaa0-aa0aa0aaa0aaa0a0a-aaaa&shop=test.mybigcommercestore.com></script>

3. Copy the LimeSpot script and add &site=WEBSITE_KEY to the end of the URL where WEBSITE_KEY is an internal arbitrary name associated with each external website. In the example below, we have used the term my_external_site for the external website key.

<script type="text/javascript" async src="https://edge.personalizer.io/storefront/2.0.0/js/bigcommerce/storefront.min.js?key=0aaa0-aa0aa0aaa0aaa0a0a-aaaa&shop=test.mybigcommercestore.com&site=my_external_site"></script>


4. On your external website theme code, paste the above LimeSpot script within the <head> of the website and ensure that it is included on all pages where LimeSpot components need to be rendered.

5. Go to Conversion > Website Personalization and click on Designer.

6. At the left-hand side menu beside the Current Page dropdown, click on the 3 dots and click on "Go To..."

7. A pop-up will show up where you are able to paste your external website URL.

8. You will be navigated to the external site and you will be able to add LimeSpot recommendation boxes on the page using the left panel.

9. Lastly, you will have to add the following javascript code into Global Settings > Code. Insert the base URL of the external domain (replacing https://website-url.com in the example below.

LimeSpot.Recommendations.ProductsBaseUrl = "https://website-url.com";

If you need help, contact our support team using the in-app chat or email us at [email protected].

Did this answer your question?