How to Add ‘Content Filter’ in WordPress Posts/Pages

We have been working on the Content Filter block for a while. And we have finally added it in the latest version. We built Content Filter to make your list posts engaging and consumable.

If you are using Ultimate Blocks plugin, update it to the latest version and give Content Filter block a try. If you haven’t installed the plugin yet, install it right now.

Now let’s see what content filter actually is and why it is important.

Content Filter lets your visitors filter the content based on different criteria. It helps visitors to consume the content quickly.

You might have already noticed this on Brain Dean’s post.

Here Brain lets visitors choose different types of criteria. And it shows the content based on those criteria.

There are many advantages of using Content Filter, here are some of them:

  • More Engaging & Consumable Content: Content filter makes your content engaging and more consumable. When visitors have the options to filter out the content, it helps them to find what exactly they are looking for. And it saves their valuable time.
  • Higher Dwell Time: Dwell Time is a ranking factor. If a search engine visitor quickly leaves your page and go back to SERPs, it gives you lower dwell time. A content filter can make the visitor stick to your page and thus increase the dwell time as well as the rankings.  
  • More Conversions: When you make the visitors stay longer on your page, it increases the conversion rates.

How To Add Content Filter To Your WordPress Post/Page

Now let’s see how you can add content filter to your WordPress post/page.

Before diving into the tutorial, make sure you’ve installed the Ultimate Blocks plugin.

Just go to the post editor and click on the + (plus) sign. Then search for ‘Content Filter’ and click on it.

Then you need to add category. Just click on ‘Add New Category’.

And you’ll see something like this –

Here you need to give a name of your category (like ‘I want SEO tools that help with’). (1)

And you can add filters (like Technical SEO, Keyword Research, etc) by clicking on ‘Plus’ sign. (2)

You can allow visitors to select multiple filters by checking ‘Allow multiple selections’. (3)

And you can add new category by clicking on ‘Add New Category’. (4)

Once you are done with the category, it’s time to add content.

Just click on the ‘Add new content’.

It will create a content area like this –

Then add content and select filters by clicking on ‘Plus’ sign.

Add more contents exactly the same way.

Note that all the elements you see in the editor will not be shown on the preview.

Say Hello to Content Filter: The Only #Gutenberg Block You Need To Make Your List Posts Awesome!

So what are you waiting for?

Start using Content Filter and make your giant list posts awesome.

And don’t forget to give your feedback on this brand new block.


16 responses to “How to Add ‘Content Filter’ in WordPress Posts/Pages”

  1. Jue Avatar

    Very cool feature!

    Question: There is the option to “Match all filters” vs “Match any filter”

    Is there anything planned to distinguish between categories? Example, it must match any in Category A; and any in Category B?

    Right now with any, a content-piece would be shown if it matches anything in A and none of what is selected in B?
    e.g., A = Italy, Spain, France, B = Hotel, Restaurant, Bar

    If I chose “Italy” and “Bar” it would also show me all Italian Hotels & Restaurants

    1. Alexis Avatar

      Hi Jue! “Match all filters” is the option you’re looking for. We currently have the “Match any” option as the default for the Content Filter block, which would show any panel that has at least one of the selected tags. With “Match all filters”, all selected tags would need to be present in a panel to make it appear. So in your example, if you choose only “Italy” with the “Match all filters” option, panels with any (or even none) of the tags in the second category will show up as long as it has the “Italy” tag. After clicking on “Bar”, only panels with both the “Italy” and “Bar” tags would appear.

      1. Jue Avatar

        Hi Alexis,

        thank you. Very much understood, and I think my example was not perfectly clear.

        Let’s say we have also a category for type of bar (cocktail, gin, wine, …)

        In case I want to see all bars being cocktail or gin, but not wine – then neither filter would work.

        But basically, you have given the answer – I could only decide what makes more sense of those 2 filters and decide what is more appropriate to be as close as possible to the results.

        1. Alexis Avatar

          Hi Jue! It’s possible to select two filters from the same category to a panel. Under the list of tags, you can see a checkbox for “Allow multiple selections”. If you click it, you’ll be able to add more than one tag from the category to any panel while on the editor and select any of the filters within the category on the frontend. It’s not yet perfectly working on the frontend when “Match all” is active, but we hope that we could fix it in the next version of the plugin to fit your use case.

  2. Jatin Grover Avatar

    Hi, how can i show posts from only a specific filter (category) initially instead of using “Initially show all content panels” which actually shows ALL of my posts from all categories?
    I am planning to use this content filter feature as my home page to show all my posts filtered by categories.
    Thanks for such a wonderful plugin

    1. Istiak Rayhan Avatar
      Istiak Rayhan

      No, you should instead use ‘Tabbed Content’ block for that.

  3. Anthony Sills Avatar

    Can I use this for posts I’ve already published?

    1. Istiak Rayhan Avatar
      Istiak Rayhan

      Yes, you can.

  4. James Adams Avatar

    I am really impressed with the blocks that have been created, but I did notice that the Notification Box Block is no longer in the toolset which is a shame because for affiliate marketers we have to place some sort of notification on our posts for Amazon and this was a great option for that.
    I have had to convert my site to using a CSS version of the notification box as a result.

    1. Istiak Rayhan Avatar
      Istiak Rayhan

      Hi James,

      We have moved ‘Notification Box’ to ‘Styled Box’ block. You’ll find the notification box under the ‘Styled Box’ block.


  5. Anupam Sethi Avatar

    Thanks bro … for this wonderful content filter feature.

    1. Istiak Rayhan Avatar
      Istiak Rayhan

      Glad you liked the block.

  6. Aaron Avatar

    This got me interested in your plugin. Going to take it for a spin. Nice way to differentiate your blocks library.

    1. Istiak Rayhan Avatar
      Istiak Rayhan

      Glad to know that. Let us know your feedback.

  7. Ryan K Biddulph Avatar

    This makes Gutenberg palatable to me LOL! Really cool 🙂 Plus list posts always do well. Big time traffic builder if you deliver on the title promise. Rocking post.

    1. Istiak Rayhan Avatar
      Istiak Rayhan

      Glad you liked it, Ryan. We are working on some more cool blocks for bloggers.

Leave a Reply

Your email address will not be published. Required fields are marked *

Need help?