Advanced Heading

Author: An Do 3000 views

The Advanced Heading element allows you to create more dynamic and visually engaging headings than the standard Heading element. Instead of displaying a single block of text, it lets you combine multiple text segments with different styles, helping you emphasize keywords and create more impactful titles.

You should use the Advanced Heading element when you want to highlight important messages, create eye-catching section titles, or add more visual hierarchy to your page design. It is especially useful for hero banners, promotional sections, feature showcases, and other content areas where a standard heading may not provide enough flexibility.

You can watch the video below to see how the element works.

To add the element to your page, open the EComposer editor. Search for Advanced Heading in the Elements panel. Drag and drop the element onto your page.

1. Content Settings

The Content tab allows you to define the heading content, apply inline formatting, create highlighted text effects, and configure basic heading behavior.

Heading Text: Enter the main heading content. Keep the [highlight heading] text at the end to display the text in the Highlight heading box below.

Highlight Heading: Use this field to define the words or phrases that will replace the [highlight heading] placeholder in Heading text. Multiple values can be added by separating them with the | character.
Note: It only works when the Animation option is “Typing” or “Smooth“

Insert Link: This feature enables you to add a hyperlink to the heading text. You can specify the destination URL, the link text, and whether the link should open in a new window or the same window.

HTML Tag: You can use this to apply an HTML tag to the heading text. This can be useful for SEO optimization or for applying custom styles using CSS.

Use Text Gradient: You can apply a gradient effect to the heading text using this feature. You can choose the direction, start color, and end color for the gradient on the Design Tab settings.

Animation: This allows you to add animation effects to the heading text. We have 2 options for it: Typing and Smooth.

Highlight Height: You can adjust the height of the highlight effect applied to the heading text using this setting. This option is unavailable when you tick the Use Text Gradient feature.