Important: Using the Website Integration on a WIX site requires any paid or premium plan. The "Light" plan will work and is recommended by Goodshuffle Pro.
Step 1: Adding the correct code to the Header of your Wix site
To get started, first head to your Wix site editor. You can get there on most WIX sites by clicking "Home" and then clicking "Design Site" or "Edit Site"
Now that we're in the right place, we need to set the Website Integration up in your site's header. You can do this by clicking " Add Elements" and then "Add Custom Element"
Now that you have this element added watch the video below to learn more about what you need to copy/paste:
Server URL: https://unpkg.com/@goodshuffle/[email protected]/dist/custom-elements/index.js
Tag Name: gspro-wishlist-config
Attribute Name: data-url
Value: https://data.goodshuffle.com/vendor/YOUR-PUBLIC-WEBSITE-KEY
Note: Don't forget to get the Public Browser Key from your account in the Integrations Tab!
You'll know you have things connected correctly if, after clicking "Publish," you see this icon on the front end of your site:
Step 2: Listing inventory items
We've connected our inventory—great! Let's make it appear on a page with an Item Gallery and an Item List.
Wherever you'd like to list items, click "Add Element" and add a custom element,
From here, we'll adjust the Server URL and the tags again —learn more in the video below.
Server URL: https://unpkg.com/@goodshuffle/[email protected]/dist/custom-elements/index.js
Tag Name: gspro-item-gallery or gspro-item-list
Attribute Name: Tags or Category (Note - this can change depending on what you'd like listed)
Value: <Your Tag> or a category of your choosing.