How to Add Feature Boxes With Icons in WordPress?


Do you want to learn the way to add feature boxes with icons in WordPress?

The feature boxes display the importance of your products in an effective manner. It eases the path of the viewer to find out the best product for you as it highlights the selling point of your products and services. Usually, it consists of an icon image with two sentences of the feature. 

In addition to this, WordPress allows you to easily create a feature box. One can easily create a feature box with a plugin or through coding. Here, we will discuss the easiest way to create a feature box with an icon in WordPress using the plugin. 

What are Feature Boxes with Icon?

Definitely, people today are very much engaged in their daily activities. They rarely have time to go through one-by-one words as well as read all the heavy text of the website. Instead, they search for the way to find what they are looking for without learning the whole website. This desire of the visitors is fulfilled with the help of feature boxes with icons.

That’s the reason the website nowadays includes a large image or a slider at the top of a web page which acts as a call to action button. Beneath, there is a feature box that reveals the special feature of the product. Additionally, you can include a call to action button that will direct your user to the product of the feature page.

Creating Feature Boxes Using a Plugin

Without further delay, Let’s go through the steps to add feature boxes with icons: 

Initially, install and activate the Page Builder with the SiteOrigin plugin.

Secondly, you need to create a new page for the website. Name the page. For the sake of this article, we are calling it Home Page. 

Next, click on the “Page Builder” tab.

It’s time to click on the “Add Widget” button on the top left side. 

We will be using the Site Origin Widgets Bundle which is a collection of tools that works with Page Builder. Click on the “SiteOrigin Features” button from the list.

Make sure you install the Bundle in order to use the SiteOrigin specific tools which allows you to include the feature box as well as the icon. Simply click on the link to install the bundle.

Click on the “Activate Plugin” button. No need to worry, once it is activated you don’t need to install it each time you use this plugin.

Return back to the newly created page and click on the “Done” button.

Save the page as a draft so that it will refresh the widgets and we can continue the steps.

Again hover the cursor of the mouse over the box and click on the edit button.

Now, you can choose how many features you would like to show per row. By default, it is 3. Therefore, we are not changing the number, we can set it according to your wish. There is an “Add” button at the top which helps you to add features. 

Now click on the “Choose Icon‘ button. Select the most suitable icon from the bunch of icons provided by the plugin. 

Don’t forget to give the feature a title and its description. You can decide if you want an additional link and text on the feature. Finally, publish the page.

Thus you have successfully added a feature box with an icon in WordPress. 

Wrapping up

Lastly, we hope this tutorial was helpful for you to create feature boxes with icons in WordPress. If you have any queries or confusions do let us know in the comment section below. Also, if you enjoyed learning this article do visit our other article “How to Add Featured Posts in WordPress Sidebar?”.


Please enter your comment!
Please enter your name here