
Wpbens FilterPlus
Search & Filter
YITH WooCommerce Ajax Search
Advanced Woo Search
FilterOptimizer
SearchWP
The Wordpress Gutenberg block that adds search and filters to the native Query loop block, making your content a breeze to find.

JSFiddle
CodeSandbox
GitHub
replit
VS Code
Pastebin.com
JS Bin
A front end web development playground.

Which is more popular?
Based on our record, CodePen seems to be more popular. It has been mentioned 513 times since March 2021.
Website, pricing, platforms and company facts side by side.
|
|
|
|
|---|---|---|
| Website | filterqueryblock.com | codepen.io |
| Pricing | — | |
| Platforms | — | |
| Listed in |
What each product offers, as listed by its team.


Possible disadvantages
Possible disadvantages
An editorial look at what each product does well and who it suits.


Overall verdict
Why this product is good
Recommended for
Overall verdict
Why this product is good
Recommended for
Walkthroughs and reviews on video.
How often each product is chosen within a category, 0–100% relative to the other.


As answered by people managing Filter Query Block Pro and CodePen.
Filter Query Block Pro's answer
The plugin is for anyone using Wordpress or developers creating Wordpress sites for clients.
Filter Query Block Pro's answer
Wordpress/php, React js
Filter Query Block Pro's answer
It is the first Gutenberg block plugin that integrates seamlessly with the native Query Loop Block.
Filter Query Block Pro's answer
Hello! I'm excited to introduce our new plugin for WordPress - Filter Query Block Pro!
I'm Pär, running a small digital agency in Stockholm, Sweden. We create WordPress websites for clients and love the Gutenberg editor. However, we got fed up with using legacy plugins or custom code workarounds to create filters for news feeds, FAQs, knowledge hubs,etc. So, we developed this plugin to easily add filters for any taxonomy and search to the native Query Loop block. We want it to be beautiful out of the box but easily themeable to fit any website.
Hope you like it and any feedback is appreciated! Contact us here: https://filterqueryblock.com/contact/
Share your experience with using Filter Query Block Pro and CodePen. For example, how are they different and which one is better?
External articles and on-site reviews we used to compare the two products.


We have no reviews of Filter Query Block Pro yet. Be the first one to post
Codepen is a social network for developers to show off their work, ask and answer questions, and exchange ideas. It's like a Reddit for coding and design, with a large community of talented web developers.
Codepen is a social development environment that allows developers to showcase their work and experiment with HTML, CSS, and JavaScript in a collaborative space. Codepen’s focus on visual and interactive development...
Codepen is a social development environment for front-end designers and developers. Build and deploy a website, show off your work, build test cases to learn.
Recommendations tracked on public social media and blogs since March 2021.


Tracking Filter Query Block Pro since Jul 2024.
> I vividly remember IE and many hacks to have css elements properly working in it… The common advice now is to only use CSS that is supported in the last two major versions of each major browser. You can check any css property's support... - Source: Hacker News / about 1 month ago
Thank you, heartfelt... For sharing an artwork, a miracle! Just in case, have you considered publishing the work at platforms as CodePen, where genius Artists/People express their art, too, as you?: // https://codepen.io/. - Source: Hacker News / 2 months ago
Embed on DEV: If you prefer CodePen embed, create a Pen with that HTML and add to the post as: {% codepen https://codepen.io//pen/ %}. - Source: dev.to / 11 months ago
When comparing Filter Query Block Pro and CodePen, you can also consider the following products.

Add fast, flexible, SEO-friendly filters to posts, pages, and WooCommerce products. FilterPlus helps users find content instantly. Try now!
Compare Wpbens FilterPlus to Filter Query Block Pro or CodePen:

Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.
Compare JSFiddle to Filter Query Block Pro or CodePen:

Search & Filter for WordPress allows you to build powerful search experiences for your users and customers - help them find the content they are looking for by creating filters for custom fields, taxonomies and more.
Compare Search & Filter to Filter Query Block Pro or CodePen:


The powerful search engine is here to simplify your navigation: YITH WooCommerce Ajax Search will offer you immediately the name of the products you look for
Compare YITH WooCommerce Ajax Search to Filter Query Block Pro or CodePen:

Originally founded as a project to simplify sharing code, GitHub has grown into an application used by over a million people to store over two million code repositories, making GitHub the largest code host in the world.
Compare GitHub to Filter Query Block Pro or CodePen: