Fatal error after updating or installing Elementor or Elementor Pro

If your website is down because of a fatal error, check your email. WordPress sends a recovery link to the administrator of the site via email. The link always looks like this: /wp-login.php?action=enter_recovery_mode . Click the link in that email to gain access to your site』s WordPress dashboard once again.

Alternate method: Although the first method is much each easier, you can also deactivate your plugins by modifying their names via FTP. This will allow you to access the dashboard of WordPress.

After you』ve regained access, try to upload / update Elementor/ Elementor Pro one more time. If you do not know how to reach or modify the plugins names via FTP, you can contact your hosting provider. Basically, you just have to go to your WP files and then to wp-content > plugins.

If this helps, please report the error to us and to the support of the plugin which conflicts with Elementor. If this does not help, please open a support ticket with the exact error via the Support tab of your account on my.elementor.com.

Known fatal errors that can be easily solved:

.PHP Fatal error: Allowed memory size of … bytes exhausted

This literally means that you are running out of memory. To solve this issue, contact your hosting company so that they can raise your WP memory limit accordingly. Sometimes, this memory limit can be set also via ModSecurity so this has to be checked by your web host service provider.

.PHP fatal error: namespace declaration statement has to be the very first statement or after any declare call in the script:If you receive this error, go to your FTP files, delete Elementor (or Elementor Pro if the error is linked to Elementor pro) and install the latest version of Elementor (or Elementor Pro). You can get the latest version of Elementor Pro via your account on my.elementor.com. The latest version of Elementor is available in the repository of WordPress. Most of the time, this happens because some third-party program corrupted your files. In this case, you can remove the space at the beginning of the line mentioned in the error.

.PHP fatal error: cannot use output buffering in output buffering display handlers in unknown on line 0:

This generally happens when you are using an old version of PHP. In this case, you have to ask your hosting company to update your PHP version to the latest version of PHP. You can do it sometimes by yourself via your Cpanel.

.PHP fatal error: Fatal error: require(): Failed opening required

This error happens when your server could not open a specific file. This error has to be reviewed by your hosting provider.

Note:

If the name 「elementor」 does not appear in the error, that means that the issue is apparently not linked to Elementor. If the name of an addon for Elementor appears in the fatal error, that means that this plugin is probably not updated. If you cannot solve this by updating the addon, please contact the support of this addon. Sometimes fatal errors can be due to a corrupt database especially when the fatal error mentions the 「core」 code of Elementor. Indeed, some plugins and other third-party products can corrupt the database of your website and can prevent Elementor from functioning properly. If you use a database optimization plugin, please deactivate it before accepting an update of Elementor or Elementor pro. If you receive an error saying that some code is 「deprecated」 then that means that you are apparently using an addon for Elementor which is not updated. To confirm, you have to deactivate the addons for Elementor via FTP one by one to figure out which one is causing the issue.Make sure you update both Elementor and Elementor pro to avoid fatal errors.

Having Problems Using Elementor? Start Here

If you are experiencing problems using Elementor, please try to follow these steps:

Read our documentation and check our FAQ. Make sure your server』s PHP version is above 5.4, although above 7.0 is ideal.

Make sure you are using the most updated versions of Elementor, WordPress & your theme.

Deactivate all your plugins besides Elementor (and Elementor Pro). If this solves the problem, gradually activate your plugins one by one, until you spot the problematic plugin.

If you have a caching plugin, make sure you deactivate it, or even better – purge the cache.

Change your WordPress theme (temporarily) to WordPress Twenty Nineteen (or other default WordPress theme).

On your WordPress root folder, edit the wp-config.php and set the value of WP-DEBUG to true.

Ask in The Elementor Community

Under Elementor > Settings > Advanced switch editor loader method on

If you cannot load Elementor, see this guide

If you have followed all these steps and you』re still encountering difficulties, please Customer Experience following these steps:

Describe the issue and what led to it. Please be as accurate and detailed as possible.

If you suspect the issue was caused by the theme or plugin you are using, please attach the name + URL of the theme/plugin.

Send us your system info. You can find it in under Elementor → System info. Please use Pastebin to paste it and send it to us.

On the Elementor page, Press F12 and select the console tab. Paste the messages in Pastebin.

Important: You should make a complete backup of your website before contacting customer experience.

How Do I Get Premium Support?

Elementor Pro users get premium support from our team of professionals, and directly through their email.

What is Premium Support?

Whether you』re just getting started or need assistance with advanced features, our Premium Support team is here to answer you within 1 day on average. Our paid users are given top priority in our customer experience system, with replies to their customer experience tickets taking precedence. In addition, support reps will offer to log into paid users』 WordPress dashboards and even their hosting control panels, such as cPanel, when required, in order to debug and solve issues. This service is not available to free users.

What is VIP Customer Experience?

In addition to Premium Support, we offer VIP Support for Studio and Agency plans. Need answers faster? Chat live with our VIP Support team and receive priority responses on your tickets in under 30 minutes, thanks to our advanced internal routing.

Have You Tried the Knowledge Base?

Although we are eager to help you, please be aware that we also offer extensive documentation and tutorials for every feature in our docs area. This is sometimes the quickest way for you to solve your issue. Go to https://elementor.com/help/ to search through the entire collection. If you』re seeing an actual error message, try searching for a few words of the message itself. For example, if you see a message that includes the phrase 「Could not create directory」, type that exact phrase into the search bar, and you』ll get directed to a help document that gives suggestions for solving that issue. Likewise, searching for 「500 error」 would lead you straight to a guide for solving those errors.

Use Our Ticket System

Please note that our ticket system is email-based. As with all email systems, emails may occasionally not make it to their final destination, or may end up in junk/spam folders. If you do not receive replies from us within 24 hours, please first check your junk/spam folders, and then if there is still no reply, please contact us either via our Community or our chat. You can find our chat bubble at the bottom of our Contact page. It will look like this:

From there, we can determine what happened to your ticket and connect you with the support team.

Once we are in communication with you, if necessary, we may request login details / user credentials for certain issues so that our team of talented and trained technical service experts can solve the issues for you. Tickets are tier-based and some tickets may be escalated as needed to solve issues.

Please note that the access to the premium support is via your account on my.elementor.com. The support is for existing features only. Development issues (custom widgets and functions, custom code and CSS, BETA testing issues, compatibility issues with plugins you developed) have to be sent to our Github account.

How To Submit A Ticket

STEP ONE:

Log into your Elementor account at https://my.elementor.com

STEP TWO:

Click the FAQ & Support tab on the left menu and then click Find Solution under Support Center. Other options are also available to receive help from our Help Center or the Elementor Community.

STEP THREE:

After searching for answers already provided by Elementor, click the Contact Support button as shown below.

STEP FOUR:

Choose a category to direct your question or issue to from the provided options.

STEP FIVE:

Select the topic that best describes the issue you are having.

Step Six

Upload your system info for the team to better help you by providing them with your sites environment and error logs.

Step Seven

Fill out the support form with all the required fields. Give as much information as you can about the issue and steps you have taken.

Tip: Please remember to check your Spam mailbox periodically if you don』t receive a reply.

Note: We strongly recommend that you backup your website before contacting support.

Tips for Getting Fast, Accurate Support

Are you an Elementor Pro user? If so, please make sure you use the same email address in your support ticket that you used when you purchased Elementor Pro. This will enable the system to match you up with your Pro account, and that gives us the ability to provide you with the Premium level of support that you paid for.

In your initial support request, please be as detailed as possible so we can understand the issue.

Here are some tips that help us help you:

Give us links to the pages that have the actual issue happening right now.Show screenshots so we can visualize the problem.If the layout looks different in the editor than it does on the live site, show screenshots of both.What』s even better than screenshots? Video screencasts! Loom lets you create a free screencast where you can show us exactly the steps you are taking and you can explain it as you go. No matter how much detail you provide us, even with screenshots and screencasts, there are many situations where the only way we can take the troubleshooting to the next level is to be able to log into your WordPress admin area, using an Administrative-level user account, so we can fully investigate, and hopefully solve, the problem. We may ask you for your wp-admin administrative-level credentials, but you can be proactive and include that in your initial ticket if you』d like to save some back and forth communication time. Please include the following information:

The wp-admin URL, such as www.yourdomain.com/wp-admin (this may seem obvious but some users have the admin URL set up differently).The administrator-level username to login withThe password to log in withOccasionally, we may even need access to your server』s cPanel account, so we can troubleshoot server setup issues. You can get this information from your host. We will need the cPanel』s URL, its username, and its password.

Note: Once we receive credentials, we will begin troubleshooting, which may involve steps such as temporarily deactivating plugins or themes, so that we can test for compatibility issues. If you do not wish us to troubleshoot on your live site, then you should create a staging site, which is a duplicate test site, and give us credentials to this staging site instead. Several major hosting platforms like WP Engine or SiteGround offer services that create an online staging site, or you could also use a plugin such as WP Staging or WP Stagecoach, to do the same thing.

What do we support?

We support issues related to the current features of the Elementor plugin.

What don』t we support?

Officially, we don』t support 3rd-party themes or plugins, even if they are Elementor addons. However, we do try hard to provide free support for this whenever possible. Precedence, of course, is given to issues that are linked solely to Elementor. So, while we may try to help solve a compatibility problem, please understand that it may take time and ultimately we cannot guarantee that we can resolve it, as the solution may require the 3rd party to make changes on their end. For that reason, you should report the problem to the 3rd party as well. We strive to make Elementor as compatible as possible with 3rd party plugins and themes, but we cannot control the 3rd party』s code. If you find conflicts, please report the problem via the relevant support channel for either the Free or Pro version of Elementor. You can report problems with the free version at the WordPress repository support channel and you can report problems with Elementor Pro via your Elementor Pro account dashboard.Although Elementor acquired the Layers theme in January 2019, all customer experience for the theme is handled by the Layers User Community. You can read more about the terms of the acquisition.We don』t support custom code or custom CSS. We recommend joining our Elementor Community on Facebook. Our tens of thousands of members may be able to help you create or troubleshoot custom code.We do not give general WordPress support. You can find resources and answers around WordPress in the WordPress.org forums.We do not provide SEO consulting. Please contact an SEO expert for these matters.

Requirements

Our main goal at Elementor is to create the fastest, most advanced website builder for WordPress. To achieve this, we make sure it is based on the latest technology available.

Here are the system requirements you need in order to use Elementor.(If you are not sure whether or not your server supports this, contact your host).

Starter Checklist

Use this checklist to help guide you. Tick all that apply.

I have WP version 5.2 or greater

I have PHP version 7.0 or greater

I have MySQL version 5.6 or greater OR MariaDB version 10.0 or greater

I have WP Memory limit of 128 MB or greater (256 MB or higher is preferred)

I have the correct folder permissions granted on my server

I have new versions of Chrome, Firefox, Safari, or Microsoft Edge version 79 or greater

I have access to a desktop or laptop computer

WordPress 5.2 or Greater

Elementor works with WordPress version 5.2 or greater

PHP 7 or Greater

Note: If your site is hosted on a server with an older PHP, you may experience issues. We recommend you to contact your hosting provider to upgrade to the latest version of PHP.

Elementor may also work with PHP 5.4+, but these older versions have reached official End Of Life and as such may expose your site to security vulnerabilities and bugs, and may not always work as expected.

MySQL 5.6 or Greater

MySQL version 5.6 or greater OR MariaDB version 10.0 or greater

WP Memory Limit

WP Memory limit of 128 MB or greater (256 MB or higher is preferred)

Note: These requirements are for Elementor. If you are using additional plugins on your site that also have minimum requirements such as WooCommerce, you may need to increase your memory to 512 MB to help avoid loading issues. See also, the following documentation Elementor Widget Panel Not Loading.

Browsers

Please note that you must use Chrome, Firefox, Safari, or Microsoft Edge version 79 or greater to EDIT pages with Elementor. You will not be able to edit with versions of Microsoft Edge which are earlier than version 79, nor can you edit with any version of Microsoft Internet Explorer. Microsoft』s newest versions of Edge (v. 79 and higher, which was first released in January, 2020) are based on Chromium (the same base as Google Chrome), so Microsoft』s new Edge is now fully capable of editing pages with Elementor. Of course your pages built with Elementor will display as designed in all modern browsers. Most features will display properly in IE but because IE is an older browser, it is incapable of supporting some of the modern web technologies that Elementor may utilize for some of its features. For that reason, Elementor does not support IE anymore. Even Microsoft has stopped support for IE. If IE support is still critical for your particular circumstance, you may need to hire a developer to add custom code. You can find expert Elementor developers at the Elementor Experts portal.

Device

It is not possible to edit with mobile phones and tablets for the moment. You can only edit pages with Elementor on desktop computers.

Servers

If your website is hosted by WP Engine, you might need to add SSL to your website to avoid saving issues.

If you use SiteGround or GoDaddy, make sure that they modify the SubstituteMaxLineLength of your server for you

X-Frame options

It has to be set to 「same origin」 to avoid editing issues. Please ask your host to do this for you.

PHP Z-Lib Extension

It is preferable to have PHP Zlib extension enabled on your server. Please ask your host to enable this for you, if it is not.

Auto-Renewal

Your Elementor Pro license is automatically renewed annually. If you want to cancel your auto-renewal, go to your Elementor Pro account, and click Subscriptions in the left sidebar. Find the subscription for your website in the list that displays (if there is more than one), and click the title of the subscription to see its details.

3 Dots … Menu

Click the 3 dots icon in the upper right corner of the subscription』s detail page to turn Auto Renewal on or off.

You can renew your subscription manually. We will notify you via the WordPress Dashboard and via email that your license is about to expire.

Important! Canceling your subscription does not mean you get a refund, it means you canceled your auto-renewal. In order to get a refund, please contact our support team.

WooCommerce My Account Widget

Personalize the account page of WooCommerce with the My Account widget. Change the layout, tab names, tab alignment, as well as colors, and fonts. When publishing, you will be prompted to automatically assign this as your default My Account page in the WooCommerce settings.

Content

Tabs

Layout: From the dropdown menu select between vertical or horizontalSpacing: Use the slider or manually enter a value in PX, EM, or %Tab Names: Click each tab name to edit the valueAlignment: Use the icon to select between left, center, or right alignment

Style

Tabs

Typography: From the pencil icon, click to open the font option panel to choose the family, weight, transform, style, decoration, line height, and letter spacing optionsBackground Type: Use the icons to choose between a solid or gradient background for the normal, hover, and active statesColor (background): From the color picker, select the color(s) of the tab for the normal, hover, and active statesImage: Click to select or upload an image to the media library to use as the background image of your tab for the normal, hover, and active statesBox Shadow: Click the pencil icon to open the shadow properties optionsColor (Text): From the color picker, choose the color for your field text.

Borders

Border type: From the dropdown menu select between solid, double, dotted, dashed, or groovedWidth (border): Enter a chosen value in the fields based on px, em, or %Color (border): From the color picker, choose the background color for your borderBorder Radius: Enter a chosen value in the fields based on px, em, or %Padding: Enter a chosen value in the fields based on px, em, or %

Dividers

Color: From the color picker, choose the color for your DividerWeight: Use the slider or manual enter a value in the field (PX, EM)

Sections

Background Color: From the color picker, select the color for your sectionsBox Shadow: Click the pencil icon to open the shadow properties options

Borders

Typography

Section Titles

Color: From the color picker, choose the color for your titles. This color will apply to all section titles. Typography: From the pencil icon, click to open the font option panel to choose the family, weight, transform, style, decoration, line height, and letter spacing optionsText Shadow (Titles Only): Click the pencil icon to open the shadow properties options.Spacing: Use the slider to increase or decrease the spacing between components.

General Text

Color: From the color picker, choose the color for your text. This color will apply to all text.Typography: From the pencil icon, click to open the font option panel to choose the family, weight, transform, style, decoration, line height, and letter spacing options

Color: From the color picker, choose the color for your messagesTypography: From the pencil icon, click to open the font option panel to choose the family, weight, transform, style, decoration, line height, and letter spacing options

Checkboxes

Links

The following options are available for normal and hover states.

Color: From the color picker, choose the color for your links

Forms

Layout

Column Gap: Use the slider or enter the value in the field in PXRows Gap: Use the slider or enter the value in the field in PX

Labels

Color: From the color picker, choose the color for your labels. This color will apply to all labels.Typography: From the pencil icon, click to open the font option panel to choose the family, weight, transform, style, decoration, line height, and letter spacing optionsSpacing: Use the slider to increase or decrease the spacing between components.

Fields

Typography: From the pencil icon, click to open the font option panel to choose the family, weight, transform, style, decoration, line height, and letter spacing optionsColor (Text): From the color picker, choose the color for your field text. This color will apply to all field text.Background Type: Use the icons to choose between a solid or gradient backgroundColor (background): From the color picker, select the color(s) for the fieldImage: Click to select or upload an image to the media library to use as the background image of your fieldBox Shadow: Click the pencil icon to open the shadow properties options.

Borders (Fields)

Button

Typography: From the pencil icon, click to open the font option panel to choose the family, weight, transform, style, decoration, line height, and letter spacing optionsColor (Text): From the color picker, choose the color for your field text. This color will apply to all field text. You may apply a custom color to a sections field text in the Customize options shown belowBackground Type: Use the icons to choose between a solid or gradient backgroundColor (background): From the color picker, select the color(s) for the fieldImage: Click to select or upload an image to the media library to use as the background image of your fieldBox Shadow: Click the pencil icon to open the shadow properties options.

Borders (Button)

Order Details

Layout

Rows Gap: Use the slider or enter the value in the field in PX

Titles and Totals

Color: From the color picker, choose the text color for your titles and totals. Typography: From the pencil icon, click to open the font option panel to choose the family, weight, transform, style, decoration, line height, and letter spacing optionsText Shadow: Click the pencil icon to open the shadow properties options.

Items

Color: From the color picker, choose the text color for your itemsTypography: From the pencil icon, click to open the font option panel to choose the family, weight, transform, style, decoration, line height, and letter spacing options

Product Link

The following options are available for normal and hover states.

Color: From the color picker, choose the color for your product links

Dividers

Border Type: From the dropdown menu select between solid, double, dotted, dashed, or groovedColor: From the color picker, choose the color for your DividersWeight: Use the slider or manual enter a value in the field (PX, EM)

Buttons

Typography: From the pencil icon, click to open the font option panel to choose the family, weight, transform, style, decoration, line height, and letter spacing optionsColor (Text): From the color picker, choose the color for your field text. This color will apply to all field text. You may apply a custom color to a sections field text in the Customize options shown belowBackground Type: Use the icons to choose between a solid or gradient backgroundColor (background): From the color picker, select the color(s) for the fieldImage: Click to select or upload an image to the media library to use as the background image of your fieldBox Shadow: Click the pencil icon to open the shadow properties options.

Borders (Button)

Advanced

Global Advanced tab options are available for this widget.

Sending Email Confirmations with Elementor Forms

You can easily send and customize email confirmations with Elementor forms.

After adding a Form Widget to your section, Go to Actions After Submit > Add Action, and add Email.

Click the to open the Email section

To: Define the site owner』s address. It』s added by default according to the email set in the WordPress admin.Email Subject: Type in your Email SubjectEmail Content: By default all form fields are sent via Shortcode: [all-fields]. To customize the content, copy the Shortcode of the field i.e [field id=」name」] etc. You can find the Shortcodes under Form Fields > Email (or any other form field) > Advanced. You can also build your own custom email via HTML. See example at the end of the article.From Email: Type the From Email fieldFrom Name: Type the From Name fieldReply-To: Type the Reply-To field. The Reply-To content is identical to the From Email fieldCc: Type a CcBcc: Type a BccMeta Data: include additional Metadata in the sent email, such as Date, Time, Page URL etc.Send as: Send as HTML or Plain Text

Configure Email2

Email2 is very useful. For example, it could be a confirmation email received by your site』s visitor – immediately after he sent a form on your site.

To create one, go through the same process as above for Email.

Note: In the 『To』 field you should input the shortcode located in the advanced tab of the email field [field id=」email」].

Tip: You can personalize the confirmation email by using the submitter』s first name (『Howdy [field id=」name」]』).

The HTML Part

The following is an example template to use for this form. You will only need to use basic HTML tags to get started in this lesson but can build on this knowledge to create highly customized submissions. If you have no knowledge of HTML or access to any editor applications such as Dreamweaver, you may use the Elementor Text Editor widget to write the email template in the Visual mode, then switch to the Text mode and copy the HTML.

Example HTML

You have a new wedding to plan.

[field id=」first_name」] would like you to contact them about planning their wedding on [field id=」eventdate」] at [field id=」location」].

The couples vision and plans so far are as follows:

[field id=」message」]

Contact Information

First Name: [field id=」name」]
Last Name: [field id=」last_name」]
Email Address: [field id=」email」]
Phone Number: [field id=」phone」]

Good luck at the event!

Note: Only shortcodes located in the advanced tab of the form fields widget can be used. You cannot use shortcodes from anywhere else here. Adding other shortcodes from other plugins or elsewhere will cause a server error message. The shortcode needs to be written exactly as it appears in the form field』s advanced tab.

Adding The Template To The Form

We can now add this HTML to our form using the Email options in the controls. Paste the HTML into the message field replacing the [all-fields] default. Make sure that the send as HTML option is enabled near the bottom of the controls.

More Form Options

This page outlines the Form Confirmations Options. For other Form options, click one of the links below:

CONTENT

Form FieldsSubmit ButtonActions after submitAdditional Options

STYLE

FormFieldButtonMessages

Facebook Like Button Widget (Pro)

Add a Facebook Like Button to your website, so you visitors can like your pages or posts.

Content

Button

Type: Choose a Button Type, either Like or RecommendLayout: Select from either Standard, Button, Button Count or Box Count buttons.Size: Set the Button size, either Small or LargeColor scheme: Select between Light and Dark schemesShare button: Includes a Share Button next to the LikeFaces: Show Profile photosTarget URL: Set the Like Button for the Current Page or a Custom URLURL Format: Select Plain Permalink or Pretty Permalink

Note: You must also enter your Facebook App ID in the Elementor Settings > Integrations tab.

Note: If you are developing for European based sites, users must accept cookies, and be currently logged in to Facebook before the like, share, or comment buttons are displayed on the front end.

What Happens to my Site if I Cancel Elementor Pro?

Your existing project will remain intact, with all pages functioning as before if the versions of both Elementor Free and Elementor Pro remain exactly as they are at that moment in time. However, if you continue to update the free version of Elementor, but do not update Elementor Pro, then over time, the two will likely become incompatible with one another, and problems may occur. The code for Elementor』s free version is constantly being updated to add new features, fix bugs, and solve security issues. These code changes may eventually conflict with the old version of Elementor Pro that is not being updated as well. Canceling your auto-renewal of Elementor Pro means you will no longer enjoy our support team, updates, and access to premium templates which require renewal.

How Can I Report on Issues, Conflicts?

If you are having a conflict on your site, and you haven』t yet visited the Elementor Facebook group, be sure to join in: https://www.facebook.com/groups/Elementors/ You may also check our Community Hub and share experiences with other users.

This group is growing fast and already includes several thousand Elementor users. These include expert users that can help you with issues, problems and conflicts.

Bug Reports

The best way to report bugs is by creating a GitHub issue.

In case you』ve come across an issue or problem with Elementor, create a new issue, write a short explanation about the issue, and describe what are the steps through which we can reproduce it.

Don』t forget to include your system info.