Forms not displaying properly

Hi belle42,

I took a look at the page you shared, and am seeing the field labels displayed (even though I can also see they should be set to hide).

I opened up your page’s code, though, and am also able to see that our form’s assets aren’t being loaded — so none of our form styles are being loaded to the page.

To fix this, I’d recommend first checking the plugin settings. If you go to WPForms > Settings and then scroll down to the Include Form Styling dropdown, you’ll first need to check that this is set to Base and Form Theme Styling.

If you had chosen a different option here, please check out our tutorial on this dropdown for more details on why this can cause issues.

Or if this was already set to Base and Form Theme Styling, the next step is to check the box just below it: Load Assets Globally. Since something on your site is preventing our plugin assets from loading, this should force them to load in most cases.

If the above options don’t work, you could also check through other plugins installed on your site. If you have any plugins designed for caching or minifying files, you could try deactivating these to see if it allows our files to load properly — it’s unfortunately not uncommon for plugins along these lines to break the functionality of other plugins on a site.

I hope that one of these options helps! When you’ve had a chance to walk through each of these steps, could you please let me know if any of them work for you?

Thanks! ??

Hi, Jess. Thank you for the thorough reply. Unfortunately, the steps didn’t work. I don’t think my skill level is up to the task of troubleshooting with other plugins, but I’ll tap a colleague for help. If we do get it sorted out, I’ll circle back here. Thanks again.

Hi belle42,

I’m sorry to hear that those quicker options didn’t offer the fix you needed.

If you’re not able to find a plugin like what I described above (with caching/minifying-type functionality), I’d recommend following WPBeginner’s troubleshooting tutorial. This is the best (and standard) way to track down any potential code conflicts on the site.

If you do locate the source of the issue and would be willing to let us know, we’d definitely appreciate it. That way, we’d be able to note any details for helping others.

Thanks!

Hi. I’m having a similar issue. I don’t use Cloudfare, but I do use accordioned and tabbed content on my pages. I set up a simple contact, just fnam, email, comments. When I put the form in an accordioned formatted section, the fname and email fields disappear.
I’ve set up a demo page of what it looks like:

https://itsgrave.com/contact-2/

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

Hi sydgrave,

I apologize for my delayed response!

I took a look at your form, and can share a bit more detail on what’s happening in the code.

Here’s a screenshot of the code in the normal-looking form. I’ve added arrows pointing to the input — the code that displays a box where a user can type things in.

On the other hand, here’s the code in the form embedded inside the accordion. You’ll notice that there’s no input in the HTML at all.

So while I’m not able to see what about the accordion code is causing this, something in there is stripping out the HTML for the field inputs.

If you’d like to keep using whichever tool is creating these accordions, I’d suggest reaching out to the plugin/theme author (whichever is creating the accordion option) and letting them know about this issue. Possibly they’d have a solution for you.

Or if you’d like to consider an alternative, I like the free plugin called Shortcodes Ultimate for creating accordions and a bunch of other effects along those lines. And I’ve tested it out, so I know that their accordion option doesn’t cause any issues like this.

I hope this helps! ??