Jquery Issue with Squarespace

[mjblarson]

I'm having an issue putting an inline iframe form on our website and am seeing a jquery error even though I'm injecting the latest minified Jquery code into the header. The page is at https://www.montessori-mggf.org/donation-page

Any help would be appreciated.

[CnP.LiveSupport.AB]

There may be several issues on your page:

1. If I look at the source code for the page, there is no script for the minified JQuery code. The iframe script is javascript, and references 'min' in the name, but this is not the same thing. You do appear to have Step 1 completed correctly, and
2. The JQuery code should be added to the body of the page

I think once you add this extra snippet of code to your page, your problem will be resolved.

[mjblarson]

Thanks for your help - I moved the script back to the body of the page. I've added two embed blocks, the first with the jquery code, the second with the form. It still doesn't appear to be working...anything else I should adjust?

Thanks - Michael

[CnP.Support.AM]

Good day @mjblarson

One of our developers reviewed your code and found that the script code for jquery and our script is not generating correctly under the DOM.

Please see:


As per the screenshot, in the next line, our script file has been added once again and is loading correctly. But, as we mentioned, the jquery code is not generating the correct DOM element.

Please do the following, once adding the jquery file, then add our script file and then add the place holder as well which we defined under Connect.

Example:

<script src="http://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<script class="CnP_formloader" src="https://resources.connect.clickandpledge.com/Library/iframe-1.0.0.min.js?637171756479915417" data-guid="f1b2cc1e-2509-4a17-bc50-d0e088e934ca"></script>
<div id="CnP_inlineform"> </div>