Elementor is a free and the most popular WordPress plugin whose purpose is to add an advanced block visual editor. Thanks to Elementor, you can assemble WordPress site pages by simply dragging and dropping ready-made elements. There are lots of free plugins made for Elementor that are enough for many users. Especially if the website is already live and you just need to add new pages or sections. However, this will not be enough for webmasters and developers. With the free version, you can create a good landing page or blog. The free version will suit you:
- for building pages
- for testing a product or service through a landing page
- if you are a beginner webmaster and want to learn how to use the plugin
If you need more serious features, for example, creating a full-fledged online store, a free version won’t be enough. Elementor Pro version has lots of options(e.g. creating price lists, shop page templates, etc.) that are needed for building shops. Besides, there are lots of addons made for Elementor Pro that expand the functionality of the builder thus bringing the best tools for you to create a stunning webshop.
If you stuck upon this article you’d probably look for the answer if the Product Filter by WooBeWoo is compatible with the addons made for Elementor Pro. The answer is yes. So let’s check the Elementor Pro addons that the Product Filter plugin is compatible with.
Element Pack Pro Compatibility
Element Pack is an addon for the Elementor plugin with 70+ of the most popular elements you need for everyday use in website page building. The Pack includes the most commonly used widgets that help you easily manage website content by simply using drag and drop functionality. Element Pack Pro has a set of widgets suitable for eCommerce and you’ll be glad to find out that the WooCommerce Product filter plugin is fully compatible with products showcasing widgets.
First of all, you need to enable the WooCoomerce set in the Element Pack Dashboard. To do so, move to the Element Pack >> 3d Party widgets >> eCommerce and toggle the WoooCommerce Products widget.
The next step is to proceed to the Product Filter plugin settings to enable compatibility between the plugins. Navigate to the Woo Product Filter >> Show All Filter and select the one you’ve created. Here you need to go to the Options >> Content and turn on Enable third-party prefilter.
It allows the third-party plugins that do not use WooCommerce shortcodes to filter products (required, for example, to work Product Grid Widget with categories preselection from Essential Addons for Elementor).
Afterward, you can go to the needed page and open it with Elementor. You’ll be redirected to the page builder where you can drag and drop the WC – Products widget from Element Pack to your page.
Then you can drag and drop the WooFilters widget to the page for filtering the products. Click save and that’s it.
Compatibility with Ultimate Addons for Elementor
Ultimate Addons for Elementor is a highly rated Elementor extension that you can’t miss. It provides 21+ widgets with advanced and unique features. You can use its modular control to make your website run fast. On top of that, Ultimate Addons offers WooCommerce and Post widgets to display all your products/contents beautifully on your website.
So if you are using Ultimate Addons for Elementor to pull out your products, then you can be sure that the WooCommerce Product Filter plugin works perfectly with the widget.
To begin with, you need to enable compatibility between the plugins. Navigate to the Woo Product Filter >> Show All Filter and select the one you’ve created. Here you need to go to the Options >> Content and turn on Enable third-party prefilter.
Then, you can go to the needed page and edit it with Elementor. Drag and drop the WooFillters and Woo Products widgets in the way you like and that’s it.
Essential Addons for Elementor Compatibility
Essential Addons for Elementor is an Elementor page builder addon with amazing design and endless customization. It has solutions for any kind of website and eCommerce is not an exception. It has a set of Woo widgets so you can display the products in different ways and the Products Filter plugin made by the WooBeWoo team will ensure the filtration for the products.
Firstly, you have to enable the products widget in the Essential Addon Dashboard. To do so, navigate to the Elementor >> Essential Addons >> Elements.
After that, you need to enable compatibility between the plugins. Navigate to the Woo Product Filter >> Show All Filter and select the one you’ve created. Here you need to go to the Options >> Content and turn on Enable third-party prefilter.
The very last step is to go to the page and open it with Elementor, drag and drop the widgets.
And enjoy the results.