How to Change a WordPress Page Title With Elementor

Changing a page title in WordPress sounds straightforward — until you realize there are actually two different "titles" at play, and Elementor gives you control over both in different ways. Understanding which title you're editing, and where it lives, is the key to getting the result you actually want.

The Two Titles You Need to Know About

When you're working on a WordPress page, there are two distinct title fields:

• The WordPress page title — set in the WordPress editor (Block Editor or Classic Editor). This is stored in the database as the official post title. It feeds your browser tab, your URL slug (by default), and often your SEO meta title.
• The on-page display title — what visitors actually see rendered on the page itself. This can come from the theme, a widget, or an Elementor element.

These two can be completely different from each other, and that's intentional. Elementor lets you design the visual experience independently from the backend post title. Most confusion around this topic comes from not knowing which one needs changing.

Changing the Page Title Inside the Elementor Editor

When you open a page in Elementor, you're working in the visual canvas. If you've added a Heading widget to display the page title, you can click directly on it and edit the text in the left-hand panel under Content → Title. This changes only the visual display — it does not update the WordPress post title or the URL.

To change the actual WordPress page title while inside Elementor:

1. Open the page in the Elementor editor
2. Click the hamburger menu (three horizontal lines) in the top-left corner
3. Select Page Settings (or look for a settings gear icon depending on your Elementor version)
4. The Page Title field here reflects and edits the WordPress post title

This updates the backend post title — the one that shows up in your admin dashboard, in browser tabs, and in search results if your SEO plugin is pulling from it.

When the Theme Controls the Title

Many WordPress themes automatically display the page title at the top of the content area using a theme template — not an Elementor widget. If you see a title appearing above your Elementor content and you didn't add it yourself, it's almost certainly the theme rendering it.

To remove or change this theme-generated title, you have a few options:

• Hide it via Page Settings — In Elementor's Page Settings panel, look for Hide Title toggle. Not all themes support this, but many do through Elementor's integration.
• Use Elementor's Theme Builder — With Elementor Pro, you can build custom page templates that replace the theme's default layout entirely, giving you full control over where (or whether) the title appears.
• Edit the theme settings — Some themes have their own options panel where you can disable the page title on a per-page basis.

The approach that works depends entirely on which theme you're using and whether you have Elementor Free or Elementor Pro.

Using the Heading Widget as Your Page Title 🎨

A common workflow — especially for landing pages and custom layouts — is to:

1. Hide the theme title completely
2. Add a Heading widget inside Elementor with whatever text you want displayed

This gives you full design control: font, size, color, spacing, animation. But it means your visual title and your SEO title are now decoupled. Your SEO plugin (like Yoast or Rank Math) will still read the WordPress post title from the backend, not whatever text you typed into the Heading widget.

This decoupling is useful for design flexibility but requires awareness. If your SEO title needs to say "Affordable Web Design Services" and your visual heading says "Let's Build Something Great," those can coexist — intentionally.

Dynamic Titles With Elementor Pro

Elementor Pro includes a Dynamic Tags feature that lets your Heading widget automatically pull in the official WordPress post title. Instead of typing static text, you connect the widget to the post title field.

This matters most if you're building reusable templates across many pages — a dynamic title means you set the design once and each page displays its own correct title automatically.

SEO Considerations When Editing Page Titles

Changing the visual title in Elementor does not automatically update your SEO meta title. The meta title (what appears in Google search results) is typically managed by your SEO plugin, independently of both the WordPress post title and the Elementor heading.

The chain usually looks like this:

SEO plugin meta title → WordPress post title → Elementor visual heading

Each layer can be overridden independently. If you want them all aligned, you need to check each one separately.

What Determines the Right Approach for Your Setup 🔧

Several variables affect which method works for you:

• Elementor Free vs. Elementor Pro — Pro unlocks Theme Builder and Dynamic Tags
• Your active theme — some support Elementor's Hide Title toggle, others don't
• Your SEO plugin — and whether it's set to inherit or override the post title
• Page type — a blog post, a landing page, and a WooCommerce product page each behave differently
• Whether you're using a full-site editing theme — block themes add another layer of title control entirely

The same steps that work perfectly on one WordPress setup can produce completely different results on another, depending on this combination of tools and theme architecture.