This feature is available on all Goodshuffle Pro Plans.
Looking for WordPress? Click Here.
Activation
Purchase the Website Wishlist Integration from your Integrations tab.
Select Squarespace as your platform.
Select which sales lead you want listed on your Wishlist projects.
Copy the Public Browser Key and ensure your Approved Domain matches your website. You can find that here if need be.
Inject in Site Header
Then, from your Squarespace page, click Website > Pages> Custom Code > Code Injection
Copy and paste this snippet into the "Header" text box:
<script type="module" src="https://unpkg.com/@goodshuffle/[email protected]/dist/gspro-wc/gspro-wc.esm.js"></script> <script nomodule="" src="https://unpkg.com/@goodshuffle/[email protected]/dist/gspro-wc/gspro-wc.js"></script> <gspro-wishlist-config data-url="https://data.goodshuffle.com/vendor/YOUR-PUBLIC-WEBSITE-KEY" ></gspro-wishlist-config>
PLEASE NOTE! You need to replace the text YOUR-PUBLIC-WEBSITE-KEY below with your Public Browser Key from Goodshuffle Pro (retrieved in the Activation step above).
Create a Gallery Page
From Pages, add either a Navigation Page (Pages > Main Navigation) or a Blank Page (Pages > Not Linked) and give the page a name. Using a Blank Page is recommended to avoid conflicts with pre-existing design elements.
Edit the Page and add a Code Block.
Edit the Code Block and add the snippet:
<gspro-item-gallery></gspro-item-gallery>
🎥 Prefer to watch instead? Check out the quick video walkthrough below to see this feature in action.
All Set!
You should now have a basic page that displays a list of relevant categories/ subcategories and your inventory.
Troubleshooting Common Issues
Code Not Displaying Properly: Ensure the configuration code is correctly pasted into the header section and that the Code Block contains the correct snippet.
Gallery Not Loading: Verify that your Public Browser Key is active and correctly entered in the configuration code.
Page Layout Issues: Use a Blank Page layout to avoid conflicts with pre-existing design elements.
Need Additional Support?
Click the blue chat bubble in the bottom corner of your screen to message our support team—we’re happy to help!