Now that you know how to access the editor and what you’re looking at, let’s go through editing the common content types on your pages: text, images, and buttons/links. The process for editing content is intuitive – you click on the element you want to change, then use the left panel to modify its content. 

Editing Text Content

Text on your website may appear as paragraphs, headings, lists, or other text blocks. These are usually handled by Text Editor widgets (for body text or longer content) or Heading widgets (for titles and headings). Editing text is very straightforward:

To edit a text paragraph or heading:

1. Click the text on the canvas: In the live preview, click on the text you want to edit. The widget will be highlighted, and the left panel will show its settings. For a Text Editor widget, you’ll see a rich text field in the Content tab. For a Heading widget, you’ll see a simpler “Title” field.

2. Type or modify the text: Place your cursor in the text field (or directly on the canvas if it’s easier) and start typing. You can add or delete words, fix typos, etc. The changes will appear immediately on the page preview. In the Content tab for a Text Editor widget, you have formatting options (bold, italics, bullet points, etc.) much like a mini word processor . Use these to format the text as needed (e.g., make certain words bold for emphasis or create a bulleted list).

3. Apply headings or styles if needed: If you’re editing a heading widget, you might see an option to change the HTML tag (H1, H2, H3…). It’s best to keep these consistent with the site’s existing structure – generally you won’t need to change the heading level. For body text in a text editor widget, you can use paragraph or heading styles via the toolbar if necessary, but maintain consistency (e.g., don’t randomly make a paragraph into a heading; that should be done by using a Heading widget).

4. Add links in text (if needed): To turn any portion of text into a hyperlink, select the text in the editor field and click the insert/edit link icon (🔗) in the toolbar. Enter the URL you want to link to (or choose a page on your site from the suggestions that appear). You can also toggle the option to open in a new tab if the link goes to an external site. After adding, the text will appear underlined (by default) indicating it’s a link.

That’s it – your text is edited. Remember, changes are not live on your public site until you hit the Update button (which we’ll cover in Previewing and Publishing). If you make a mistake while typing, you can always undo (Ctrl+Z, or Cmd+Z on Mac) . We’ll talk more about undo and revisions shortly.

According to Elementor’s documentation, you can simply type or paste your text into the Content tab’s text editor field and format it using the provided options, similar to a basic word processor . This means you have familiar controls for bold, italic, lists, alignment, etc., right there in the editor.

Note: If you need to paste text, it’s often a good idea to use the “Paste as text” option (or Ctrl+Shift+V) to avoid bringing over unwanted formatting from another source. Then use Elementor’s toolbar to style it. This ensures consistency in appearance.

Once you’re happy with the text content, you can move on to editing other elements or save your changes.

📹 Video: How to Use the Text Editor Widget in Elementor (Official Video, 6:06) – This tutorial video by Elementor covers the basics of editing text content using the Text Editor widget, including formatting text and using columns for text . It’s a great visual guide if you want to see text editing in action.

Editing Images

Images are handled by the Image widget (for standalone images in your content) or sometimes as background images of sections/columns (which are a bit more advanced to change – focus on regular images first). With your access, you can replace images in Image widgets very easily. Here’s how:

To replace or edit an image:

1. Click the image on the page: In the Elementor canvas, click on the image you want to change. You’ll see a blue highlight around it, and the left panel will show settings for the Image widget.

2. Choose a new image: In the Content tab of the Image widget settings, click the Choose Image area or the image thumbnail. This opens the WordPress Media Library in a popup .

3. Select or upload: In the media library, you can either upload a new image from your computer (drag-and-drop or click Upload) or select an existing image from the library. After selecting the image, you can click the blue Insert Media button to apply it.

4. Image settings: Back in the Elementor panel, you have a few basic options:

   • Image Size (Resolution): You can choose a size (Thumbnail, Medium, Full, etc.) or a custom size. Usually, it’s fine to leave as default or Full; the site may already optimize it. 

   • Alignment: Set the image alignment (left, center, right) if needed .

   • Caption: You can add a caption if desired (this will show below the image). There’s an option to use the media file’s caption or custom text.

   • Link: If the image should link somewhere when clicked, you can set a link (to media file, a custom URL, or none). Often images are not clickable unless they’re meant to open in a lightbox or link to another page . If you do set a link, you can toggle whether it opens in a new tab.

5. Alt Text (important for SEO/accessibility): When you selected or uploaded the image in the Media Library, there is a field called “Alt Text”. Always fill this in with a short description of the image (e.g., “Team photo of our staff” or “Screenshot of product dashboard”) . Alt text is used by search engines and screen readers for the visually impaired; it’s good practice to include it .

In summary, to change an image, click the image widget, then click Choose Image in the Content tab. You can upload a new image or select one from your Media Library to replace it . The new image will appear on the page immediately once inserted. Make sure it looks correct and is not distorted – Elementor will auto-scale it to the column or container width. Use the alignment setting if you want the image left/right/center within its column.

If the image is a background of a section/column (for example, a hero banner background), editing it is a bit different: you’d have to edit the section’s style. However, with content-only access, you might not be able to change section backgrounds (since that’s in the Style tab). In those cases, contact the admin for assistance if an important background needs changing. For regular content images, you have full control as described above.

📹 Video: How to Use the Image Widget in Elementor (Official Video, 6:44) – This video shows how to add and customize images using the Image widget, including replacing images, adjusting size, alignment, and adding links. It’s a helpful visual guide for image editing.

Editing Buttons and Links

Buttons are a key part of your site’s calls-to-action (e.g., “Contact Us”, “Learn More”). They are usually implemented with the Button widget in Elementor. Editing a button’s text or link is very straightforward. You can also edit other hyperlink elements similarly.

To edit a button:

1. Click the button on the page: Select the button you want to edit. The left panel will show the Button widget settings (Content tab).

2. Change the button text: In the Content tab, there will be a Text field. Simply type the new label you want on the button (e.g., change “Subscribe Now” to “Sign Up”) . The button text on the canvas will update accordingly.

3. Change the link URL: Just below the text field is the Link field. Here you can enter the URL that the button should go to when clicked . This could be an internal page (you can start typing its name to select it) or an external link (paste the full URL, including http/https). Make sure the URL is correct and test it if needed. If it’s an external link (to another website), toggle the gear icon next to the field and choose “Open in new window” so it doesn’t navigate people away from your site entirely . (You generally won’t need to use the nofollow option unless instructed for SEO reasons).

4. (Optional) Other button settings: You might see options for alignment (left/center/right within its column) or an icon to add to the button. Typically, these design choices are already set. It’s best not to change the style (color, size, etc.) to keep consistency – and you may not have access to Style tab anyway. Stick to editing the text and link URL for the button.

That covers the basics for buttons. Any text link within paragraphs is edited as part of text (as described in the text editing section). If you need to change a text hyperlink after it’s created, click on the text, find the linked text, and either click the pencil/edit icon that appears or remove and re-add the link using the toolbar.

For menu links or other special links (like in your site’s header or footer), those are typically managed through the WordPress menu editor or Theme Builder, not directly on the page with Elementor – so those might be outside the scope of your content editing role. Focus on links/buttons in the page content area.

Elementor’s guide for the Button widget indicates that editing it is as simple as entering the new text in the Text field and updating the URL in the Link field . You have just done exactly that. Once you update the button’s text and link, you can also verify on the preview that it looks right (text isn’t too long, link goes to correct place, etc.).

📹 Video: How to Use the Button Widget in Elementor (Official Video, 7:56) – This tutorial walks through adding and customizing a Button widget. It demonstrates changing the button text, setting the link URL, and other options. Watching it will reinforce how to quickly edit buttons on your page.