Adding your bundle to your Squarespace website

You are here:
< All Topics

If you have a website, your might want to add a bundle to it. The ClassFit bundle will allow your clients to pay for your bundles within your website. This tutorial will show you how to integrate your bundle on a Squarespace website. If you have a different type of website, please choose from our other tutorials below.

Adding your bundle to your Squarespace website

Login to your Squarespace account and navigate to the page that you’d like to add your bundle to. Then click on the + icon on the top right.

Now type “code” into the search bar and click on the code icon.

Alternatively, if the “+” button is not visible, click on the insert point on the page as highlighted below.

Then select “Code” as pictured below.

Once you’ve created a bundle scroll down to the bottom of the page and click Generate code.

Copy the two lines of code to Squarespace, and now your bundle widget should be all set up.

Also make sure that display source is left unchecked and HTML is selected in the dropdown. Then click the Apply button.

The bundle will not show while you are editing the page. If you click on the “Preview in safe mode” button you will see the loading icon, which is an indicator that this has worked.

To see the bundle properly, you will need to view the live web page as a visitor, rather than in editor mode.

Pro Tip: In some Squarespace website templates the calendar has a plugin which may block this bundle widget. If you find yourself with this issue please:

  • Go to the Home Menu, click Design, and then click Site Styles.
  • Scroll down to Site: Loading.
  • Uncheck Enable Ajax Loading.
  • Click Save at the top of the panel to apply your changes.

If you need any further help with this, please see Squarespace’s guidance on inserting HTML code into their websites here or for the design click here, or email

Previous Adding your bundle to your Weebly website
Next Adding your bundle to your GoDaddy website
Table of Contents