Integrate Foxy with Square Online (Weebly) Product Manager

Step 1: Website Editor Setup

Disable Quick Shop

  1. From your Square Online website dashboard, choose Website > Edit Site from the side menu bar
  2. From the side bar in the website editor, toggle the page switch dropdown and select the Shop All page under Category pages
  3. Select Item list 
  4. Under the Content section, toggle Item images
  5. Uncheck the Show Quick Shop button setting
  6. Click Done and Publish your website

Step 2: Add Foxy Code Snippet

  1. From your Square Online website dashboard, choose Settings > Tracking Tool from the side menu bar
  2. Under the "Add custom header code" section, click the Add new code button
  3. In the popup window, enter Foxy + Square Online for the custom code name
  4. For the custom code, there are two parts:
    1. 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
    2. 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>
  5. For the "Where would you like to place this code?" setting, choose End of <body>
  6. Save the custom code, refresh your site and test

In This Article

Related Articles

Create a purchase button in Weebly
Getting started with Foxy + Weebly

Need help?

Can't find the answers you're looking for? Our team is here to help. Please click below to contact us.

Contact Us