Use Wix Stores to manage Foxy products

Step 1: Wix Website Editor setup

Disable Quick View

Follow the steps here: https://support.wix.com/en/article/wix-stores-customizing-the-quick-view-in-the-product-gallery#enable-or-disable-quick-view

Product Page settings

1. 1

   From your Wix Website Editor, go to Product Page

2. 2

   Click anywhere within the product section, and two options should show above your cursor
   

3. 3

   Click the Settings button

4. 4

   From the pop-up product page settings window, click Settings from the side bar

5. 5

   Scroll to the "Add to Cart" section

6. 6

   For the "When button is clicked" setting, choose Stay in Product Page

7. 7

   Scroll to the "Buy Now" section

8. 8

   For the "Show button" setting, toggle it off
   

Step 2: Add Foxy code snippets

There are two code snippets need to be added to your Wix website. 

Foxy loader.js file

1. 1

   From your Foxy Admin, go to Settings > Website & Products

2. 2

   Copy the Foxy loader.js code snippet (other code snippets on the page are not needed for this tutorial)

3. 3

   From your Wix Dashboard, go to Settings > Custom code (under Development & integrations)

4. 4

   Click the Add Custom Code button at the top right 

5. 5

   Paste the Foxy loader.js code snippet in the text box

6. 6

   Enter a name for the code snippet (ex: Foxy loader.js)

7. 7

   For the "Add Code to Pages" setting, select All pages and Load code once

8. 8

   For the "Place Code in" setting, select Body - End

9. 9

   Click Apply

Foxy + Wix integration code

1. 1

   From the same Custom Code settings page, click the Add Custom Code button again to add the second code snippet

2. 2

   Copy the code snippet below and paste in the text box

   Copy Copied

   <!-- FOXY + WIX -->
   <script src="https://foxy-integrations.netlify.app/foxy-wix.js"></script>

3. 3

   For the "Add Code to Pages" setting, select All pages and Load code on each new page

4. 4

   For the "Place Code in" setting, select Body - End

5. 5

   Click Apply

After finishing the steps above, you should be able to add products to Foxy cart by clicking the "Add to Cart" button on the product page. 

Optional Steps

Pass Product Weight

If you need to pass a product's weight to Foxy for calculating shipping, follow the steps below:

1. 1

   From your Wix Dashboard, go to Catalog > Store Products > Products

2. 2

   Choose a product

3. 3

   Under "Product info" section, click the Add an Info Section button

4. 4

   In the "Info section title" field, enter Weight: followed by the product's weight (ex: Weight: 1kg or Weight: 0.5lb). The weight unit follows the "Default weight unit" setting in your Foxy categories setting

5. 5

   Click OK and Save the product settings

Update Wix Product Inventory

Using our Byteline integration, you can update Wix product inventory after each Foxy sale.