Form Blank on mobile

Hi @xenoveni,

Glad you reached out! You are on the right track with the optimizer. Image optimizers, lazy loading and caching can be troublesome on GiveWP forms because they minify essential JS scripts. You’ll want to exclude GiveWP from these options if you intend to use them. I’ll send along our top caching recommendations below. They will be a good starting point for you:

If you’re not familiar with caching, it’s a method of saving server resources by storing copies of a page or site, so that the next visitor’s visit doesn’t trigger a call to the server at all, they just get the copy that was saved.

We put together this deep dive into what caching is and how it can cause problems: https://givewp.com/documentation/resources/caching/

Caching works really well for speeding up sites, but when a saved copy of the site has sensitive information in it (like donor info) it’s important that GiveWP not share that with the next visitor. If GiveWP is not convinced that the browser requesting the data is the correct one, it defaults to not showing the data.

Caching is handled differently on various sites and web hosts, and most of them allow for excluding specific URLs or parts of URLs from caching. At the very least, you should exclude the following slugs from caching:
/donations/
/donation-confirmation/
/donor-dashboard/
*any page with a donation form

Also, the following query strings:
give-embed=donor-dashboard
giveDonationFormInIframe=1

Your host or the caching plugin/solution you are using can help with that. Some of them may require what’s called a “wildcard” like /donations/* to capture all subdirectories under the /donations/ folder. One helpful tip: Check in with your hosting provider. Most hosts have caching at the server level, and they will be able to adjust this for you. You can also temporarily disable caching on the site to confirm that the uncached site isn’t showing the problem.

While fine-tuning cache falls outside the scope of the support we’re able to provide, your success with online donations is our number one priority, and we’re happy to provide any tips.

You’ll also want to check to see if you can exclude GiveWP slugs from your optimizers, and disable lazy-loading. If you’d like more targeted suggestions for this, send along your system information, and I can take a look to see what might be some good places to start. You can do this by navigating to Donations > Tools > System Info (tab) and click the button to “Get System Report” and copy/paste that in your reply here.

Let me know if you have any questions about this, I’m happy to help.

Deactivating all plugin and changing to a default theme didn’t fix the problem. Also deleting all my custom css didn’t help either.. Here is my system report:

### WordPress Environment ###

Home URL: https://xenophonvenios.com
Site URL: https://xenophonvenios.com
WP Version: 6.1
WP Multisite: –
WP Memory Limit: 2 GB
WP Debug Mode: –
WP Cron: ?
Language: en_US
Permalink Structure: /%category%/%postname%/
Show on Front: page
Page on Front: Home (#19)
Page for Posts: Unset
Table Prefix Length: wpt2_
Table Prefix Length: 5
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, refunded, failed, revoked, cancelled, abandoned, processing, preapproval

### Server Environment ###

Hosting Provider: DBH: localhost, SRV: xenophonvenios.com
TLS Connection: Connection uses TLS 1.3
TLS Connection: Probably Okay
Server Info: LiteSpeed
PHP Version: 8.0.17
PHP Post Max Size: 2 GB
PHP Time Limit: 600
PHP Max Input Vars: 10000
PHP Max Upload Size: 2 GB
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.23.1
GiveWP Cache: Enabled
Database Updates: All DB Updates Completed.
Database Updates: All Database Migrations Completed.
Database Tables: ? wpt2_give_donors? wpt2_give_donormeta? wpt2_give_comments? wpt2_give_commentmeta? wpt2_give_sessions? wpt2_give_formmeta? wpt2_give_sequential_ordering? wpt2_give_donationmeta? wpt2_give_revenue? wpt2_give_migrations? wpt2_give_log
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.23.1
Test Mode: Enabled
Currency Code: EUR
Currency Position: Before
Decimal Separator: ,
Thousands Separator: .
Success Page: https://xenophonvenios.com/donation-confirmation/
Failure Page: https://xenophonvenios.com/donation-failed/
Donation History Page: https://xenophonvenios.com/donor-dashboard/
GiveWP Forms Slug: /donations/
Enabled Payment Gateways: Test Donation, Offline Donation
Default Payment Gateway: Test Donation
PayPal IPN Notifications: N/A
Donor Email Access: Enabled
Stripe Webhook Notifications: N/A

### Active GiveWP Add-ons ###

### Other Active Plugins ###

AIOSEO - Image SEO: by All in One SEO Team – 1.1.2
AIOSEO - IndexNow: by All in One SEO Team – 1.0.6
AIOSEO - Local Business: by All in One SEO Team – 1.2.12
AIOSEO - REST API: by All in One SEO Team – 1.0.3
All in One SEO Pro: by All in One SEO Team – 4.2.7
Coming Soon Page, Maintenance Mode, Landing Pages & WordPress Website Builder by SeedProd: by SeedProd – 6.15.4
Elementor: by Elementor.com – 3.8.0
Elementor Pro: by Elementor.com – 3.8.0
Essential Addons for Elementor: by WPDeveloper – 5.4.2
EWWW Image Optimizer: by Exactly WWW – 6.9.2
Google Analytics for WordPress by MonsterInsights: by MonsterInsights – 8.9.1
LiteSpeed Cache: by LiteSpeed Technologies – 5.3
LoginPress - Customizing the WordPress Login Screen.: by WPBrigade – 1.6.3
OptinMonster: by OptinMonster Popup Builder Team – 2.10.0
Preloader Plus: by Massimo Sanfelice | Maxsdesign – 2.2.1
UpdraftPlus - Backup/Restore: by UpdraftPlus.Com, DavidAnderson – 1.22.23
Wordfence Security: by Wordfence – 7.7.1
WP Custom Cursors: by Web_Trendy – 3.0.1
WPForms Lite: by WPForms – 1.7.7.2
WPFront Scroll Top: by Syam Mohan – 2.0.7.08086
WPS Hide Login: by WPServeur, NicolasKulka, wpformation – 1.9.6

### Inactive Plugins ###

### Theme ###

Name: Astra Child by Xenophon
Version: 1.0.0
Author URL: https://xenophonvenios.com
Child Theme: Yes
Parent Theme Name: Astra
Parent Theme Version: 3.9.2
Parent Theme Author URL: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme

I also spoke with my server support and it doesn’t appear to be a caching issue. On their end, the form sometimes appeared blank even on the pc version. Can you suggest some possible ways to fix this problem?

I experienced the same issue with the multi-step form. The form does not show even on the preview of the start-up guide of GiveWP. This was on a fresh install of DIVI, and Wordfence

Hi @xenoveni,

I gave your form a look on both pc and mobile, and I can confirm it is blank in both.

When I use the inspect tool, I see cache and async sprinkled throughout your site, which means caching is in play. I also see caching solutions and security solutions that could be factors here: LiteSpeed Cache and Wordfence especially. We can quickly rule these out by disabling them and testing to see if that helps with the issue.

If it does, I would highly recommend looking in those two areas first, and checking your settings to make sure GiveWP assets and pages aren’t being cached and/or blocked. Those caching exclusions I sent above will also come in handy here.

Give this a look and let me know what you find. I’m happy to keep digging.

As I told you before, I tried disabling all plugins but it didn’t help so I re-enabled them. I disabled them again so that you can check the issue. I disabled all plugins, changed theme, disabled cloudflare, nothing helped. I also tried creating a new page using default editor instead of elementor, but with no luck either. Do you have anything else to suggest?

• This reply was modified 2 years ago by Xenophon Venios.

Hi @xenoveni,

I’ve still been unable to replicate the issue you are seeing, so I’m suspecting either there may be an issue at the server level with cache, or something a big bigger is at work.

Most hosting providers have some caching at the server level, and this is something they can check and make adjustments to for you. Check in with them so we can rule things out from that end.

If that doesn’t get you going, we’ll need a closer look at the site. In that case, you can reach out to us at givewp.com/contact-us and select the “I am responding to a request to contact you” option so we can investigate internally.

Thanks!

• This reply was modified 2 years ago by stephanieliy.

I sent you a message on your website.

I’ll go ahead and mark this as resolved for now, and we can follow up with an update.