Jump to content

Increasing Code Block Height - Schedulicity's Website Scheduling Widget

Recommended Posts

Site URL: https://parrotfish-prism-sd2e.squarespace.com/appointments

I am working on this page:


It is a beauty clinic that wishes to display its Schedulicity booking page from within Squarespace.

I went into their Schedulicity profile and I am inserting the following code from Schedulicity's Website to embed their Scheduling Widget into a code block:

<script type="text/javascript" src="https://api.schedulicity.com/public/widget/CNN5S9/embed"></script>

The code block creates the desired 'portal' to the following Schedulicity's profile:


However when it is displayed on the website, the height of the Code Block seems to be too short, resulting in a scroll page within the Squarespace's scroll page. 

How can I put in either custom CSS or additional code into the block to force Squarespace to display the Scheduling Widget as a longer block? 

Screen Shot 2020-12-07 at 2.45.12 pm.png

Screen Shot 2020-12-07 at 2.47.14 pm.png

Screen Shot 2020-12-07 at 3.18.46 pm.png

Link to comment
  • Replies 0
  • Views 370
  • Created
  • Last Reply


This topic is now archived and is closed to further replies.

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.