How To Edit WordPress With Elementor

Hey! We’re glad you’re here.

We know it can be confusing to find the right tool for your website, especially when there are so many out there. That’s why we’ve put together this guide. We’ll teach you how to edit WordPress with Elementor, so that you can have the best experience possible when building your website.

How To Edit WordPress With Elementor

Editing with Elementor

After you have thought through questions to get you started, you can edit your pages by first logging into WordPress and clicking Visit Site from the upper-left menu on your Dashboard.

Click View Site to edit your Outcomes screen

 Navigate to the desired page and click Edit with Elementor on the top menu.

Click Edit with Elementor to edit your Outcomes page

Next, click on the text in the middle of the screen, go to the left editing window, remove the template wording and enter your narrative.

Click inside the text, go to the left menu to remove the template text and enter your Outcomes description

Elements on the page may not display correctly when editing inside Elementor. That’s okay, your page will look fine once you save and exit Elementor.

Adding Links

Create links to your featured work by first highlighting the appropriate text, clicking the hyperlink icon in the editing menu, and then choosing the gear icon.

Highlight text and click the hyperlink button to link to your work

In the pop-up window, select the appropriate blog post and click Add Link.

Select blog post and click add link

Moving and Deleting Sections

Moving a Section

To move a section hover your mouse over that section, click and hold the left Edit Section icon and drag-and-drop the section to where you’d like it to be.

To move a section hover your mouse over that section, click and hold the left Edit Section icon and drag-and-drop the section to where you'd like it to be.

Deleting a Section

To delete a section on the page you hover your mouse over that section and click the right Remove Section icon.

To delete a section on the page you hover your mouse over that section and click the right Remove Section icon.

Make sure to click Update in the lower-left to publish these changes on your site.

Click Update to publish your changes

When you’re done editing, you exit Elementor by clicking the upper-left menu and then clicking the Exit to Dashboard button.

exit Elementor by clicking the upper-left menu and then clicking the Exit to Dashboard button

wordpress edit with elementor not showing

If the Edit With Elementor link has disappeared from the WordPress Admin Bar, please check for the following possible reasons.

The Post Type has not been selected in Elementor’s settings

  1. Go to Elementor > Settings and make sure the relevant post type is checked.

General Troubleshooting Tips

If the post type is selected, but the problem persists, consider any changes that have been made recently to your site. To find the cause of the problem, follow these general troubleshooting tips:

  1. There may be a plugin which is causing this issue. Try to deactivate all of your plugins (besides Elementor) and see if the Edit with Elementor link returns. If this solves the issue, reactivate each plugin, one by one, until the problem returns. This will help you discover which plugin is causing the problem. 
  2. Your theme may also be causing this issue. To test, temporarily switch your theme to Hello. (Your current theme settings will not be lost, and your site will return to normal as soon as you switch back to your normal theme). If the problem disappears with the use of the Hello theme, but reappears with the use of your theme, contact your theme’s developers for help to resolve the issue.
  3. Have you added any custom code? Temporarily remove the code to see if the problem is solved. If so, you’ll need to troubleshoot your custom code to resolve the issue.

Workaround

If the Edit with Elementor link is not visible in the Admin Bar, go to the page or post listings instead (e.g. Pages > All Pages). Hover over the page or post you wish to edit, and click the Edit with Elementor link that appears on hover. This will allow you to edit the page even when the Admin Bar link is not available.

Leave a Comment