Smart List

Everyone likes smart lists! We all love the short version of something that allows us to get to the point without wasting a lot of time on the way to the essential. ionMag brings you beautiful new smart list templates designed to increase engagement on your website.

Watch the film

Step 1 – Create a New Post

Step 2– Write your Smart List Content:

  • Title
  • Image
  • Description

Note: The Smart List will use the title to generate the list. In our example, we are using Heading 3 for Titles. In order to generate the list, we have to choose the same size for the Title tags in the Smart List settings section.

You can choose any size you want, from Heading 1 to Heading 6

smart list


Step 3 – Post Settings

From Post Template we recommend using Style 1. This post template will not display Featured Image on Single Post.

smart list 2


Step 4 – Select Your Smart List Style

At the bottom of your post, you will see the Smart List settings.


Step 5 – Publish Post

How to add content at the top of the smart list?

To add content, you just have to place it before the first List title (h3) element.

How to add content at the bottom of the smart list?

At the end of the smart list content, you have to place the smart list end shortcode (check the image on the right). The shortcode can be found in the post editing area, inside the “Shortcodes” tab.

smart list 3


Here is an example of how the smart list will look like on the frontend:

smart list 4x

Premium content

The premium theme comes with 7 extra smart list styles to choose from.


Premium smart list 1:


Premium smart list 2:


Premium smart list 3:


Premium smart list 4:


Premium smart list 5:


Premium smart list 6:


Premium smart list 7: