Jump to content

Code embed (bloomerang) is not working

Recommended Posts

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. 

bloomerang form.PNG

Link to comment
  • Replies 10
  • Views 2k
  • Created
  • Last Reply

Top Posters In This Topic

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. 

bloomerang form.PNG

It looks like you solved this?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 3 weeks later...

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?

Screen Shot 2021-10-27 at 10.31.11 AM.png

Screen Shot 2021-10-27 at 9.45.03 AM.png

Link to comment
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?

Screen Shot 2021-10-27 at 10.31.11 AM.png

Screen Shot 2021-10-27 at 9.45.03 AM.png

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>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
7 hours ago, cgesten said:

I have it on "Mode: javascript"

It should be HTML, not JavaScript. 

Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.

Link to comment
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?

 

Edited by cgesten
Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.