• nellie899

    (@nellie899)


    I am using WordPress for our website for a nonprofit organization. I am working to embed a donation form from our online donation provider, OneCause. I have followed their instructions and pasted the code in the appropriate places, but have not been able to get the form to appear.

    The instructions to do this are as follows:

    First include the embed script in the head element of your web page. If you are on a social media site or some other site that doesn’t allow you to add javascript, scroll down to these instructions. (then they give the code to use) I have found the head element and copied the text there.

    Next in the body of the page, instantiate a GreatFeats object using the URL for YouthBuild Lake County Appeal. (then they give the code to use) I have copied this code underneath the head element.

    Then i am supposed to copy the inline form code to the webpage I want to create. I’ve done all of it but the webpage does not show the form.

    I really have no idea where to go for support on this as we do not have a web designer and our Theme “Charity is Hope” does not seem to have a support system.

    The page I need help with: [log in to see the link]

Viewing 9 replies - 1 through 9 (of 9 total)
  • abhishek6262

    (@abhishek6262)

    Hello @nellie899,

    Hope You’re doing good. You can contact the OneCause through their contact form if You’ve followed all the instructions given by them correctly and explain them about the issue You’re facing and I believe that they might come into help.

    [ Signature moderated ]

    Thread Starter nellie899

    (@nellie899)

    They said everything is correct on their end and suggested that I contact wordpress.

    abhishek6262

    (@abhishek6262)

    @nellie899 can you provide us the link to the webpage where the form is not showing?

    Also, it could be due to various other reasons as well, such as some plugin might be conflicting. You can try to disable all the plugins and check if it works and if it does then You can enable them one by one and see which plugin is causing the issue.

    Thread Starter nellie899

    (@nellie899)

    The page is https://youthbuildlakecounty.org/annual-appeal/. As of now there is nothing on it because the form won’t show up. The form is in the code though.

    I will work on disabling the pluggins. Thank you.

    Thread Starter nellie899

    (@nellie899)

    Disabling the pluggins did not work.

    abhishek6262

    (@abhishek6262)

    @nellie899, I inspected the page and I found that the script requires you to add an element in the page with id inline-donation-form.

    Therefore, You will have to paste the code I’m giving you below to the place where you want to show the form and hopefully it will start working for you.

    <div id="inline-donation-form"></div>

    Make sure that you use my code above the code given below by OpenCause, i.e.

    <script>
        // Embed the donation form into a div with the id 'inline-donation-form'
        window.gf.embedDonationForm(document.getElementById('inline-donation-form'));
    </script>

    Just to be on the safe side, use the script code by OpenCause at the bottom of the page, i.e. on the footer.

    I’m attaching link to the image containing the working donation form when added the above code to the page on your website.

    https://ibb.co/ZLycZhg

    Thread Starter nellie899

    (@nellie899)

    That worked. Thank you!

    Thread Starter nellie899

    (@nellie899)

    Hi, If I were to try to use a donation modul, do you know what the code should be that would be inserted above the code given by OneCause?

    The code they gave is
    <script>
    // Using jquery make any element with the title ‘Donate Now’ open a donation modal
    var donateLink = $(‘[title=”Donate Now”]’);
    donateLink.on(‘click’, function() {
    window.donationModal = window.donationModal || gf.createDonationModal();
    window.donationModal.open();
    return false;
    });
    </script>

    Thank you.

    abhishek6262

    (@abhishek6262)

    Hello @nellie899,

    Hope You’re doing good. Sure, I tested your above code. And it’s working fine if you insert the code given below.

    <a href="#" title="Donate Now">Donate now</a>

    The above code will create a link on which when you will click then it will open a model containing the donation form.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Where do I go for help?’ is closed to new replies.