Paypal donation multistep form not working

There’s a weird error message in browser console. Are you uptodate with WP and the plugin? (I’m just a plugin user)

Uncaught ReferenceError: Give is not defined
    at paypal-commerce.js?ver=2.13.1:1
    at NodeList.forEach (<anonymous>)
    at HTMLDocument.<anonymous> (paypal-commerce.js?ver=2.13.1:1)
    at HTMLDocument.c (rocket-loader.min.js:1)
    at l (rocket-loader.min.js:1)
    at t.simulateStateAfterDeferScriptsActivation (rocket-loader.min.js:1)
    at Object.callback (rocket-loader.min.js:1)
    at t.run (rocket-loader.min.js:1)
    at P (rocket-loader.min.js:1)
    at Object.callback (rocket-loader.min.js:1)

That has to do with cloudflare, I have even try to disable it but even without that weird error it still doesn’t work. I tried to exclude this page from cloudflare as well.

Hi @omegax,

The Rocket Loader feature in Cloudflare is known to cause the infinite spinning loader after a donation on the multi-step form.

That could be just part of the problem if you say it didn’t work with the legacy form templates either.

Make sure the Donation Confirmation page is excluded from cache.

Also, attach your System Info in your next reply. This will give us a better context of your setup.

Thanks!

In cloudflare I have setup page rule (and I have check it is working and matching the URL)
*globalshout.org/donation*
Auto Minify: Off, Disable Railgun, Cache Level: Bypass, Disable Apps, Disable Performance (which disable rocketloader)
Also litespeed cache I also set it to bypass as well.

here is the system info (please help me, I been banging my head for the past month)

### WordPress Environment ###

Home URL: https://www.globalshout.org
Site URL: https://www.globalshout.org
WP Version: 5.8
WP Multisite: –
WP Memory Limit: 256 MB
WP Debug Mode: –
WP Cron: ?
Language: en_US
Permalink Structure: /%postname%/
Show on Front: page
Page on Front: Home (#46)
Page for Posts: Unset
Table Prefix Length: aak23_
Table Prefix Length: 6
Table Prefix Status: Acceptable
Admin AJAX: Accessible
Registered Post Statuses: publish, future, draft, pending, private, trash, auto-draft, inherit, request-pending, request-confirmed, request-failed, request-completed, wc-pending, wc-processing, wc-on-hold, wc-completed, wc-cancelled, wc-refunded, wc-failed, refunded, failed, revoked, cancelled, abandoned, processing, preapproval

### Server Environment ###

Hosting Provider: DBH: localhost, SRV: www.globalshout.org
TLS Connection: Connection uses TLS 1.3
TLS Connection: Probably Okay
Server Info: LiteSpeed
PHP Version: 7.4.22
PHP Post Max Size: 64 MB
PHP Time Limit: 30
PHP Max Input Vars: 1000
PHP Max Upload Size: 64 MB
cURL Version: 7.71.0, OpenSSL/1.1.1d
SUHOSIN Installed: –
Default Timezone is UTC: ?
fsockopen/cURL: ?
SoapClient: ?
DOMDocument: ?
gzip: ?
GD Graphics Library: ?
Multibyte String: ?
Remote Post: ?
Remote Get: ?

### GiveWP Configuration ###

GiveWP Version: 2.13.1
GiveWP Cache: Enabled
Database Updates: All DB Updates Completed.
Database Updates: All Database Migrations Completed.
Database Tables: ? aak23_give_donors? aak23_give_donormeta? aak23_give_comments? aak23_give_commentmeta? aak23_give_sessions? aak23_give_formmeta? aak23_give_sequential_ordering? aak23_give_donationmeta? aak23_give_revenue
GiveWP Cache: Enabled
GiveWP Cache: ?New Donation?Donation Receipt?New Offline Donation?Offline Donation Instructions?New User Registration?User Registration Information?Donation Note?Email access
Upgraded From: 2.12.2
Test Mode: Disabled
Currency Code: USD
Currency Position: Before
Decimal Separator: .
Thousands Separator: ,
Success Page: https://www.globalshout.org/donation-confirmation/
Failure Page: https://www.globalshout.org/donation-failed/
Donation History Page: https://www.globalshout.org/donor-dashboard/
GiveWP Forms Slug: /donations/
Enabled Payment Gateways: Test Donation, PayPal Donations
Default Payment Gateway: Test Donation
PayPal IPN Verification: Enabled
PayPal IPN Notifications: N/A
Donor Email Access: Enabled
Stripe Webhook Notifications: N/A

### Active GiveWP Add-ons ###

### Other Active Plugins ###

Asset CleanUp: Page Speed Booster: by Gabe Livan – 1.3.8.1
Custom Fonts: by Brainstorm Force – 1.3.2
Elementor: by Elementor.com – 3.4.2
LiteSpeed Cache: by LiteSpeed Technologies – 4.3
Ocean Extra: by OceanWP – 1.7.9
Smart Slider 3: by Nextend – 3.5.0.10
Sticky Menu (or Anything!) on Scroll: by WebFactory Ltd – 2.31
Unlimited Elements for Elementor: by Unlimited Elements – 1.4.81
WooCommerce: by Automattic – 5.6.0
WPForms Lite: by WPForms – 1.6.8.1

### Inactive Plugins ###

Master Addons for Elementor: by Jewel Theme – 1.6.6
WP Jelly: by WP Jelly – 1.1.3

### Theme ###

Name: OceanWP Custom
Version: 1.0
Author URL: https://oceanwp.org/
Child Theme: Yes
Parent Theme Name: OceanWP
Parent Theme Version: 3.0.4
Parent Theme Author URL: https://oceanwp.org/about-me/

Plus user here with access to priority support for a charity organisation I’m working for. Similar issue after configuring everything and so far no reply from priority support after providing site access. We do not use any caching on our website and there is no way multi-step form is using the separate confirmation page as it is an iframe solution and it’s clearly indicated in documentation it’s gonna use the ‘thank you’ message configured on form configuration instead of the confirmation page.

But unfortunately, after digging bit deeper under the infinite loading overlay, I could see that it loaded the confirmation page behind the loading with all site header and footer again within the page contents. Also I couldn’t find any multi-step form demo on the demo site, so my guess is the plugin is buggy and never tested properly with the multi-step form (at least with the latest version).

Waiting for a reply ASAP as this is critical for my organisation and bit disappointed about the situation even after purchasing the “Plus” version.

• This reply was modified 3 years, 6 months ago by gurugehk.

@gurugehk

You’re using a commercial plugin, so please use their official support channel. We feel they are best equipped to support their products.

https://go.givewp.com/support

Commercial products are not supported in these forums.

Hi @sterndata,

Core plugin is not commercial at all, it’s free and only some add-ons are commercial. Issue is not with the add-ons, but with the core plugin which anybody can download here for free.

So I believe my issues against the core plugin is still valid here as well.

Thanks.

@gurugehk If you’re asking for “priority support”, ask on the author’s web site.

Hi @sterndata,

Sorry, not “asking” for any priority support here. Just indicated that “priority support” is not that “priority” after all.

Commenting here to follow the thread for any possible solutions, to share similar issue with others who are facing the same and finally, getting support from author or other users.

Thanks.

@gurugehk I feel you man. I am trying to do good pro Bono work for a good cause. I am not making any money at all. I only hope that this damn plugins would work. I hope that the Give developer can help me, for me the multi step or the classic form neither work. It works well in test mode but when it comes to taking real money it glitches. Unfortunately Give is the only game in town for donations.

Ok I solved my problem, I think. However 2 problems that I see. 1) Multistep form (reCaptcha doesn’t work) 2) I don’t want to disable rocket loader site wide (is there a way just to disable rocketloader via page rule to exclude just certain page?)

Also the give.js and paypal load site wide is there which page is needed so I can just load it on those?

• This reply was modified 3 years, 6 months ago by omegax.

Also to developer if you know rocket loader is causing issue. Is there a way you can add these code so rocket loader can ignore your script?

Or is there a way I could do it?

You can have Rocket Loader ignore individual scripts by adding the data-cfasync="false" attribute to the relevant script tag, for example:

<script data-cfasync="false" src="/javascript.js"></script>      

Rocket Loader will still optimise the loading of all other scripts on the page.

ok guys, when I try to donate for real, there is another error msg. And the thing on top of the form read “The request was refused”

paypal-commerce.js?ver=2.13.1:1 Uncaught (in promise) TypeError: Cannot read property 'id' of undefined
    at u.<anonymous> (paypal-commerce.js?ver=2.13.1:1)
    at u (paypal-commerce.js?ver=2.13.1:1)
    at Generator._invoke (paypal-commerce.js?ver=2.13.1:1)
    at Generator.next (paypal-commerce.js?ver=2.13.1:1)
    at r (paypal-commerce.js?ver=2.13.1:1)
    at s (paypal-commerce.js?ver=2.13.1:1)

@omegax You will need to reach out to Cloudflare support about disabling Rocket Loader on certain pages. You can also add the data-cfasync to the script following this sample code: https://stackoverflow.com/questions/42888357/how-to-bypass-cloudflare-rocket-script-if-wp-enqueue-script-is-used-to-add-scrip

Regarding the last error message you posted, it seems like the script cannot read the form properly. Can you post a link to your form so we can check?

Thanks!

@gurugehk 99% of the time the multi-step form does not render the thank you part after a donation, we’re looking at a cache problem but there could be other reasons as well. If you already filed a priority support ticket please post the ticket number here and I’ll make sure to follow up there.