Have you ever been working on a page in WordPress and accidentally switched it to Elementor, only to find that your formatting and customizations were completely gone, or things that used to be there aren’t loading correctly?
We love WordPress and all you can do with the Blocks editor, but sometimes you want a page builder that can do some heavy lifting. For those extra special pages we use Elementor. Elementor is a powerful WordPress page builder that allows you to easily customize the design of your page with a few simple clicks. However, this power can also become problematic if you accidentally switch your WordPress page to Elementor.
In this blog post, we’re going to cover how to fix accidentally switching to Elementor and getting it back to its original form. We’ll also share tips for avoiding the issue in the future, so you can be sure your hard work is never lost.
Identifying the Problem after Switching to Elementor
The first thing you may notice after accidentally switching a page to Elementor is it not displaying correctly on the frontend. It may be showing as fullwidth instead of with your sidebar, some elements may not be displaying at all, and sometimes things are just completely out of place. When this happens it’s time to revert the page back to the Blocks editor.
It is important to note that the only way to switch a regular WordPress page to Elementor is by clicking the “Edit with Elementor” button at the top of the screen when you are in the backend of a page. Once this button is clicked, your page will be converted to Elementor and any settings on your site for Elementor pages will automatically apply.
Reverting Back to Blocks Editor: A Step-by-Step Guide
First, you will need to re-open the page in Blocks editor by clicking the “Edit Page: tab at the top of the page. Then, you will need to click the “Back to WordPress Editor” button at the top of the edit screen, but there are couple of things you need to consider.
When you click the “Back to WordPress Editor” button you will get a notification that says “Please note that you are switching to WordPress default editor. Your current layout, design and content might break.” As long as you have not made any changes to the page you can click “Continue” with no consequence.
If you have made changes to the page after accidentally switching to Elementor those changes will be lost when you revert it back to WordPress editor. If this is the case you can use the “History” feature in Elementor. View the changes made, copy them, and then be ready to put them in once the page is switched back to the Blocks editor. Once you feel confident you have captured any changes made, you can re-open the page in Blocks editor and go ahead and click the “Back to WordPress Editor” button. Paste in whatever content may be missing and click “Update”.
Tips For Preventing Accidental Switching to Elementor in the Future
The goal here is avoiding the problem to begin with, right? As mentioned, the only way to switch a regular WordPress page to Elementor is by clicking the “Edit with Elementor” button at the top of the screen when you are in the back end of a page.
When you click the “Edit Page” tab and are initially taken to the backend of you page if your page is in Blocks editor you will see your pages content just below the page title. If you see your page content there, DO NOT click the “Edit with Elementor” button at the top of the page.
If your page is in Elementor, the content area of your page will look blank and there will be a blue button that says “Edit with Elementor”.
Updating your website can be a tedious job and nobody likes when things don’t go as planned. By following these steps, you can identify the problem, undo the changes made, revert your page back to the Blocks editor and all will be right in the world. Well, your web world anyway!