Announcement

Collapse
No announcement yet.

Jquery Issue with Squarespace

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Jquery Issue with Squarespace

    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.

  • #2
    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.


    Click image for larger version  Name:	2020-02-13_FRM Jquery code MJBlarson.jpg Views:	0 Size:	219.3 KB ID:	50855
    Regards,
    Click & Pledge Support Department

    On Salesforce? Help us by rating our app: Click & Pledge Donor Management on AppExchange

    Join us @ the educational webinars: https://clickandpledge.com/webinars/
    Live Support available Join between 3:00 - 3:30 p.m. ET Monday - Thursday: https://clickandpledge.com/webinars/
    Are you on Salesforce? Join us at the Power of Us Hub: https://powerofus.force.com/0F980000000CjpC

    Comment


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

      Comment


      • #4
        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:
        Click image for larger version

Name:	script.jpg
Views:	24
Size:	129.6 KB
ID:	50880

        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>

        Regards,
        Click & Pledge Support Department

        On Salesforce? Help us by rating our app: Click & Pledge Donor Management on AppExchange

        Join us @ the educational webinars: https://clickandpledge.com/webinars/
        Live Support available Join between 3:00 - 3:30 p.m. ET Monday - Thursday: https://clickandpledge.com/webinars/
        Are you on Salesforce? Join us at the Power of Us Hub: https://powerofus.force.com/0F980000000CjpC

        Comment

        Working...
        X