Iframe donate form not showing up in Safari

Hi awesome X techs! I truly appreciate your help which is always available and prompt. Another q: I recently realized that my donation form which sits inside an iframe, is not showing up on some Safari browsers! This is serious as it ensures the potential donor cannot donate! www.tellasia.org/donate Here is the code:

<iframe id="mc-donation" src="https://app.mobilecause.com/form/7WgQag" width="100%" height="1900" overflow="scroll" onLoad="window.scrollTo(0,0);"></iframe>

Is there any way to make SURE the iframe comes through in Safari?
thank you
Leanna

hi there,

Thanks for the details!

There is issue of the form. It’s not accessible in public. Due to which the Form is not loading in the iframe.

Please check the form and update it.

Thanks

According to your screenshot, it isn’t working for you because you’re in a country blocked by the donation form provider (Mobile Cause). Apparently the form itself is working but my page shows [cs_test] code above the frame. Mobile Cause confirmed this is not coming from the form but from the website. Could you please look into that? I checked all my page elements and can’t find any stray code. Plz see screenshot.

Also - Cornerstone builder has stopped working. No matter how many plugins I disable, it still won’t load and gives error: The preview was unresponsive after loading. This is most often related to a plugin conflict or aggressive page cacheing.
Origin URL: https://www.tellasia.org
Preview URL: https://www.tellasia.org/donate/

I’d appreciate if you can see what’s goin on as I don’t know what else to do.

Hello There,

The iframe is not displaying because of this error:

Refused to display 'https://app.mobilecause.com/form/7WgQag' in a frame because it set 'X-Frame-Options' to 'sameorigin'.

This would mean that your server does not allow to display any frame source that is not coming from the same domain name. You will need to configure your server and make sure to add the directives. Please check this out:

Hope this helps.

Thanks, host is working on it.

Host says they fixed it by adding the followin code to the top of HT Access:
# requires mod_headers
Header set Access-Control-Allow-Origin “*”

however when I run the page in browserling Win 7 Safari 5.1 the form still doesn’t show up.

Hey @Leanna,

We need to know if Pro is causing this issue. Would you mind backing up your site and then switch to the default WordPress theme to check if the iframe issue persists? Put your iframe in a test page in the default WP Text Editor.

Regarding your Cornerstone issue, please open a separate thread and give us WP admin (previously given credentials doesn’t work) and FTP access. Also tell us if it is happening on specific pages only or all pages and what solutions have you tried already.

Thanks.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.