After adding code block with javascript, Edit page broken

Site URL: https://www.divinecompasshealing.com/playlists

I used a code block to add this GetResponse form.  I selected HTML and unchecked display source.  In production, the form works. 

However, when I click Edit on that page, nothing happens.  I cannot edit it.  If I do an incognito window with /safe on my url (so scripts disabled), then I can edit the page.  Is this normal?  Or what am I doing wrong?

<script type="text/javascript" src="https://app.getresponse.com/view_webform_v2.js?u=xxxxx&webforms_id=xxxxx" data-webform-id="xxxxx"></script>

And any plans for squarespace to have a formal integration with getresponse?

Hi. Have you solved this yet?

I have this exact problem when I add a Calendly popup on the page via the code block.

I can edit header and footer only, but the rest of the page doesn't show the drag'n drop lines. After logging out and back in, or clearing cache several times, I can finally edit other blocks, but when I try and move them they all go to the top of the page and I can't place them anywhere else.

Any idea how to fix this?

@brunn

Please see Disable scripts in preview.

Let us know how it goes.

Yes, I can edit the page now. Thank you!

But does this issue mean there's a risk something will break when the site goes live?

@brunn

I don't know.

Your best bet is to view your site in private browsing or incognito mode to see if the code will be an issue for your users.

I'm also having this issue.  Whenever I add a code block for my calendly embed, none of the images show and other things are breaking. I would really like the calendar embed to show, but the problem is only fixed when I delete the code block. What can be done here?

On 1/15/2022 at 5:13 AM, KatGrace said:

I'm also having this issue.  Whenever I add a code block for my calendly embed, none of the images show and other things are breaking. I would really like the calendar embed to show, but the problem is only fixed when I delete the code block. What can be done here?

Can you share link to page where you added calendly? We can check easier

I have a similar issue. A  page becomes not editable and images not showing after inserting a GetResponse form code via code block.

The page after inserting the code: https://www.mohnishmalhotra.com/podcast

The page before inserting the code: https://www.mohnishmalhotra.com/podcast-1

What is possible here?

I'm also having an issue when I embed a script.  I can't edit the page in squarespace anymore once i add it. 

What can we do to try to address this?

8 minutes ago, Steve777 said:

I'm also having an issue when I embed a script.  I can't edit the page in squarespace anymore once i add it. 

What can we do to try to address this?

Please post the URL for a page on your site where we can see your issue.

A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.

Please set up a site-wide password, if your site is not public and you've not already done so.

Post the password here.

Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site.

Please read the site-wide password and how to share a link documentation to understand how they work.

We can then take a look at your issue.

You may find How to post a forum question post useful.

Thank you for your help.

Here is the URL: https://www.sweatandco.com/expertsdatabase123123

Password is 123123

I hope you can help me.

On 5/7/2023 at 8:33 PM, Steve777 said:

Thank you for your help.

It wasn't much unfortunately. I looked for one of the common issues code can have, that of being malformed. After a cursory glance the code looked OK structure wise.

You can temporarily disable code in your site. Please see @paul2009's reference. Be sure to cancel safe mode once you no longer need it.

Thank you for trying. 

So does this mean that every time I need to edit, I will have to delete my old version and create a new version with the same URL?  I  imagine there should be a solution for this.

6 minutes ago, Steve777 said:

So does this mean that every time I need to edit, I will have to delete my old version and create a new version with the same URL?

Using the safe mode doesn't necessarily  require duplicating pages or changing URLs. It is meant to turn off custom code that is interfering with normal behaviour. You get in, make a change, and then turn safe mode off.

Now this obviously is not ideal if you need to edit the page regularly. Safe mode is more of an emergency step.

Quote

I  imagine there should be a solution for this.

There might be but from what I could see from the outside there wasn't anything obvious. If you are unable to diagnose then you will need to give someone with the technical skills administrative access to your site to be able to dig in and see what is going on and if there is a solution. Be aware that some code is just not compatible with Squarespace. Have you considered contacting the code author with your issue?

I ran into the same issues here. When you inject a custom script the "Edit" button gets broken and you can't use the page any more. However, I found a workaround. If you conditionally inject your script into the page whenever it's NOT inside of an iframe, then you can safely use the Squarespace editor.

<script>
// If the current page isn't in an iframe then run the code
if (window.top === window.self) {
    var script = document.createElement('script');
    script.src = 'YOUR SCRIPT URL HERE'; // Replace with your script's URL
    document.head.appendChild(script);
} 
</script>

Now you can still use the Squarespace editor. However you wont be able to preview your custom code in the editor. I just keep the actual page open in a new tab to test things out. Hope this helps!