Getting started

Things you need to know before getting set up:

What an iframe is: An iFrame is a piece of code that can be implemented into your website - it can be set up to show a part of your public booking page which gives parents and carers the option to book on to a class through your own website.
This can be handy if you are transitioning over from booking on your own website to ClassForKids because customers will be used to going onto your website.

ClassForKids do not have an integration directly with Squarespace, we can just advise on how to integrate the site manually.
You don't have to be a developer to do this (as confusing as it may originally seem), there is lots of support and guides available to advise on how to do this if you get stuck.

iframe for Public Booking Page

You can find your Public Booking page URL at the bottom of your 'Dashboard' -

Once you have a note of this link, you will need to insert it into the code below -

For example, the above club would be:

To create an iframe for a specific term, you first need to get the URL for the term.

You can find this on the 'Schedule' page by clicking 'Public Page' -

This will take you to the booking page for this term.

From there, copy the URL of the page and paste this into the iframe -

This iframe will look more like this:

To create an iframe for a specific class, you first need to get the URL for the class.

You can find this by clicking onto the 'Schedule Page' > class register > 'Get Class Link' -

This will take you to the booking page for this class.

From there, copy the URL of the page and paste this into the iframe -

This iframe will look more like this:

Choose the section you would like to add this to and click 'Add Block'

From the selection of blocks, choose 'Embed'

This will create an 'Embed Block.' Select the edit button for this block

Make sure the option is switched to 'Code Snippet' then click 'Embed Data'

From here, paste in the iframe you created earlier with the link to your public booking page.

This will bring up your public booking page as a new block.

You will then be able to resize and move the block to fit your website.

If you are having trouble inserting this code into your website you can access the Squarespace help centre from here - https://support.squarespace.com/hc/en-us/requests/new#choose-topic

From there, you will also be able to get in contact with Squarespace support. They can be contacted via email or live chat.