The Paragraph widget is used to format and display the text content within the website. You can add and arrange content using a Paragraph widget, ensuring perfect alignment and spacing for readability. The widget provides choices for changing font types, sizes, colors, and formatting to modify the way the text appears.
Adding a Paragraph Widget
To add a Paragraph widget:
- Go to Visual Editor by selecting Advanced mode from the mode switcher on the Dashboard top panel, or navigate to Dashboard > Channels > Advanced.
- Open the Widgets list on the left panel.
- Type the widget name in the search bar or find it in the Essentials grouping.
Drag and drop the Paragraph widget from the list onto the desired crafting area of the Layout Canvas.
Configuring the Paragraph Widget
Once you have added the Paragraph widget, you can edit widget Styles, Content, 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 Paragraph widget from its Property Panel, and it will no longer maintain the primary color defined in the Design System.
To configure the Paragraph widget:
- Go to Styles to modify the widget styling features:
- Select one of the following states: Normal or Hover.
- 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.
- Click the Dotted Menu to the right of Typography and select the corresponding option:
- Reset Styles: Refers to discarding any changes made to a particular element.
- Override Styles: Refers to changing specific aspects to change its default style, such as specifying a specific font, size, and other formatting properties.
2. Go to Content to modify the widget settings:
- Edit the paragraph text.
- Add a Link to the widget. Click the Add Link, and add clickable phone numbers and email addresses or navigate your customers to your website's 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.
3. Go to Settings and expand Visibility to modify the widget visibility on your website. Select who can view the widget according to the customer’s location, session status, type of used device, 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.