Getting Started with Elementor

What Is Elementor Pro?

Elementor Pro has become one of the most popular WordPress page builders—and for good reason. It gives web developers and business owners a powerful visual toolkit for designing stunning websites without touching a single line of code.

Below is a guide to getting started and learning the essentials with official documentation and video tutorials.

Elementor Pro: Getting Started Guide for Making Basic Content Updates

Now that your new website is live, you have the ability to make quick, simple updates anytime you need — without touching code or risking your site’s design. Your site was built using Elementor Pro, a powerful visual page builder that lets you edit content with an intuitive drag‑and‑drop interface.

This guide will walk you through the essentials so you can confidently update text, images, buttons, and basic page content.


What You Can Safely Edit

Elementor Pro makes it easy to update everyday content. As our client, you can confidently edit:

  • Text on any page
  • Images and galleries
  • Buttons and links
  • Icons and simple visual elements
  • Basic layout adjustments (padding, spacing, alignment)
  • Duplicate or delete sections
  • Add new content blocks using existing styles

Your global design settings, templates, and advanced features are already configured — so you can focus on content, not structure.


How to Access Elementor

  1. Log in to your WordPress dashboard.
  2. Navigate to Pages.
  3. Hover over the page you want to edit and click Edit with Elementor.

This will open the visual editor where you can make changes in real time.


Understanding the Elementor Interface

Left Panel: Your Editing Tools

This is where you’ll find widgets like:

  • Heading
  • Text Editor
  • Image
  • Button
  • Icon
  • Divider

You’ll also see Style and Advanced tabs for each element, giving you control over colors, spacing, and alignment.

Right Side: Your Live Page

Click any element directly on the page to edit it. Your changes appear instantly.


Making Basic Content Updates

Editing Text

  1. Click the text you want to change.
  2. Type directly into the editor or use the left panel.
  3. Click Update (bottom left) to save.

Replacing an Image

  1. Click the image.
  2. Select Choose Image.
  3. Upload a new file or pick one from the media library.
  4. Click Insert Media, then Update.

Updating a Button or Link

  1. Click the button or text link.
  2. In the left panel, update the Link field with your new URL.
  3. Click Update.

Duplicating a Section

This is great for adding new content while keeping the same style.

  1. Right‑click the section.
  2. Choose Duplicate.
  3. Edit the new version as needed.

Deleting a Section

  1. Right‑click the section.
  2. Select Delete.
  3. Click Update to save.

Helpful Elementor Pro Features You’ll Use Often

Global Styles

Your site’s colors and fonts are already set. When you add new text or buttons, Elementor automatically applies your brand styling.

Flexbox Containers

Your site uses Elementor’s modern layout system. Containers help keep spacing and mobile responsiveness consistent — even when you add new content.

Responsive Editing

Click the Responsive Mode icon (bottom left) to preview your page on:

  • Desktop
  • Tablet
  • Mobile

You can adjust spacing or alignment for each device if needed.

Official Elementor Learning Resources

If you want to explore further, these official guides and tutorials are excellent:

Elementor Documentation

Elementor Video Tutorials

These resources are perfect if you want to learn more without feeling overwhelmed.

Final Tips for Smooth Editing

  • Always click Update to save your changes.
  • Avoid changing global settings unless we’ve trained you to do so.
  • Duplicate existing sections instead of building new ones from scratch.
  • Keep images optimized (under 200–300 KB when possible).
  • If something looks off, use Undo or exit without saving.

When Not to Edit with Elementor

Some content on your website may be managed outside of the Elementor editor. For example, WordPress “posts”, WooCommerce products or content managed with a custom admin section (custom post type).

Have Questions?

If you need assistance with editing your WordPress website or editing with the Elementor page builder contact our web design team.

Learn more about our web design services.