Page Title Widget

Display Custom & Dynamic Page Titles

The Page Title widget by Ultimate Addons for Elementor Lite helps you display page titles with custom text. Whether you’re building landing pages, archive pages, or blog posts, this widget ensures that your titles are clear, consistent, and styled to match your design. It also contributes to better SEO by presenting relevant headings for each page.

With full control over alignment, typography, and styling, the Page Title widget is a must-have for adding structure and clarity to your Elementor pages.

How to Use the Page Title Widget

Step 1: Drag and Drop the Widget

• Open the Elementor editor for the page where you want to add a title.
• Search for Page Title in the widgets panel.
• Drag and drop it into your desired section.

Step 2: Custom Text

In the Content tab, you’ll find options to configure what title appears:

• Before Title Text: Add custom text that appears before the page title.
• After Title Text: Add custom text that appears after the page title.

If your Page Title is “About Us”, here are a few complete examples:

Introducing About Us – The People Behind the Brand
Welcome to About Us
About Us – Our Story
Get to Know About Us | A Closer Look

This flexibility allows you to enhance your headings with contextual or stylistic text. Here are some more examples:
– adding prefixes like “Welcome to”, “Discover More”, “Get to Know”, “Learn About”, “Introducing”, “Behind the Scenes of”, “Who We Are”.
– adding suffixes like “- Official Site”, “Our Story”, “A Closer Look”, “What We Stand For”, “Get to Know Us”, “The People Behind the Brand”, “Company Overview”, “Our Journey”, “Your Trusted Team”.

Customization Options

Content Settings

• Link: Add a custom Link to the Title.
• HTML Tag: Define the heading level (H1, H2, H3, etc.) for better SEO hierarchy.
• Size: Define the size for the Heading (Small, Medium, Large, XL, XXL).
• Text Alignment: Align left, center, right, or justify.

Style Settings

Customize the look and feel of your title with these style options:

• Text Color: Choose the perfect shade to match your site’s design.
• Typography: Adjust font family, font weight, size, and line-height for better readability and branding.
• Text Shadow: Add subtle or bold shadows to create depth and highlight your title.
• Blend Mode: Set how the title blends with the background (e.g., Multiply, Overlay) for creative visual effects.

Use Cases

• Custom Headings with Branding: Add prefixes like “Welcome to” or suffixes like “Official Site” to create branded, engaging titles for your pages.
• Highlight Page Purpose: Use titles like “Explore Our Services – Your Growth Partner” to make page intent more clear and attractive to visitors.
• Marketing Pages: Craft impactful headings such as “Limited-Time Offer – Shop Now!” to grab attention and boost conversions.
• SEO Optimization: Wrap your titles in appropriate heading tags (like H1) and enrich them with keywords using prefixes and suffixes for better search visibility.
• Section Separators: Use the widget as a styled heading between page sections with interactive text like “Next Step → Contact Us”.

Tips for Better Results

• Use Page Title for templates built with Elementor Theme Builder.
• Always ensure your page has only one H1 tag for SEO best practices.
• Pair this widget with UAE Lite’s Breadcrumbs for enhanced navigation.

Conclusion

The Page Title widget is a simple yet powerful tool to boost the clarity, consistency, and SEO of your Elementor pages. Whether you’re building pages manually or dynamically, this widget makes managing and styling your titles effortless.

Try it out today and bring better structure to your site’s content!

Need Help?

If you have any questions or face issues while using the widget, feel free to reach out to our support team or check out more UAE Documentation.