Create a purchase button in Squarespace

In this article we show you how to add a simple purchase button to your Squarespace website.

Add Foxy Code Snippet

To display the sidecart when a customer adds a product to cart and store customer sessions, you must first load the needed Foxy loader file into your Squarespace website.
  1. In Squarespace, click on "Settings".
  2. Click on "Advanced" under the Website column.
  3. Click on "Code Injection".
  4. In the FoxyCart admin, go to the Sample Code page here and copy the snippet of code from Step 1.
  5. In Squarespace, paste snippet of code into Footer section.
  6. Save your changes.

Add Purchase Option

Any Squarespace element that can be linked can be used as your purchase option.
  1. In Squarespace, click on "Pages" and choose page you want to add purchase option to
  2. Click on "Edit" to edit page content
  3. Add a button element and style it to your liking
  4. In the Foxy admin, copy the "href" value from the link example in Step 2 section
  5. In Squarespace, paste the copied link into the "Link" field
  6. Modify the product parameters as needed
  7. Apply changes and save settings

Display Product Image In Cart

You can display the product image in the cart by passing in the image url as a product parameter.
  1. Switch to view mode and right-click on your product image
  2. From the right-click menu choose "Copy Image Address"
  3. Switch back to edit mode and click to edit your button element
  4. Click to modify the "Link" field
  5. At the end of your "Link", add &image=
  6. Paste the image address you just copied right after the equal sign
  7. Apply changes and save settings

In This Article

Related Articles

Getting started with Foxy + Squarespace
Use Squarespace Commerce to manage your Foxy products

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