Adding and Configuring Heading H1 on a Webpage

Overview

The Heading H1 component is used to display primary titles on event webpages. It helps structure content, improve readability, and highlight important information. This article explains how users can add and configure the Heading H1 component on the event website using the Web Builder.

Step-by-Step Approach

1. Access the Web Builder

On the Event dashboard, go to the Content module.
Select the Pages submenu.
Open the required page in edit mode.

2. Add the Heading H1 Component

From the component panel, locate Heading H1.
Drag and drop the Heading H1 component onto the desired section of the webpage.

3. Enter or Edit the Heading ID

Select the Heading H1 component.
In the component settings panel, enter or edit the ID field.
The ID can be used for navigation or styling purposes.

4. Enter or Edit the Title

In the Title field, enter or update the heading text.

5. Select a Dependency

From the Dependency select field, choose a dependency if required.
The heading visibility updates based on the selected dependency conditions.

6. Select Section Version Type

From the Section Version Type select field, choose the appropriate version.
This controls which version of the heading is displayed.

7. Edit the Heading Styling

Edit the heading directly in the Web Builder.
Use the available styling and formatting options to adjust the appearance, such as font style, size, or alignment.

8. Select Merge Tags

From the Merge Tags select field, choose the required merge tags.
Merge tags dynamically display event or participant data in the heading.

9. Manage Heading H1 Placement

Reposition the Heading H1 using drag-and-drop within the page layout.
Ensure the Heading H1 placement aligns with the page design.

10. Save and Apply Changes

Publish the webpage to apply the configured Heading H1 settings.
Preview the webpage to validate the Heading H1 placement and behavior.

Related to