Code embed (bloomerang) is not working

Site URL: https://www.nwdsa.org/request-a-new-parent-guide

Hi there and thank you for your help!

Basically I am trying to embed a bloomerang form into a page using the Code block on squarespace. The code that bloomerang provides (that has always worked for me on WordPress) is : 

<script src="https://s3-us-west-2.amazonaws.com/bloomerang-public-cdn/northwestdownsyndromeassociation/.widget-js/172034.js" type="text/javascript"></script> 

When I put this into the Code block under the Javascript mode, it displays the code on the site as if I have clicked Display Source but does not display the actual form. I have also tried it in the HTML mode and I have checked with an incognito browser as well to make sure that I am not just not seeing it because I am logged in.  Attached is a screen shot of what this looks like.

There is another more annoying way to do this where bloomerang generates a much longer code and you can host the form on your site instead of Bloomerang and the con is that it often displays weird, however even that just displays as the entire code and nothing else in the Code block

Anyway I would appreciate any input/ advice, I'm hoping that I have just missed something very obvious. I have to say that this is my first time working with squarespace over wordpress and the growing pains have been harsh. 

On 10/2/2021 at 1:45 AM, marcel22 said:

Site URL: https://www.nwdsa.org/request-a-new-parent-guide

Hi there and thank you for your help!

Basically I am trying to embed a bloomerang form into a page using the Code block on squarespace. The code that bloomerang provides (that has always worked for me on WordPress) is : 

<script src="https://s3-us-west-2.amazonaws.com/bloomerang-public-cdn/northwestdownsyndromeassociation/.widget-js/172034.js" type="text/javascript"></script> 

When I put this into the Code block under the Javascript mode, it displays the code on the site as if I have clicked Display Source but does not display the actual form. I have also tried it in the HTML mode and I have checked with an incognito browser as well to make sure that I am not just not seeing it because I am logged in.  Attached is a screen shot of what this looks like.

There is another more annoying way to do this where bloomerang generates a much longer code and you can host the form on your site instead of Bloomerang and the con is that it often displays weird, however even that just displays as the entire code and nothing else in the Code block

Anyway I would appreciate any input/ advice, I'm hoping that I have just missed something very obvious. I have to say that this is my first time working with squarespace over wordpress and the growing pains have been harsh. 

It looks like you solved this?

Marcel - I am having the same issue.  Could you please share how you resolved it?  Thank you!

On 10/20/2021 at 10:54 PM, cgesten said:

Marcel - I am having the same issue.  Could you please share how you resolved it?  Thank you!

Can you share link to page where you have problem? We can check easier

On 10/22/2021 at 3:26 AM, tuanphan said:

Can you share link to page where you have problem? We can check easier

https://www.southbayfamiliesconnected.org/protoype

On 10/26/2021 at 6:17 AM, cgesten said:

https://www.southbayfamiliesconnected.org/protoype

Uncheck the Display Source option

I am having a similar issue - I wonder if it is related. I have been using FontAwesome in my Squarespace site for a few years. I had a small arrow in my buttons (call to action) and they were working normally. Today, the script is showing instead of rendering the image? Was there an upgrade that impacted this effect?

On 10/27/2021 at 9:36 PM, Allgood said:

I am having a similar issue - I wonder if it is related. I have been using FontAwesome in my Squarespace site for a few years. I had a small arrow in my buttons (call to action) and they were working normally. Today, the script is showing instead of rendering the image? Was there an upgrade that impacted this effect?

Try adding this to Settings > Advanced > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $(".button-block a").each(function(){
    $(this).html($(this).text());
  });
});
</script>

On 10/27/2021 at 6:46 AM, tuanphan said:

Uncheck the Display Source option

Thanks.  I have it on "Mode: javascript" and the Display Source code is unchecked . . . 

7 hours ago, cgesten said:

I have it on "Mode: javascript"

It should be HTML, not JavaScript. 

16 hours ago, paul2009 said:

It should be HTML, not JavaScript. 

Thank you!  Now it works as a link to a new page, but not embedded in our donation page.  I believe it may be related to recaptcha?  I can't find the advanced settings where I can add the Recaptcha keys on square space.  It may be that I do not have the proper admin authority for the site?