Skip to main content
All CollectionsWebsitePage builder
How to add the "card with list" function in the page builder

How to add the "card with list" function in the page builder

Learn how to use the card with list function to highlight key content and display it in a clear, bullet-point format.

Updated over 3 weeks ago

The card with list function lets you present important information inside a clean box with a white background, rounded corners, and padding, just like the regular card.

But this version also includes a built-in bullet list, which is perfect for highlighting features, benefits, steps, or key takeaways in a structured format. This layout is great for summaries, offers, or short how-to sections and helps your content stand out clearly on the page.


Step 1: Add the card with list function to your page

  1. Click "Add empty row".

  2. Click "Add content".

  3. In the right menu, under "Layout", select "Card with list".


Step 2: Add a title

  • Under "Title", enter the main heading for your card.

  • This will be the largest text in the block and should clearly explain the topic or section.


Step 3: Add the text below the title

Add your main description or explanation below the title. This text appears above the list and gives context to the bullet points.

Formatting options

Different heading sizes – Large, medium, or small
Bold, italic, underlined text – Emphasize important parts
Hyperlinks – Link to external or internal content
Dividers – Separate ideas clearly
Symbols – Add icons or visuals
Text color – Highlight parts of your message

How to create new paragraphs and line breaks

  • Press "Enter" → Creates a new paragraph (starts a new text format).

  • Press "Shift + Enter" → Moves to a new line while keeping the same format.

Using these shortcuts helps you control how your text appears and keeps your page structured.


Step 4: Add a bullet list

Under the title and text, you’ll find Row 1 already added by default. Write what you want to display as your first bullet point.

To add more bullets:

  • Click "Add row" to create another point in the list.

To remove a point:

  • Click the red trash bin icon next to the row you want to delete.

To rearrange the list:

  • Use the up or down arrows on the right side of each row.

  • Click the up arrow to move a point higher in the list.

  • Click the down arrow to move it lower.

Your card with list is now done and ready to highlight important info on your page.


Summary

The card with list function helps you present key information in a structured format that’s easy to read. Add a title, supporting text, and use the bullet list to break down ideas or features.

We hope this article has helped you understand how to add the card with list function in the page builder. If you have any further questions, please don't hesitate to reach out to our customer support team for assistance.

Did this answer your question?