Support Articles

Stay Connected

List Widget

The List widget allows you to display content in one of several pre-formatted layouts, making it easy to organize information or content for your site visitors.

For more complex lists consider using the restaurant menu widget or building the list with rows columns and other elements.


To add the Listwidget:


  1. In the left panel, click 
    Widgets.
  2. Click and drag the List widget into your site.


To learn more about adding widgets to your site, see Add Widgets.


Content Editor


To access the content editor:


  1. Right-click the widget, and click Edit Content.
  2. Select to include an Image element and Link element to be associated with each item on your list.
  3. Click Build your list to start adding content.
  4. Click Add Item to add additional items to the list.
  5. Type a title in the Main list title field provided.
  6. Click an existing list item to open the List Settings. You have the following options:
  • + Image. Click to add an image.
  • Item label. Type the item label. To hide the label, click the eye icon.
  • Description. Type a description for the item. To hide the description, click the eye icon.
  • Add link. Click and select the type of link you want to add to the item.
  • Text on link. Type the text to display on the link. To hide the text on the link, click the eye () icon.

  7. Re-order the list items by clicking and dragging on the 3 dots to the left of each item.

  8. To return to the first page and set if links and images are displayed, click click here to change elements.


Design Editor


To access the design editor, right-click the widget, and click Edit Design.


  • Click the Layout tab to select a layouts for the list.
  • Click List Title, Item Title, Item Description, or Link to control the text styling for those fields.
  • Click Image to modify the images border and give images rounded edges.
  • Click Divider to select from several different divider styles.


For information about design options that are not specific to this widget (for example, layout, style, or spacing), see Widget Design.



What's

Snappin

Related Articles

By Eddie Cruz 24 Aug, 2021
Expand the capabilities of the website builder with custom HTML. This widget allows you to embed custom code into your site, and can be used to embed third-party widgets such as videos, contact forms, and more. While adding custom code can extend your site's functionality, we recommend you only add code from a trusted source. Only add code if you know exactly what it does and how to troubleshoot it if it does not work. To learn more about using HTML in Developer Mode, see Developer Mode.
By Eddie Cruz 24 Aug, 2021
The editor's interface has three main predefined sections: The top navigation bar, the left panel, and the content area. Each of these predefined sections plays an important role in letting you make your site as awesome as possible.
By Eddie Cruz 24 Aug, 2021
This widget makes it easy for website visitors to send you money using PayPal. You can use the PayPal button both for gathering donations and for selling products.
Share by: