Adding Custom Javascript to Code Block

Site URL: https://flounder-guppy-w6a2.squarespace.com/config/settings/advanced

Hello, I am building a website for a client and they use a custom booking system for their salon. The booking platform has a Javascript code that you can add to your site. I went ahead and added it to a code block and it wouldn't work. I was curious to see if the script was incorrect so I went into my advanced settings and tested it out in the head settings of "code injection" and it worked in the header. For some reason it won't work as a code block on my book now page though. Here is the code.

<script type="text/javascript">daysmart_acc = "48b89c40-9b1b-4a16-a8ac-4a72a4da45dc"; daysmart_iframe_width = 1000; daysmart_iframe_height = 0; daysmart_website_root = "https://plugin.mysalononline.com"; load_in_iframe = "false"; </script><script type="text/javascript" src="https://plugin.mysalononline.com/Scripts/external/bookingplugin.js"></script>

Can someone help me add this to a single page?

Insert to Code Block, and DO NOT check "Display source"

Hi @tuanphan thanks for the response! When I add the javascript in a code block, I can't uncheck Display Source. I can only uncheck it with HTML. 

1 hour ago, oliviacorin said:

Hi @tuanphan thanks for the response! When I add the javascript in a code block, I can't uncheck Display Source. I can only uncheck it with HTML. 

Can you take screenshot or record a video? You can use Loom.com

Yes, I attached the screenshot below

I have the same problem - I can't clear the "display source" checkbox.
I have a business plan.

1 hour ago, Vadym said:

I can't clear the "display source" checkbox.

A Code Block can be used to

• display code (JavaScript, CSS, HTML, Plain Text - with 'Display Source' checked, or
• inject code- with 'Display Source' unchecked. 

Display Source will always checked for CSS, JavaScript, and Plain Text because you cannot add these directly to a web page. This is the case with any web page, not just on Squarespace. 

If you want JavaScript to run on a web page, you must first place it within some HTML script tags. By this I mean that you must add <script> at the beginning and </script> at the end. The <script> tags are HTML and they tell the browser to expect some code (otherwise known as 'script').

When you have added these (as it appears you already have), the code is considered HTML. For this reason, select HTML from the dropdown, instead of JavaScript.

When HTML is selected, you will be able to uncheck Display Source and the code should work, at least whilst logged out.

Hi @paul2009 thanks for the response! That worked to change it to HTML, but now I am getting that I can only preview it in safe mode because it is embedded. When I view it in safe mode, it still shows up as a slider. Here are some screenshots of what I'm seeing. Do you know why or if there is somthing wrong with the code? I am not familiar with the booking system they use, so it's hard to know what to change.

@oliviacorin It's normal for code is disabled during login. It's much better to test it whilst logged out, so a private or incognito window works best for this.

If the code itself is causing problems, the first thing to try is speaking to the company who supplied it. If you or your client is paying to use their service, I'd hope that they are able to give you some advice.

That said, if you have hit a brick wall and need the community to help, we will need to be able to reach the page on the site. The site is currently private so for us to see the issue first-hand, you'll need to set a site password and tell us what it is.