Embedding IDX feed on website

Site URL: https://goose-owl-jp53.squarespace.com/home-search

I have this code that I used to embed on my Squarespace site: 

<iframe name="HomeSearch" src="https://mc931.yourkwoffice.com/search?viewport=37.27993217450236%2C-121.91691990441893%2C37.22138125060053%2C-122.00807209558104&zoom=14" width="100%" height="1200px" frameborder="0" scrolling="auto" class="frame-area">
</iframe>

As you can see below, when I'm in editor the IDX feed shows up perfectly.

When I exit editor, and go to the public site I get the error and the map doesn't show up. 

What am I missing? 

4 minutes ago, KWBAE said:

Site URL: https://goose-owl-jp53.squarespace.com/home-search

Password is 123

I have this code that I used to embed on my Squarespace site: 

<iframe name="HomeSearch" src="https://mc931.yourkwoffice.com/search?viewport=37.27993217450236%2C-121.91691990441893%2C37.22138125060053%2C-122.00807209558104&zoom=14" width="100%" height="1200px" frameborder="0" scrolling="auto" class="frame-area">
</iframe>

As you can see below, when I'm in editor the IDX feed shows up perfectly.

When I exit editor, and go to the public site I get the error and the map doesn't show up. 

What am I missing? 

It appears to be working.

how did you get such a beautiful chart like this ?