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 -
<iframe src="https://your-club-name.class4kids.io"width="100%" height="500" loading="lazy"></iframe>
For example, the above club would be:
<iframe src="https://classforkidstutorial.classforkids.io"width="100%" height="500" loading="lazy"></iframe>
iframe for a Term
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:
<iframe src="https://classforkidstutorial.classforkids.io/term/12"width="100%" height="500" loading="lazy"></iframe>
iframe for a Class
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:
<iframe src="https://classforkidstutorial.classforkids.io/info/13"width="100%" height="500" loading="lazy"></iframe>
How to Embed the iframe into GoDaddy
Firstly, log in to your GoDaddy account and open Website Builder.
Click Edit Site then scroll down to the main view of your site where you want to add a section, and click the plus button.
Scroll to the bottom of the Add Section panel, click Show More and click the HTML panel.
Select a layout in the HTML panel and you'll see a Section Added confirmation. Then click the HTML panel to begin customising its settings, starting with the Section Title field.
Paste the code you want to use in the Custom Code field. In this case, this will be the iframe for your public booking. In the example below, this is a trip advisor widget -
You can leave the Forced Height field blank or adjust the pixel height to larger or smaller. (Smaller will create a scrollable box for the item.)
When you're finished, click done at the top of the HTML panel and your main window will display the page -
Click Preview to see the results, and when you're ready click Publish Site or Publish.
GoDaddy Support Channels
If you are having trouble inserting this code into your website, you can contact the GoDaddy support team by clicking on “Contact Us 24/7”
GoDaddy has both a contact number and live chat option.