App Tips
4  min read

Why is your form not working in Elementor

Abhishek Agrawal
By Abhishek A Agrawal
May 19, 2023
Table of Contents

    Many times your Elementor Form will run into errors that become a hurdle in the growth of your business. Not to worry though! I’ve got the scoop on how you can fix these issues, and I’m here to share it all with you! So buckle up, and let’s learn how to avoid these mishaps and skyrocket your lead generation process.

    Why is your form not working in Elementor

    There are various reasons why your Elemntor Forms might not work. We’ll go through each of them and also list out hacks to solve them.

    Problem Statement – Elementor Contact Form not sending emails

    Reason 1. Emails land in the spam box:

    Elementor Forms are integrated into WordPress, but WordPress itself doesn’t handle email sending. It relies on the PHP function, which hosting servers often disable to prevent spam. In other words, the emails you send end up in spam which is an utter waste of your marketing efforts.

    Solution – 

    Install an SMTP plugin

    Wait! What is an SMTP plugin?

    SMTP stands for “Simple Mail Transfer Protocol”. Simple Mail Transfer Protocol(SMTP) is the international standard communication protocol used for sending and receiving emails over the Internet. It helps ensure that your emails get delivered faster and helps prevent your email from ending up in users’ spam folders.

    SMTP plugin replaces the PHP so that the hosting servers won’t block your emails.

    Installation Guide:

    • Head to your WordPress dashboard and click on ‘Plugins’ → ‘Add New
    • Now search for SMTP and select any one of the plugins (we recommend WP Mail)
    Plugins tab in WordPress dashboard.
    • Once installed, you need to activate the plugin. Just head to the installed plugins
    Plugins tab
    • Now search for WP Mail in the search bar and click on Activate.
    Plugin activation tab in WordPress

    Use Integrately

    Installing a plugin works wonders for your WordPress website, but it also slows down the load speed of your site. This eventually leads to people leaving your website. To eliminate this problem, you can use an integration platform such as Integrately. It will help you connect Elementor Forms + SMTP which will help your emails avoid the spam box.

    App selection and 1-click automation page of Integrately.

    Integrately is an integration platform specially crafted for non-techies to connect your Elementor Forms with 1050+ applications to automate your entire business stack.

    Reason 2. Incorrect configuration of the Form:

    It is crucial to double-check the form configuration because it automatically adjusts to the default settings established by WordPress.

    • Missing Field Id –

    In case of a missing field ID you will encounter this message server_error or an error occurred message. To fix this you need to troubleshoot the form again.

    Solution –

    Troubleshooting the Elementor Form errors

    The ‘Server_error’ or ‘An error occurred’ issue is usually the case when there are missing field IDs. To troubleshoot this issue, just 

    • Go to your WordPress dashboard and open the page containing your Elementor form.
    • Now, check all the fields inserted and click on the ‘Advanced’ tab under each section

    (Note – This is a sample contact form and your fields may vary)

    Elementor contact form
    • Repeat the same for all the field ID’s (in this case Email and Message)
    Setting field IDs in Elementor Forms
    • Incorrect form notification setup –

    Another reason could be incorrect email notification settings. The reason for this is when an incorrect From Email address is configured. Hence, it’s important to verify and ensure that the correct `From Email address` is set in the email notification settings. To fix this you need to check the Elementor Forms notification settings.

    Checking the Elementor form notifications

    Now, you must ensure that your contact form is set up correctly for email notifications.

    • Go to your WordPress dashboard and open the page containing your Elementor form.
    • Now, click on the ‘Actions After Submit’ tab and make sure that the Email action is added
    Setting fields in Actions After Submit inside Elementor Forms
    • Once done, scroll down to the Email tab to see the notification sent with each form submission. Here, you need to check whether all the fields (‘To’ and ‘From’) are inputted.
    Email tab of Elementor Forms

    Other Common Problems

          Bottom Line

          Never again, should you let the errors listed above stop your lead generation process. Use the solutions listed above to boost your business success. Similarly, you can try Integrately to automate your lead generation process. For example, when you generate leads from Elementor Forms, they will automatically be added to your CRM. This way you completely avoid the hassle of manual data entry, thereby saving your time and increasing efficiency.

          Basically, Integrately is a no-code automation platform, specially built for non-techies that helps in scaling your marketing game to the next level with integration support of over 1000+ applications.

          Integrately provides

          ✅ 24/5 customer support

          ✅ Dedicated automation expert at no additional cost

          ✅ Millions of ready-to-use 1-click automations

          ✅ Advanced data formatting options such as If/Else conditioning

          ✅ A user-friendly interface

          ✅ Powerful automation builder for customizable workflows

          ✅ Easy Onboarding

          It doesn’t end here! The pricing is also a show stopper, starting at only $19.99.

          8 Million+ Ready Automations
          For 750+ Apps

          FAQ's about Elementor Form

          How do I enable Elementor form submissions

          To enable Elementor Form submissions just:

          • Head to “Submissions” Tab under Elementor inside WordPress
          • Here, you will see the list of forms, select the one you want to enable
          • Once selected, click on the “Actions After Submit” Tab
          • Now select ‘Collect Submissions’ under Actions After Submit
          • Save the changes and done!

          How do I add a PDF to an Elementor form

          To add a PDF to an Elementor Form, just:

          • Drag and drop the “Text Editor” element under the “Element” tab into your project window.
          • Empty the text field and click on “Add Media“.
          • Upload the PDF File to be embedded in the “Text Editor” element.
          • Click “Publish” to embed the PDF file in your project window./li>

          How do I add an HTML form to an Elementor

          To add an HTML form to an Elementor, follow these steps:

          • Add a new page or edit an existing one.
          • Click on the Edit with Elementor button.
          • From the left dashboard, search for the HTML widget.
          • Drag and drop the HTML element to your page. A new dashboard will open on the left.
          • Insert the copied HTML code directly into HTML Code box.
          • Edit the settings to your preference and click Update.

          What file types are allowed in Elementor

          The file types allowed in Elementor are JPG, JPEG, PNG, GIF, PDF, DOC, DOCX, PPT, PPTX, ODT, AVI, OGG, M4A, MOV, MP3, MP4, MPG, WAV, WMV.
          Abhishek Agrawal
          Author - Abhishek A Agrawal
          Abhishek is the founder of Integrately, CompanyHub, and Dreamwares. He is passionate about technology and entrepreneurship. He is always looking to leverage technology for the growth of the business. He has a deep understanding of how businesses work and uses this knowledge to build products that help entrepreneurs grow their businesses.
          anybody-can-integrate
          Integrate Your Apps In 1 Click With Integrately
          • #1 Highest rated Zapier alternative for non-techies
          • 8 Million+ ready automations
          • 18x-33x less expensive