Website visitors scan pages rather than reading every word, which means the way you present information is just as important as the information itself. The List Widget lets you display services, features, team members, process steps, or any other structured content in a clean, scannable format that keeps visitors engaged. Each list item can include an image, a label, a description, and a link, giving you a flexible tool for presenting rich content without overwhelming your visitors with blocks of text. This article covers how to add the List Widget to your website, how to configure and edit list content, and how to customize the design of the list.

What the List Widget Does and When to Use It

The List Widget converts detailed information into organized, easy-to-read formats that visitors can absorb quickly. Use the List Widget when you want to present multiple items of the same type, such as a list of services, a set of product features, a team roster, or a numbered process. The List Widget supports five different layout options and allows you to control text styling, image borders, divider styles, and spacing so the list matches your website's design.

How to Add the List Widget to Your Website

To add the List Widget to your website, place the widget onto your page using the website editor. For step-by-step instructions on adding any widget to your website, see how to add widgets to your website. Once the List Widget has been placed on the page, the List Content editor will open automatically.

How to Configure Your List Content Options

When the List Content editor opens, the first screen displays options for the elements you want to include with each list item. Select whether each list item should include images, links, or both. After making your selections, click Build Your List to proceed to the list item editor where you can add and manage your content.

Note: You can return to this configuration screen at any time by clicking the text labeled Click here to change elements within the Content tab of the List Widget editor.

How to Add and Edit List Items

After clicking Build Your List, the list item editor appears. From the list item editor, you can add new items, edit existing items, add a title for the entire list, and reorder items. Click any existing list item to open the item editor and modify the item's content.

Each list item can include the following fields: an image, a label, a description, and a link. You can choose to show or hide any of these fields for each individual item. To reorder the list items, click and drag the three-dot handle on the left side of the item to move it to a new position in the list.

How to Customize the List Widget Design

After adding your list content, click the Design tab at the top of the List Widget editor to access the design controls. The Design tab gives you control over the visual appearance of the entire list widget.

The following design options are available in the Design tab:

• Layout - Click Layout to choose from five different list layout options.
• List title, Item title, Item description, Link - Click any of these sections to control the text styling for the corresponding field across all list items.
• Image - Click Image to modify the image border and apply rounded edges to all item images.
• Divider - Click Divider to choose from several divider styles that appear between list items.
• Background, Spacing, Border - Use these sections to modify the background color, padding, and border settings for the entire list widget.

Frequently Asked Questions

Can I hide individual fields on specific list items without removing them from all items?
Yes. Each list item has independent show and hide controls for its image, label, description, and link fields. You can hide a field on one item without affecting the other items in the list.

What should I use if my list needs more complex formatting?
For more complex lists, consider using the Restaurant Menu Widget or building the list manually using rows, columns, and other page elements. The List Widget is designed for straightforward structured content. For more advanced layouts, those alternatives provide greater flexibility.

Does this article cover how to add widgets to my website in general?
No. This article covers the List Widget specifically. For instructions on adding any widget to your website page, see how to add widgets to your website.