Google form on wordpress site

[G. Lasagne]

Hi everyone ive embedded the html code for a google form i made on my wordpress site but although it shows up fine on the page it doesnt appear on my site when published or when previewing. Can anyone help please

 

[fc-ramon]

Are you just embedding the iframe? Is it a html block in wordpress with the html code pasted in it?

 

[G. Lasagne]

Hi yeah it’s copy and pasted in to the block it’s exactly as the guides say

 

[Alan]

Just for interest - why use a Google Form on a WordPress site when there are gazzilions of WordPress forms plugins?

 

[Alan]

but although it shows up fine on the page it doesnt appear on my site when published

Do you mean it shows up in the editor but not on the site?

What block did you insert into - an html block?

 

[G. Lasagne]

Do you mean it shows up in the editor but not on the site?

What block did you insert into - an html block?

Yeah shows up on the editor and I put it in the first block if that makes sense?
Copy and pasted the code, then changed it to visual and it shows up fine, view it on the page and it’s nowhere to be seen

 

[zigojacko]

Yeah shows up on the editor and I put it in the first block if that makes sense?
Copy and pasted the code, then changed it to visual and it shows up fine, view it on the page and it’s nowhere to be seen

If you have some sort of optimisation plugin, it might be blocking rendering from an iframe.

If you view the dev console in your browser, it should show if there is an error relating to this.

Edit: If you share the URL you have embedded the form on then someone would be able to tell you right away what the issue is.

 

[Thera]

I think this is because your browser is blocking the iframe as the user above says. I have had this problem so many times and always assume it's my code and then end up finding out it's my browser plugins blocking it!

 

[ashu2106]

It may be because of a CSS issue. By default, some WordPress theme does not support IFRAME because an iframe is not recommended by Google and other sources.

You can paste this css code into WordPress Dashboard -> Appearance -> Customize -> Additional CSS and insert the next block of the CSS code:

.main-content iframe[src] {
    opacity: 1;
}

Here is the same WordPress support thread you can find about Google forms do not show on the website.

Let me know,
Thanks