You can add the LimeSpot Personalizer Recommendation Boxes on an external website. Here is how to do this:

1. Go to your Shopify store and right-click on the page and click View Page Source.

2. In the Page Source, search for the LimeSpot script that has https://edge.personalizer.io. An example of the script is below:

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

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

<script type="text/javascript" async src="https://edge.personalizer.io/storefront/2.0.0/js/shopify/storefront.min.js?key=0aaa0-aa0aa0aaa0aaa0a0a-aaaa&shop=test.myshopify.com&site=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 your LimeSpot admin panel > Conversion > Website Personalization >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

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

If you need help with this, our LimeSpot Support Wizards are available in the chat or you may email us at [email protected].

Did this answer your question?