How to Fix a 403 or Server Error with Flodesk and Elementor

I somewhat recently discovered the delights of Flodesk and decided it was finally time to go all-in on email marketing like literally everyone online preaches at you to do. (Because, as I’m discovering for myself, it’s well worth it.)

I ran into a few pitfalls, initially, as I was trying to get Flodesk forms working on my WordPress + Elementor site and one of them was that this super annoying server/403 error kept popping up when I tried to save my form to a page. This was specifically happening to me with pages, not posts, because I still use the default WordPress editor for my posts.

If your posts or pages use Elementor (or another WP page builder, like Thrive, Divi, Beaver Builder, etc.) you may have ran into this error as well.

Here’s how to fix it! (Video in case you don’t want to read, but the written tutorial is below.)

 

1.) Your security plugin is likely the culprit here, so check to see if you have one installed and temporarily disable it.

Keyword here is temporary because security plugins are one of the most important types of plugins to have on your site. Go to your plugins list in your WordPress dashboard and check for any security plugins. Here are some popular ones:

  • Wordfence
  • iThemes Security
  • Sucuri
  • All in One WP Security
  • Bulletproof Security
  • Acunetix Security
  • 6Scan Security
  • Defender

There are more of them! When you find the plugin, click “diasable” (Again, we’re coming back here to enable it when we’re finished adding our Flodesk form to Elementor!)

2.) Head back over to the page or post that was giving you the server error when you tried to save the Flodesk form.

Add the form code again (This is the second bit of code in Flodesk, the first section should be in your website <head> tag.) and click “save.” Your form should be live on the page with no problems. You might not see it in Elementor, but if you were able to save the page without the server error, view the page from the front end and you will see the form there.

3.) Reactivate your security plugin and remember to do this each time you add a new form to your website.

REACTIVATE. THAT. PLUGIN. FAM. I can’t be more adamant about this, haha. Your form will still work, but you may have to deactivate your plugin next time you go to add another Flodesk form to your site. Every time you deactivate it, come back here to activate it before moving on about your day.

That’s seriously it! Most of the time, it’s your security plugin that causes this server error with Flodesk forms in Elementor or another page builder.

If this doesn’t fix your issue, I recommend emailing Flodesk support, because they are great at getting back to you with a super helpful answer (I’ve emailed them a few times before with better results than expected for your average customer support inbox.)

 

Save this for later? Yay! Here’s a pin for you.

How to fix a server error when adding a Flodesk form to Elementor

Leave a Comment

Your email address will not be published. Required fields are marked *

shares