Manage products with HighLevel Ecommerce

Overview

This article will show you how to piggy-back on your existing HighLevel Ecommerce product data and pages, while passing orders through Foxy.

Create Global Section

1. 1

   In HighLevel, go to the website builder.

2. 2

   Go to Sections > Add Section and add a blank section.

3. 3

   Drag a Custom Code element into the section.

4. 4

   Leave this window open for further steps.

Add Snippets

1. 1

   In the Foxy admin, go to Settings > Website & Products.

2. 2

   Copy snippet from the Foxy loader.js section.

3. 3

   In HighLevel, paste the copied snippet into the Custom Code element.

4. 4

   After the Foxy loader snippet, copy/paste the following snippet:

   Copy Copied

   <!-- FOXY + HIGHLEVEL -->
   <script src="https://cdn-js.foxy.io/website-helpers@1/foxy-highlevel.js"></script>

5. 5

   Save block.

6. 6

   Save section as a Global Section (name it whatever you'd like, ie: Foxy Snippets).

Add Global Section To Pages

1. 1

   In HighLevel, click Add Element > Global Section and select the newly created section (ie: Foxy Snippets).

2. 2

   Place section anywhere on the page (bottom is recommended).

3. 3

   Publish website.

Testing

To test, load your published website in any browser. Navigate to a product page and click the add to cart button. The Foxy sidecart should slide in with the product added.

Limitations

Variants

Currently, this approach does not support product variants. We're still working on this, but if you have a need for variant support, please let us know.

Customer, Transaction, and Inventory Syncing

Currently, it's not easily possible to sync Foxy customers, transactions, or inventory updates with HighLevel. We're still working on this, but if you have a need for variant support, please let us know.