How to add a Highlights section to a page

Highlights sections help you showcase key features, services, or benefits on a page.

Add Highlights as a section

To add and edit a Highlights section:

1. Open the Pages tab and select the page where you want to add the section.
   

   

2. Scroll to the desired position and click Add Section.
   

   

3. In the section library, select Highlights, choose a layout, and click Add Section.
   

   

4. The section will be inserted into the page. To edit it, hover over the section and click the Edit Section icon.
   

   

5. In the General tab, adjust layout settings such as the grid and spacing.
   

   

6. In the Design tab, change colors, background, and other visual settings.
   

   

7. You can also replace the placeholder text and images directly in the section. To customize the Highlights items further, select the columns component inside the section and click the Edit component icon.
   

   

8. In the General tab, set the number of Columns and Rows, adjust the Gap, and choose whether to show the Image, Title, Description, and Button elements.
   

   

9. In the Design tab, customize the appearance by enabling a background container and adjusting the image scale.

Add Highlights as a component

In addition to adding Highlights as a full section, you can also insert them as a component.

1. Click the Add Component button in the top-left corner of a section.
   

   

   Note: You can add a blank section or add a component to an existing one.

2. Select Columns from the component list.
   

   

3. Place the component anywhere on the page grid.
   

   

4. To customize it, select the component and click the Edit component icon.
   

   

5. In the General tab, set the number of Columns and Rows, adjust the Gap, and choose whether to show the Image, Title, Description, and Button elements.
   

   

6. In the Design tab, customize the appearance by enabling a background container and adjusting the image scale.