---
title: "Heading Title Widget: Settings Overview"
url: https://theplusaddons.com/docs/heading-title-widget-settings-overview/
date: 2024-02-03
modified: 2026-04-11
lang: en
author: "Aditya Sharma"
description: "When it comes to creating a visually appealing and organized website, the use of headings is crucial. Not only do headings help break up content and make it easier to..."
image: https://theplusaddons.com/wp-content/uploads/2024/02/Heading-Title-Widget_-Settings-Overview-1024x536.jpg
word_count: 847
---

# Heading Title Widget: Settings Overview

## 

- Utilizes the Heading Title Widget from The Plus Addons for Elementor to enhance website organization and SEO.
- Offers 9 unique style options for customizing heading titles, including Modern, Simple, and Animated Split.
- Enables word count limitation for headings and subtitles, allowing control over displayed text length.
- Includes On Scroll View Animation feature for dynamic heading appearance during page scrolling.

When it comes to creating a visually appealing and organized website, the use of headings is crucial. Not only do headings help break up content and make it easier to read, but they also improve SEO for your Elementor website. 

Using the Heading Title Widget from The Plus Addons for Elementor makes it very easy to create nice and stylish headings that draw user attention and organize your website’s content.

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-heading-titles/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

## Required Setup

- [Elementor FREE Plugin](http://wordpress.org/plugins/elementor/) installed & activated.

- You need to have [The Plus Addons for Elementor](http://wordpress.org/plugins/the-plus-addons-for-elementor-page-builder/) plugin installed and activated.

- Make sure the Heading Title widget is activated, to verify this visit The Plus Addons → Widgets → and Search for Heading Title and activate.

## How to Activate the Heading Title Widget?

Go to 

- **The Plus Addons **→** Widgets **

- **Search **the widget name** **and** turn on the toggle.**

![](https://theplusaddons.com/wp-content/uploads/2024/02/Tpae-Heading-Title-Activate-1-1024x323.png)

## Key Features

- **Style Options:** Choose from 9 unique styles to personalize your heading titles.

- **Limit Word Count: **Set a specific [word count for your headings in Elementor.](https://theplusaddons.com/docs/limit-word-count-in-heading-elementor/)

- **Page Heading Title:** Easily add [page heading titles directly within Elementor.](https://theplusaddons.com/docs/post-page-title-in-elementor/)

- **Text Animation:** You can easily [add animation to the heading](https://theplusaddons.com/docs/add-text-animation-in-the-heading-title-widget/).

## How to Add Heading Title in Elementor?

Add the Heading Title widget to the page. 

#### Layout

> *Note: By clicking on the **Import Presets** button, you can import a ready-made design and customize it as per your requirements.*

From the **Style** dropdown, you can select any one from multiple style options.

**Modern** - In this style, you will get a modern look in the heading title.

**Simple** - In this style, you will get a simple, basic look in the heading title.

Classic - In this style, you will add a separator between the title & description.

**Double Border **- In this style, you will add a double border as a separator between the title & description.

**Vertical Border** - In this style, you will add a vertical border as a separator above/down.

**Dashing Dots - **In this style, you will add dots as separators between the title & description.

**Unique** - In this style, you will get a unique style for the title & description.

**Stylish** - In this style, you will add a border plus dots as separators between the title & description.

**Animated Split -** In this style, you can [add an animated heading title.](https://theplusaddons.com/docs//animated-headings-in-elementor/)

Let’s select the style as **Modern** here.

In the **Select Heading** dropdown, you have to select the heading type. Here you’ll find two options: set as **Default **or **Page Title**.

- **Default** -  This will add a normal heading.  

- **Page Title** - With this option, you can add a page title dynamically for the current page. 

Let's select **Default **here.

From the **Alignment** section, you can align the heading.

#### Content

In the **Heading Title** field, you can add the main title. 

![](https://theplusaddons.com/wp-content/uploads/2024/02/heading-title-content-new.png)

In the **Sub Title** field, you can add a subtitle. 

Then, in the **Extra Title **field, you can add an extra title. 

You can place the extra title before or after the main heading from the **Extra Title Position** dropdown. 

#### Extra Option

From the  **Heading Title & Sub Title Limit **toggle, you can limit the Heading Title and Sub Title.

From the **Heading Title Limit** group control, you can control the title limit.

From the **Limit On** dropdown, you can select words or characters displayed in the title.

From the **Heading Title Count **section, you can control the maximum number of words or characters displayed in the title.

By enabling the **Display Dots** toggle, this will add dots at the end of the heading title.

From the **Sub Title Limit** group control, you can control the sub title limit.

From the **Limit On** dropdown, you can select words or characters displayed in the subtitle.

From the **Sub Title Count **section, you can control the maximum number of words or characters displayed in the subtitle.

By enabling the **Display Dots** toggle, this will add dots at the end of the sub title.

### Title Text Animation

By enabling the **Enable Animation** toggle, you can [add animation to the main heading](https://theplusaddons.com/docs/add-text-animation-in-the-heading-title-widget/).

![](https://theplusaddons.com/wp-content/uploads/2024/02/heading-title-title-text-animation.png)

### Sub Title Text Animation

By enabling the **Enable Animation** toggle, you can add animation to the sub title.

![](https://theplusaddons.com/wp-content/uploads/2024/02/heading-title-sub-title-text-animation.png)

## How to Style the Heading Title Widget in Elementor?

To style the** **Title, you’ll find all the options in the Style tab.

**Main Title** - From here, you can manage the main heading style. You can change the title HTML tag, title typography, color, padding, etc. You can also add special effects to the title from here.

![](https://theplusaddons.com/wp-content/uploads/2024/02/heading-title-style-new.png)

**Sub Title** - From here, you can manage the sub title style. You can change the title subtitle tag, padding, typography, subtitle color, etc.

**Extra Title** - From here, you can manage the extra title style. You can change the typography, extra title color, etc.

**Advanced **- You can select the position of the main title to show it either after or before the sub title.

**On Scroll View Animation: **This global extension is available for all widgets and adds a scrolling animation as the heading title widget comes into view during scrolling. 

[Learn more about On Scroll View Animation](https://theplusaddons.com/docs//on-scroll-view-animation/?_gl=1*1j0a82t*_ga*NjI1NDYzMDAxLjE3MDI4ODM5NDQ.*_ga_WXCC3REEFQ*MTcwNjk2MTMxNS4xMzEuMS4xNzA2OTYxNDYzLjYwLjAuMA..)