Integrate Foxy with Square Online (Weebly) Product Manager
Step 1: Website Editor Setup
Disable Quick Shop
-
From your Square Online website dashboard, choose Website > Edit Site from the side menu bar
- From the side bar in the website editor, toggle the page switch dropdown and select the Shop All page under Category pages
- Select Item list
- Under the Content section, toggle Item images
- Uncheck the Show Quick Shop button setting
- Click Done and Publish your website
Step 2: Add Foxy Code Snippet
-
From your Square Online website dashboard, choose Settings > Tracking Tool from the side menu bar
- Under the "Add custom header code" section, click the Add new code button
- In the popup window, enter Foxy + Square Online for the custom code name
-
For the custom code, there are two parts:
- From your Foxy admin, go to the Sample Code page. Copy the code snippet from Step 1 (code from Step 2 is not needed for this tutorial) and paste into the custom code text box in Square Online
-
Copy the code below. Paste in the same custom code text box in Square Online after the code from the step above
<!-- FOXY + SQUARE ONLINE -->
<script src="https://foxy-integrations.netlify.app/foxy-square-online.js"></script>
- For the "Where would you like to place this code?" setting, choose End of <body>
- Save the custom code, refresh your site and test