WordPress elementor ошибка сервера форма не отправлена

Sound like a familiar trauma? Well, you’re in good company, this issue is commonly raised by our users. This article will explain how to solve WordPress not sending emails through your form and “server error” issues.

Well, there is a short answer and a long answer.

First, run a test on your WordPress site and see if it can even send emails.

To confirm email deliverability, you can use any SMTP plugin and select different SMTP server like SendGrid to check if it delivers correctly. If it works correctly with other and shows error with default SMTP then this needs to be reported to hosting.

Why does this Server Error occur?

Elementor uses WordPress’ wp_mail function to send emails. Your web host takes the sent email, processes it, and sends it. This is where 90% of the issues happen.

Sometimes, hosting servers disable the PHP function used for sending emails. They basically block your emails.

This is done usually to make sure you don’t send spam through your site (your host doesn’t want you to use its server as a spam server).

Technically speaking – the wp_mail function uses the PHP send_mail function by default. But if it is disabled on that server, then email sending fails. To get around this, either contact your hosting service and request them to enable it, or use an SMTP server instead.

What the heck is SMTP anyhow?

SMTP stands for “Simple Mail Transfer Protocol”. SMTP is an email server that routes your email in forms into the inbox of your listed customers. It is an external email server (e.g. Gmail can be used as an SMTP server) that helps ensure your emails get delivered faster and helps prevent your email from ending up in users’ spam folders.

Try using any popular SMTP plugin ( https://wordpress.org/plugins/search/SMTP/).

If that doesn’t work…

More Troubleshooting Tips for Server Errors

Besides contacting your host provider, here are several steps you can try to solve this issue:

1. The form’s From Email address usually needs to be from the same domain as your website. So if your site is example.com, then you would need to use a From Email address of [email protected] or [email protected], etc. You can use the Reply-To field to select the visitor’s email address for replying to the user’s request.
2. You may use the Elementor Form Submissions feature to check that the form is functioning properly. To learn more about Form Submissions click here.
3. Use another email address (it’s possible that your email is being registered as spam). To avoid being marked as spam try changing the length (shorter or longer) of your email subject line.
4. If you are using any third-party integrations, try disabling them. For example, MailChimp or ActiveCampaign. If that did the trick, then read more in our integrations guide. Basically, you have to check the field mapping within your autoresponder account and within the Form widget. Make sure that you do not have the required fields set to “none” within the Form Widget. Also make sure also that you did not add an “address” field or a “birthday” field within your field mapping settings in your MailChimp account
5. If the page refreshes after submitting a form, generally this is due to a plugin or a theme code conflict. In this case, deactivate all your plugins besides Elementor and Elementor Pro, and check if the emails are sent properly. If this didn’t work, switch to a default theme of WordPress and check if it solves the issue.
6. Make sure that the form field’s ID (in the field’s Advanced tab) is populated; without a valid field ID, the form field value will not be seen in the email message sent to the receiver of the submissions if the “[all-fields]” shortcode is used.
7. Make sure you use the correct shortcode as shown in the Advanced tab for each field within your email message box.

If the issue persists:

• Please send us your system info. You can find it under Elementor > System Info in your WP Dashboard.
• Send us also the web server and PHP error logs. You can find them in your hosting panel or you ask your hosting company to provide them for you.

Elementor Pro has a Form widget that you can use to create a wide range of form types. However, creating a form with this widget might is not as easy as it looks like especially if your website is hosted to a shared hosting service. When testing your form, you might see a “Server error. Form not sent” message like the following.

You will see the error message above if you set the button action to email (which means your form submissions will be sent to the specified email address). In this post, we will show you how to fix the error.

The Error Cause

There is a function called wp_mail in WordPress. Elementor uses this function to send emails. When you click the submit button on your form, your web hosting service takes the sent email, processes it, and sends it to the specified email address. Unfortunately, some web hosting providers disable the PHP function used to send emails.

The WordPress wp_mail function uses the PHP send_mail function by default. So, when this function is disabled by your hosting provider, WordPress unable to send emails.

How to Fix the Problem

There are two ways you can do to fix this problem. First, you can contact your web hosting provider and request to enable the PHP send_mail function. Alternatively, you can use an SMTP server.

In this post, we will show you how to fix this problem using the second method. No, you don’t need to install an SMTP server. We will use a plugin to add an SMTP feature to your WordPress. The plugin is Post SMTP and it’s completely free. This plugin allows you to use either an SMTP server of your own or SMTP server of services like Gmail, Mandrill, and SendGrid (via an API). We use Gmail in this case. You can use whether the free version of Gmail (gmail.com) or G Suite (Gmail with a custom domain).

• Get the Google app Client ID and Secret Key

Before installing and using the Post SMTP plugin, you need to create a Google app to get its Client ID and Secret Key. To do so, visit Google API Console and login with your Google account. Select a project from the dropdown menu on the top side.

If you have no project yet, create a new one by clicking NEW PROJECT.

Give your project a name and click the CREATE button.

Before getting the client ID and the Secret Key, you need to add your domain first. Make sure that your domain has been verified via Google Search Console (formerly Google Webmasters). Also make sure that you use the same Google account for the verified domain. To add your verified domain, click Domain verification on the left panel and click the Add Domain button.

Type your domain name (without http:// or https://) and click the ADD DOMAIN button. A little note, if you use “www” on your site, make sure to type it on the field.

Once your domain is added, click OAaut consent screen on the left panel, select the External option, and click the CREATE button.

Add Application name, select Support email and add Authorized domain. Then click on the Save button on the bottom.

Click Credentials on the left panel. Click the Create credentials button and select OAuth client ID.

On the Application type section, select Web application. Enter your domain on the Authorized JavaScript origins and the redirect page (https://www.yourdomain.com/wp-admin/options-general.php?page=postman) on the Authorized redirect URls section and click the Create button.

A popup will appear, showing your client ID as well as client secret.

• Install Post SMTP plugin

To install the Post SMTP plugin, login to your WordPress dashboard and go to Plugins -> Add New. Type “POST SMTP” on the search box and click the Install Now button once you found it.

Activate the plugin immediately once installed. You will see a new menu item on your WordPress dashboard called Post SMTP. Click this menu item and select Post SMTP.

Click the Start the Wizard button.

Type the email address you use on your Elementor form and click the Next button.

On the next page, click the Next button.

Select the socket and authentication method. Since we use Gmail, we recommend you to choose the SMTP – gmail.com:587 and the OAuth 2.0 (requires Client ID and Client Secret) options. Click the Next button once you make your choice.

Enther the client ID as well as the client secret you have just created above and click the Next button.

Select a notification service to notify you when an email is failed to deliver and click the Next button.

On the next page, click the Finish button.

You need to grant permission to the Post SMTP plugin to send the email. To do so, click the Grant permission with Google link.

On the next step, you will be asked to select your Google account. After selecting your account, big chances are you will see the following error message. If so, click the Advanced link followed by Go to yourdomain.com (unsafe).

On the appearing popup, click the Allow button.

Perform a test by clicking the Send a Test Email link.

If you see a Success message like the following, then everything has gone well.

Return to the Elementor editor to edit your form. Open the Email option and make sure that you have entered the same email address as the one you used on Google API Console we have covered at length above. Click the UPDATE button.

Alternatives to Post SMTP

In our example, we use Post SMTP to configure the SMTP server in WordPress. If you don’t the find the plugin suit you, there are some alternatives you can use. You can read this article to learn more.

Here are five of the alternatives you can replace Post SMTP.

• WP Mail SMTP
• SMTP Mailer
• Gmail SMTP
• WP Mail Bank
• Easy WP SMTP

The Bottom Line

WordPress comes with a built-in mail delivery function called wp_mail. The function requires the send_mail function belongs to PHP to work. Unfortunately, not all web hosting providers enable the send_mail function. As a result, the wp_mail function of WordPress unable to work. You can configure an SMTP to replace the job of wp_mail function to handle the mail delivery on your WordPress system. In the context of Elementor, you can set the form action to other options like Collect Submissions or Webhook instead of Email.

Are you frequently facing problems with Elementor form? Maybe it’s not correctly sending emails or causing server errors more than usual. We have got you the perfect solution to this problem below. 

The most common reason behind not sending emails from your WordPress is that your website’s emails are being marked as spam. While your Elementor form sends an email, it is most likely using the wp mail() function. This function ultimately sends emails without any authentication process through your hosting provider. As a result, when the email is forwarded from one server to another, it is rejected or stored in the junk mail or spam folder.

Almost all WordPress websites and web servers have this issue. No matter which contact form plugin you might be using in your WordPress, this problem can appear at any time. However, there’s a simple fix that usually simply necessitates setting up SMTP (Simple Mail Transfer Protocol) on your website. 

Another reason can be the hosting server that you are using disables the PHP function which is being used to send emails. In other words, your hosting server is blocking your emails. To prevent you from sending spam emails by using your hosting. As mentioned above, the mail solution can set up an SMTP to solve this problem immediately.

SMTP Server: How It Can Help To Solve Elementor Form Issues?

Simple Mail Transfer Protocol (SMTP) is an acronym for Simple Mail Transfer Protocol, which is a protocol used by email servers to send emails and transmit, collect, and/or redirect outgoing mail between the sender and the recipient. The address (or addresses) of an SMTP email system can be set by the mail client or application you’re using and is usually structured as smtp.serveraddress.com. Your SMTP email server address is generally found in your mail client’s account or settings area. 

If you are wondering if the SMTP server is just like any other server or not, the answer is yes. Just like any different server, SMTP analyzes data, but its sole purpose is to handle data relating to email transmitting, collecting, and redirecting. SMTP is an application continually operating in the background, waiting to transmit new mail. 

How To Solve Elementor Form Email & Server Errors

First, you must check if your Elementor contact form is installed correctly. After that, you will go step by step to see if everything is alright with your server or not. Let’s dive in and see which things you need to check to fix this problem.

1. Troubleshooting Elementor Contact Form 

The first thing to check if your Elementor contact form isn’t delivering email is that it’s actually operating on your site. New plugins or themes can occasionally break your forms. New cache plugins, in particular, might cause issues with form submissions. The submit button may not work at all at times. Since the warning messages you get will vary depending on the form builder you’re using, we’ll go over the most typical ones.  

2. Troubleshooting Form Builder 

If you have Elementor PRO installed in your WordPress, you will see Server_error or Error occurred. These two errors indicate that the Elementor form builder you are using has the ‘Field ID’ missing in it. To solve this issue, navigate to your WordPress dashboard and open the form in Elementor Page builder. Next, go to the advanced tab section and check each field. Every other form must have a unique ID.

Another issue that might happen to this point is that the form plugin you’re using might be clashing with the page builder. In that case, you need to opt for other form plugins that do not have any issue with the page builder. 

3. Check Form Notifications For Elementor 

If you used the Elementor form builder to construct your form, go to your page in Elementor and click on the form you just built. Click on the form’s notification options in the left-hand sidebar. To see the email notification delivered with each form submission, go to Actions After Submit → Email.

Your notification should be switched on in this section. Your Send To Email Address is also crucial. If an admin email is selected, your form will send email alerts to the WordPress administrator’s default email address. If the administrator email is incorrect, you may either edit it in WordPress or manually write in an email address by deleting the admin email tag.

4. Install WP Mail SMTP Plugin

WP Mail SMTP is a WordPress plugin that alters how your WordPress site sends emails. WP Mail SMTP re-routes all of your emails through an independent email service instead of relying on your website to send emails. This will verify your emails, preventing them from being lost or classified as spam.

The provider you choose will be determined by a number of criteria, including free email providers are ideal for tiny websites, whereas paid email providers provide higher capacity. If you have an online store, you should look for a service specializing in transactional emails.

Once you finish the Settings Menu, you’ll get an automatic test email to ensure everything is working properly. Finally, WP Mail SMTP adds an email error log to your WordPress site by default. When using WP Mail SMTP with your mailer service, you may utilize this log to diagnose any potential email difficulties. That’s all there is to it! You’ve now resolved the issue with your Elementor form not sending emails.

Bonus: Best Resources To Get Elementor Support 

When we think about the best website builders, Elementor is the finest one so far. It offers outstanding support to its users. However, you may also wish to seek assistance from the Elementor community. If you are interested you can explore different ways to get Elementor support from this detailed blog.

If you find this blog informative enough to solve your Elementor email sending or server errors, subscribe to our blog to read more blogs like this. Join our community to share your thoughts as well. 

Post Views: 1,219