These blocks can be used to describe various features your product has or the various services that you deliver. You can customize the icons and place links to individual pages that describe these features in more detail.
Features blocks combine text, images, contact forms, calls to action, and other content. In this article, you will learn how to add a Features block using the + Add Block button.
Adding the Features block
Here’s how you add a Features block:
- In the Website menu, click on Pages...
- In the Pages panel, select the page where you want to add the block.
- Hover over the area where would like to add a block, and click the + Add Block button.
You will a button like this when adding a new block anywhere between blocks on your page:
Note: If you are starting with a blank page, you will see a message saying “Start building your page. Add a block”. This message only appears to you until you add blocks to the page. Your visitors will only see a blank page without any text on it.
2. When the Block Library opens, navigate to Features in the left-hand menu.
3. Choose the Features block that fits in your website creation plan. The new block will appear on the page with the demo content. Now you can start customizing it.
Customizing the Features block
You can choose the block type with different text elements and icons. You can also customize which elements of the block should be displaying. Here’s how you do this:
- Hover over any element of the block and click on the “gear” block settings editing pane.
- The Block settings window will open up. Here you can check and uncheck various elements that can be displayed in the block.
On the next tab Appearance, you can choose the color of the block’s background.
After you are done customizing the block appearance, click Save to confirm the changes.
Duplicating Features block elements
You can duplicate any of the block’s elements to create space for more features or services. Hover over the element you wish to duplicate and click on the Duplicate icon that looks like two sheets of paper.
The identical element will appear to the right of the original element.
Note: the design of the block will be adapted automatically to preserve the look and feel of your website.
Moving Features block elements
You can move block elements across the block, for example, if you want to present certain services or features more prominently. To move the block element do the following:
- Hover over the element you want to move and click on the “crossed arrows” Move icon.
- Grab the element and drag it where you want it to appear.
- Release and the blocks will rearrange.
Deleting Features block elements
If you want to delete any element of the Features block, you can easily do it by hovering over the element and clicking on the “trash can” Delete icon.
This action can be reversed by pressing Undo or Ctrl-Z.
Customizing block icons
You can customize any icon that appears in the Features block. Here’s how you do that:
- Hover over the icon you want to replace
- Click on the “smiley” icon.
- In the Icons window, enter the keyword in the search field.
- Choose a suitable icon from the icon search results. Click on the new icon and it will be inserted automatically.
- Click Save to confirm the change.
You can link buttons to another page of your website, for example, Contact us page or a landing page with your offer. You can also link the buttons to a page on another website or to enable users to send an email from this page. To learn more about how to customize buttons, read this article.
If you delete a block by accident and you are still editing the page, click the Undo button in the top right corner. This undoes the last change you have made. If the block you deleted was already on the live page, it'll still be there when you cancel your changes.