Accessing the Elementor Editor

To edit your website’s pages, you’ll first need to log in and open the Elementor editor. Follow these steps:

1. Log in to WordPress: Go to your-site.com/wp-admin and log in with your username and password. (If you don’t have a login, contact us to set up your account.)

2. Navigate to the page: In the WordPress Dashboard, go to Pages (or the relevant section for your content, e.g. Posts or a custom post type) and find the page you want to update. You can also use the search bar to locate it.

3. Open with Elementor: Hover over the page title and click Edit with Elementor. Alternatively, if you’re viewing the page on the front-end while logged in, click Edit with Elementor from the top Admin Toolbar. This will launch the Elementor visual editor for that page.

Once the Elementor editor loads, you will see your page ready to be edited in a live preview. Because your account is set with content-only editing permissions, you can modify text, images, and existing widgets, but you won’t be able to drag in new widgets or add new sections/columns – the options to add will be visible but not functional for your role. This ensures the design structure stays intact w
hile you edit content.

Tip: If you try to drag a new element and nothing happens, that’s because ​​​​of the restricted role. You’re limited to editing the content of what’s already there, which is usually all you need to update text, swap images, etc. If you think you need a new section or widget that isn’t present, please contact the website administrator for assistance.

Now that you have the editor open, let’s get familiar with its interface and tools.

Understanding the Elementor Interface

When the Elementor editor is open, your screen is divided into a few key areas. Understanding these will help you navigate and edit your content:

• Top Bar: The top toolbar contains important actions and settings – for example, the Preview button (eye icon), Update/Publish button, responsive viewing options, undo/redo, and the menu (≡) for global settings. You’ll use this bar to preview your changes and save them.

• Editing Panel (Left Sidebar): On the left side, you’ll see the Elementor panel. This is where all the widgets (text, images, buttons, etc.) are listed under the “Elements” tab, and where the settings for any selected element appear. In other words, the left panel is your toolbox for adding widgets (for users with full access) and editing the content/settings of widgets. The panel is also where you’ll see “Content”, “Style”, and “Advanced” tabs for a selected element. (With your access level, you’ll mainly use the Content tab for making text or image changes.)

• Canvas (Page Preview Area): The large area on the right is the canvas, which shows a live preview of your page. This is essentially the content area where you visually edit the page . You can click on text to start typing, or click on an image to select it, and see those changes happen on the page in real-time.

The Elementor Editor interface has three main sections: the Top Bar, the Panel, and the Canvas. The canvas on the right is your live page preview where you add or edit content, and the panel on the left contains the tools and settings for designing the page . Elementor pages are built using three basic building blocks – Sections, Columns, and Widgets . Sections are the full-width horizontal rows of the page, which can be divided into columns. Inside columns live the widgets (the actual content elements like text boxes, images, buttons, etc.). You will notice outlined rectangles and handles when you hover around different parts of the page – blue handles for sections, black for columns, and a grey handle for each widget.

As a content editor, you won’t be adding new sections or moving things around, but it’s helpful to know the structure. You will mostly be clicking on existing widgets to edit their content. When you select a widget (for example, a text box or an image), its settings will appear in the left panel. Make sure you’re on the Content tab of the panel to edit the main content of that widget. (The Style tab is usually locked for content-only access, or you should avoid it to prevent design changes.)

Take a moment to familiarize yourself with the interface. You can’t break anything by clicking around. Next, we’ll dive into editing specific types of content.

Next: Editing Content in Elementor