How do I create a list with checkmarks, icons, or prices?

Step 1: Add the List block

Click on the + (Add block) in a column, type ‘list’ and choose List. The editing window will open.

Step 2: Choose the List view

Open the dropdown List view. Always choose this first: the fields you see afterwards depend on your choice. If you leave it empty, you will get a list without formatting.

Circles, squares, numbering

List with circles and List with squares are regular bullet points. List with numbering puts 1, 2, 3 in front. Use numbers only when the order is important, such as in steps.

Text left / right (price list)

In List with text left / right (e.g., menu), each line has two fields: List text on the left and Text on the right. Useful for a price list, opening hours, or a short specification. For a complete menu with categories, the Restaurant menu block is better. See creating a menu with prices.

Simple list with icons

In Simple list with icons (same icon everywhere), you choose one icon for all lines at List icon, for example, a checkmark. This is the display for your benefits or USPs.

Extended list with icons (with links)

In Extended list with icons (different icon per item + option for links), you choose a unique Icon for each line. The List text is a small text field with a toolbar, so you can bold a word or add a link.

Step 3: Fill in the lines

Click on New line for each line in your list and fill in the text. Keep lines short: one benefit or one piece of information per line. You can change the order by dragging a line on the left. To delete a line, use the minus sign on the right next to the line.

Choosing an icon

In the dropdown of List icon or Icon, type an English name, such as ‘check’, ‘phone’, ‘envelope’, or ‘location-dot’. You will see the icon immediately next to the name. A large standalone icon, for example, above a service, is made with a different block. See placing a large icon.

Example: contact details with icons

You create a contact block with icons using the Extended list with icons:

1. Line 1: icon ‘phone’, text: your phone number.
2. Line 2: icon ‘envelope’, text: your email address.
3. Line 3: icon ‘location-dot’, text: your address.

Do not enter the details as plain text, but with the button Add theme option in the toolbar of the text field. This way, it is always correct, even if your number changes. See your phone number automatically in text.

Having trouble?

• Your list has no circles or icons. No List view has been chosen. Choose one.
• You do not see a field for an icon. That field only appears in the two lists with icons.
• You cannot add a link. Only the Extended list with icons has a text field with a toolbar.
• You cannot find an icon. Search in English and try a synonym, such as ‘envelope’ for email.
• Your lines are not visible after switching views. The regular and extended lists use different fields. So choose the view before you start typing.
• Can’t figure it out? Contact us.

For a list in the middle of running text, simply use the list button in the Text block. See using the Text block.