less than a minute read • Updated 25 days ago

Integrate Foxy with Square Online (Weebly) Product Manager


Website Editor Setup

To get started, you'll need to disable the Quick Shop feature in Weebly.

  1. 1

    From your Square Online website dashboard, choose Website > Edit Site from the side menu bar

  2. 2

    From the side bar in the website editor, toggle the page switch dropdown and select the Shop All page under Category pages

  3. 3

    Select Item list 

  4. 4

    Under the Content section, toggle Item images

  5. 5

    Uncheck the Show Quick Shop button setting

  6. 6

    Click Done and Publish your website


Foxy Code Snippet

  1. 1

    From your Square Online website dashboard, choose Settings > Tracking Tool from the side menu bar

  2. 2

    Under the "Add custom header code" section, click the Add new code button

  3. 3

    In the popup window, enter Foxy + Square Online for the custom code name

  4. 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. 5

    For the "Where would you like to place this code?" setting, choose End of <body>

  6. 6

    Save the custom code, refresh your site and test


Need Help?

Did this article answer your questions? Need help with anything? Please click below to contact us.