Home / Widgets

Title Widget

Customer Success Team

Last updated on Feb 21, 2024

Titles or headings play a crucial role in helping both website visitors and search engines understand the content and structure of a webpage. The Title widget enables you to develop titles that convey your point clearly. The color, style, alignment, and other settings are all adjustable.

Adding a Title Widget

To add a Title widget:

  1. Go to the Visual Editor from Channels on the Dashboard Left Panel.

  2. Navigate to the Widgets list on the Visual Editor Left Panel.

  3. Type the widget name in the search bar or find it in the Essentials grouping.

  4. Drag and drop the Title widget from the list onto the desired crafting area of the Layout Canvas.

Configuring the Title Widget

Once you have added the Title widget, you can edit widget Styles and Settings from the Property Panel. The properties are changed and updated not only from the Property Panel but also from the Design System > Typography.

Note: You can change the link color of the Title widget from its Property Panel, and it will no longer maintain the primary color defined in the Design System.

To configure the Title widget:

  1. Go to Styles to modify the widget styling features, specifically:
  • Global Styles - Make the necessary configuration of principal styling features from the Property Panel (see Global Styles). Global Styles are a set of predefined style settings that can be applied to widgets across the website. They provide a constant appearance by defining default styles for all the widget types.

  • States - Normal and Hover

  • Typography includes:

    • Reset Styles - refers to discarding the changes made to the widget and restoring its default style.

    • Override Styles - refers to changing specific aspects in order to change its default style, such as specifying a specific font, size, and other formatting properties.

2. Go to Settings to modify widget settings, specifically:

  • Add a Link to the widget. Click Add Link, and add clickable phone numbers and email addresses or navigate your customers to your website Main or System pages, products, collections, or collection items. You can redirect your users to external and internal websites, allowing your customers to navigate to specific destinations, either in a new tab or by replacing the current tab.

  • Edit the heading/title text.

  • Modify widget visibility on your website. Specifically, select who can view the widget according to the customer's location, session status, used device type, browser, language preference, etc. (see Visibility Settings).

💡 If you have questions or concerns, contact us directly via the Live Chat box, in the lower right corner. Our Support Team will provide you with top-notch quality support 24/7.