help center

Search
Close this search box.
On this page

Page Title widget

Last Update: March 17, 2024

Add the widget

Page Title
  1. In Elementor Editor, click +.
    All available widgets are displayed.
  2. Click or drag the widget to the canvas. For more information, see Add elements to a page.

What is the Page Title widget?

The Page Title is a dynamic widget that automatically retrieves the title of the page directly from the WordPress editor. Although the page title can only be replaced or deleted in the Elementor Site Identity settings or WordPress Customizer, using the Page Title widget, you can customize font size, font family, color, alignment, letter spacing, text shadow, background color or image, padding, margin, and more.

Common use case

Mark is building an e-commerce website to sell handmade crafts and artisanal products. To maintain a professional and cohesive look, they want to ensure that all the page titles are visually appealing and consistent across the site. 

By using the Page Title widget, Mark dynamically displays the title of each page, automatically fetching the titles that are set in the WordPress editor. Additionally, Mark customizes the appearance of these titles, adjusting their size, color, typography, and alignment to match the brand’s style guide.

Page Title 1

Additional use cases

  • Showcase event titles with consistent styling on an event management platform.
  • Present course titles with uniform formatting on an online learning platform.
  • Highlight service titles with customized typography on a business website.

Add a Page Title widget: Step-by-step

  1. Add the Page Title widget to the canvas. For details, see Add elements to a page.
  2. In the Content tab, the Title field automatically fetches your page title from Elementor Site Identity settings or WordPress Customizer. Whatever title you have set for your page in the WordPress editor will be displayed here.
    Page Title 4
    1. (Optional) Under the Title field, you get Settings and Advanced options. 
      • In the Settings box, slide Yes to Include Context and Show Home Title.
        Page Title 10
      • In the Advanced box, you can add Before, After, and Fallback text.
        Page Title 7
  3. In the Link field, enter the URL to make your page title clickable. Click the icon Page Title 2 to set more link options.
    Page Title 9
  4. In the HTML Tag field, choose the page title’s tag. Options include H1 to H6 (heading tags), Div, Span, or Paragraph. 
    Page Title 3

Settings for the Page Title widget

You can customize your widgets using content, style, and other advanced parameters, offering you great flexibility in tailoring them to your needs. Click the tabs below to see all the settings available for this widget.

Content tab

Page Title 8

The title is automatically retrieved from the page’s settings in WordPress.

Enter the URL to make your page title clickable. Click the icon Page Title 2 Page Title widget 10 to set more link options.

Choose the HTML tag used for the page title text. You can choose from H1 to H6 (heading tags), Div, Span, or Paragraph,

Style tab

Page Title 6

Determines how the page title text is aligned within its container. Options included are left right, center, or justified alignment.

Choose the color of the Page Title text.

Adjust typography options such as font family, weight, style, and size for the page title text. For more details, see Typography.

Click the 🖋️ icon to apply a stroke effect to the page title. Learn more about Text Stroke.

Click the 🖋️ icon to add a shadow to the page title. Learn more about shadows.

Apply layer blending effects to the page title text, such as Normal, Multiply, Screen, Overlay, etc.

Advanced tab

The Advanced tab provides options to control widget position, adjust spacing, add custom code, and more.

Page Title 5

Learn more about the Advanced tab settings.

Have more questions? We’re more than happy to assist.

Link is copied to clipboard!
On this page

Is this article helpful?

Share this article