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
  • 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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 3 weeks later...
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

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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

Uncheck the Display Source option

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
7 hours ago, cgesten said:

I have it on "Mode: javascript"

It should be HTML, not JavaScript. 

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

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.