Add OpenTable widget to header?

Hoping to add an OpenTable widget to the header of a client's website. I've tried adding the code in the header code injection to no avail. 

I'd like for it to be where the Book a Table button is currently. Is this possible?

Also, when generating the code I'm given the option that is seen in an attached picture, should I keep it unchecked?

Here's the code:

<script type='text/javascript' src='//www.opentable.com/widget/reservation/loader?rid=38809&type=standard&theme=standard&color=1&dark=false&iframe=false&domain=com&lang=en-US&newtab=false&ot_source=Restaurant%20website'></script>

@tuanphan Hello my friend! Any thoughts here? 🙏

#1. What is your site url? We can check easier

#2. I guess, if you check this option, you can't use CSS code to change Widget style from Squarespace

On 3/28/2023 at 7:03 PM, tuanphan said:

#1. What is your site url? We can check easier

#2. I guess, if you check this option, you can't use CSS code to change Widget style from Squarespace

Site url is www.toscanabrentwood.com

#2 -- ok, that makes sense. thank you!

On 4/6/2023 at 1:19 AM, madcapcreative said:

Site url is www.toscanabrentwood.com

#2 -- ok, that makes sense. thank you!

Thank you.

You mean when clicking button > Open OpenTable widget in a lightbox in current page?