Element Pack Review: A Great Elementor Pro Replacement

Elementor Pro is a great extension to enrich your site building experience with Elementor. However, some gaps still exist, and third-party developers are trying to fill them.

This is where Element Pack comes in! It’s a worth-trying add-on for anyone looking for an Elementor Pro alternative.

With Element Pack, you can add elements not available in Elementor by default. Such as an interactive chart, table, registration form and before-after image.

This tool also allows you to create a custom header, a custom footer to a custom single post template — thanks to its theme builder feature.

So, if you’re truly looking for an Elementor Pro alternative, read on to learn more about Element Pack.

Shortcuts ⤵️

• Intro
• Element Pack Widgets
• Element Pack Key Features
• Element Pack Free vs Pro
• Element Pack Pricing
• Elementor Pack Pros and Cons
• Summary

A Short Intro about Element Pack

Element Pack is an Elementor add-on from BdThemes, a WordPress developer company that also owns ZoloBlocks. They designed it to be a multi-purpose add-on.

Be it a portfolio website, a blog, or a WooCommerce powered e-commerce website; you can use it to create them all.

You can even use it to create a membership website thanks to features like display conditions and form builder which you can use to create login forms or registration forms.

Being a multi-purpose Elementor add-on, it offers a set of widgets that you can use to add creative elements to your design.

Some widgets allow you to add elements that are impossible with native Elementor widgets. As I said in the opening section, you can use Element Pack to add a registration form, interactive chart and before-after image to your design.

This is a freemium product just like most Elementor add-ons and WordPress plugins in general. You can get the free version of the add-on on the WordPress plugin repository.

Element Pack Widgets

Thanks to its extensive widget collection, Element Pack is capable of handling the job of multiple WordPress plugins at once.

With Element Pack, you don’t need to install plugins like a table builder, a registration form builder or a mega menu builder.

In short, you can save time and resources with it.

Here are the widgets offered by Element Pack.

Free Widgets

Accordion	Fancy Icons	Progress Pie
Age Gate	Flip Box	Reading Progress
Animated Link	Featured Box	Reading Timer
Brand Grid	Icon Mobile Menu	Review Card
Business Hours	Image Accordion	Review Card Carousel
Dual Button	Image Compare	Slider
Calendly	Image Stack	Search
Call Out	Image Magnifier	Scroll Button
Cookie Consent	Lightbox	Static Carousel
Countdown	Logo Grid	Static Grid Tab
Simple Contact Form	Member	Step Flow
Custom Gallery	Navbar	SVG Image
Creative Button	Open Street Map	Trailer Box
Dark Mode	Price List	Read More Toggle
Dropbar	Product Grid	Twitter Grid
Facebook Feed	Product Carousel	User Register
Fancy List	Panel Slider

Pro Widgets

Advanced Button	Facebook Feed Carousel	Protected Content
Advanced Calculator	Fancy Card	QR Code
Advanced Counter	Fancy Slider	Remote Arrows
Advanced Divider	Fancy Tab	Remote Fraction
Advanced Google Map	Floating Knowledgebase	Remote Pagination
Advanced Heading	Google Reviews	Remote Thumbs
Advanced Icon Box	Help Desk	Review Card Grid
Advanced Image Gallery	Hover Box	Slideshow
Advanced Progress Bar	Hover Video	Slinky Vertical Menu
Air Pollution	Honeycombs	Scrollnav
Animated Card	Horizontal Scroller	Scroll Image
Animated Heading	Icon Nav	Source Code
Audio Player	Iframe	Stacker
Barcode	Instagram	Single Post
Brand Carousel	Image Expand	Social Share
Breadbrumbs	Interactive Card	Social Proof
Chart	Interactive Tabs	Sub Menu
Carousel	Lottie Image	Switcher
Changelog	Lottie Icon Box	SVG Blob
Circle Menu	Logo Carousel	SVG Maps
Comparison List	Mega Menu	Tabs
Circle Info	Marquee	Table
Content Switcher	Modal	Table of Contents
Comment	Mailchimp	Tags Cloud
Custom Carousel	Marker	Timeline
Crypto Currency Card	News Ticker	Time Zone
Crypto Currency Table	Notification	Total Count
Crypto Currency Grid	Offcanvas	Thumb Gallery
Crypto Currency Carousel	Price Table	Twitter Carousel
Crypto Currency Ticker	Post Slider	Twitter Slider
Crypto Currency Chart	Post Card	360 Product Viewer
Crypto Currency Chart Carousel	Post Block	User Login
Crypto Currency List	Post Block Modern	Vertical Menu
Coupon Code	Post Gallery	Video Gallery
Document Viewer	Post Grid	Video Player
Divider Slider	Post Grid Tab	Weather
Dynamic Grid	Post List	Webhook Form
Dynamic Carousel	Profile Card

Have you counted the number of widgets?

In total, Element Pack offers 160+ widgets. You can find the Elemant Pack widgets in a dedicated section called Element Pack Pro on the Elementor widget/settings panel.

Apart from the widgets in the above table, Element Pack also offers dedicated widgets for some popular plugins — including WooCommerce, Easy Digital Downloads, Gravity Forms, LearnPress, Tutor LMS and so on.

You will see the widgets from the plugins mentioned when installed and activated on your WordPress site.

You can manage the widgets that Element Pack offers from the settings screen. Simply slide the toggle to enable or disable a certain widget.

Element Pack Key Features

As you can see in the above table, Element Pack offers tons of widgets. Those exclude dedicated widgets for some WordPress plugins.

You can do a lot things with those widgets.

Element Pack is an Elementor add-on that offers the most features. We never found an Elementor add-on with this huge widget collection.

Due to its super extensive widget collection, it’s impossible to cover them all here. So, in this section, we’ll only cover the key widgets and some extra features.

Here are the key widgets and features we’ll cover in this section:

• Template Library
• Theme Builder
• Display Conditions
• Form Builder
• Useful Widgets to Display Posts
• Advanced Animation Effects
• JavaScript Injector
• Menu Builder
• Popup Builder
• Table Builder
• Floating Elements
• Useful WooCommerce Widgets
• Content Protection
• Document Viewer
• Dark Mode

Template Library

Nearly all Elementor add-ons come with a template library. Element Pack is no exception. From the add-on developer’s perspective, it’s a great feature to impress new users as users can instantly learn what kind of design they can create.

Clicking on a template item will give you a preview of the template in a larger size. Unfortunately, there is no button to preview the template on a live page.

But you can check out the live preview of each template on the Element Pack website. Element Pack offers pre-made templates for page, header, footer and blocks.

To access the template library, you can simply click the Element Pack icon on the canvas area of Elementor.

Clicking the above icon will open the template library window where you can browse and import templates.

There are 450+ ready-to-use templates offered by Element Pack to save you time when creating a page with Elementor.

Theme Builder

Header, footer, archive pages and post template are essential parts when you build a website with WordPress. You have multiple options to customize these parts.

The theme builder feature of Element Pack allows you to customize the above parts with the Elementor visual editor.

This feature is not as advanced as Elementor Pro’s theme builder, to be honest, but it works pretty well. You can use this feature to create the following site parts of your website:

• Header
• Footer
• Single post template
• Single page template
• Archive page templates (category pages, author pages, tag pages)
• Search results page
• 404 page

Some widgets that you can use when creating a custom template using this feature are:

• Post Title
• Post Info
• Post Content
• Post Comment
• Post Featured Image

Display Conditions

Element Pack comes with a feature to show or hide an element based on the criteria you have specified. This feature works on containers and widgets.

The feature is useful for some use cases.

If you’re a blogger, for instance, you can offer an ad-free reading experience by hiding a banner ad for those who log in to your website.

Or you can offer exclusive content to those who register and become a member of your website.

The feature is also useful if you’re creating a landing page for a desktop app. You can leverage the feature to show and hide a download button based on the platform used by your visitors.

For instance, if your visitors use macOS, you can show the “Download for Mac” button and hide the “Download for Windows” button. And vice versa.

Interestingly, the feature also supports integration with ACF whereby you can show and hide an element based on the ACF key (custom field).

Here is the full list of the conditions supported by the feature:

You can access the Element Pack display conditions feature via the Advanced tab on the Elementor settings panel. You’ll find settings block called Visibility Controls.

Form Builder

Element Pack also makes it possible if you want to add a form element to your page. There are three widgets that you can use to add a form to your design:

• Simple Contact Form
• User Login
• User Register

Simple Contact Form

As the name suggests, you can use this widget to add a simple contact form to your page. You have four form fields to add: name, email, subject and message.

The widget will send the form submissions to your email address. You can set your email address on the settings screen of Element Pack.

Unfortunately, Element Pack doesn’t offer a feature to manage form submissions. Also, you have fewer field types you can add to your form.

But the design of the form is completely customizable.

User Login

sYou can use this widget to create a custom login form to your website. Not only that you can add this form to a login page, but you can also add it to a specific area of your website (e.g. header). You can do this because the widget supports three skins.

First, you can display the form just like the traditional form. Second, you can display the form in a dropdown style. Third, you can display the form as a modal.

For the dropdown menu style, you can add custom elements to each element. You can also add a link. This ability is super useful if you’re building a website that involves user registration.

You can add the widget to the header area of your website to allow the logged in user to access a certain page more quickly.

The widget supports actions like redirecting after logging out and redirecting after logging in. Interestingly, you can also add a social media login. It supports Facebook and Google.

User Register

You can use the widget, as you can guess, to create a registration form. Same as the User Login widget, the User Register widget also allows you to display the registration form in three ways: as a traditional form, in a dropdown style and as a modal popup.

The widget offers tons of setting options. Such as the ability to enable or disable certain fields, redirect after register, auto login after register and so on.

Before you can use the User Register widget, you need to first enable the Anyone can register option on the WordPress general setting. If this option is disabled, the form will not work.

Useful Widgets to Display Posts

If you’re a blogger, I bet you will love this feature so much. Even if you’re not a blogger, you can still use this feature to create a blog page on the website you create.

Instead of one, Element Pack offers 8 widgets that you can use to display blog posts in a wide range of styles, from a list style or grid style to a slider style.

• Post Slider
• Post Card
• Post Block
• Post Block Modern
• Post Gallery
• Post Grid
• Post Grid Tab
• Post List

Apart from blog posts, the above widgets also allows you to create a feed of page and custom post type by editing the query from the settings panel.

The query setting also allows you to sort the content by date, author, last modified and so on. The ability to exclude posts is also available in the settings block.

Thanks to these blocks, Element Pack can be a great solution if you want to create a magazine-style website using Elementor.

Plus, you can also add a news ticker element to display the latest news.

Advanced Animation Effects

The free version of Elementor already comes with an animated feature where you can set entrance animation for any element. If you want to take animation to the next level, Element Pack offers some features you can leverage.

There are at least 6 animation effects you can apply to your design if you use Element Pack. Here is the list:

• Parallax Effect
• Animated Gradient
• Sticky Effect
• Floating Effect
• Background Expand
• Particle Effects

All animation effect features offered by Element Pack are controllable. Parallax effect, for instance, you can set both the X and Y axis of the background movement.

Similarly, when setting an animated gradient background, you can control the animation behavior, such as transition direction and transition speed.

Just a little note. While animation effects are great to impress your visitors, overusing it is not a good practice as it can slow your website. Only use animation effects with the right portion.

JavaScript and CSS Inserter

Inserting JavaScript code is nearly inevitable when you are creating a professional website. Especially if you want to use some services from Google, like Google Analytics. You need to insert the JavaScript snippet to allow Google Analytics to work.

Element Pack comes with a feature that makes it you to insert JavaScript snippets. You can access the feature from the settings panel inside the Elementor editor. You can find it on the Advanced tab.

This feature is accessible whether you create a page or a custom template for a theme builder. As you can see, you can choose whether you want to apply the code on the header or footer area of your website.

Apart from JavaScript, the feature also supports CSS.

Menu Builder

After you learn that you can create a custom header using Element Pack’s theme builder feature, you may ask, “What kind of menu can I add?”

Well, here is the answer.

You can create nearly all types of menu types you can imagine. From a standard menu bar and mega menu to an off-canvas menu.

You can even create a unique, circle menu like the one below.

You can control the elements of the circle menu. From links to icons.

Here are the widgets offered by Element Pack which you can use to create a menu:

• Icon Mobile Menu
• Icon Nav
• Mega Menu
• Navbar
• Offcanvas
• Submenu
• Vertical Menu

Mega Menu Builder

When you add the Mega Menu widget to your header template, you won’t get the mega menu right away. Instead, all you will get is a standard navigation menu.

To add mega menu content to a menu item on the Mega Menu widget, you need to go to the WordPress menu editor (Appearance -> Menus). From here, you can add the mega menu item by clicking the Edit button.

One thing, you can’t add mega menu content to a sub-menu item.

Element Pack still leverages Elementor to create the mega menu content so that you can add creative elements to your mega menu content using Element Pack widgets or Elementor native widgets.

Here is an example of the mega menu content I created.

Popup Builder

Well, Element Pack doesn’t come with a feature that they explicitly call it a “popup builder” like Elementor Pro’s popup builder.

However, since it allows you to create a popup, I consider it to have a popup builder feature.

There are 3 available widgets that you can use to create a popup:

• Modal Popup
• Cookie Consent
• Age Gate

Modal Popup

Modal Popup is a widget that you can use to create a modal popup. This widget offers rich enough options. For instance, you can set the behavior for the popup to show up.

From button click, element clicks (based on CSS class), on page scroll and on exit intent.

About the popup content, you can use the TinyMCE editor inside the Elementor editor, or you can also import the content from an Elementor template.

Cookie Consent

Cookie Consent is a widget aimed specifically at displaying a cookie consent bar. By default, the bar lies at the bottom side of the screen but you can also move it to the top, bottom-left corner and bottom-right corner.

Since the content of the notification bar is editable, you can also use this widget for other purposes. For instance, you can use it to notify your visitors about a special deal, a new feature and so on.

Age Gate

Age Gate is a widget specifically aimed at restricting content to those underage. They need to confirm their age before accessing the content.

To make the widget work exactly what it has been designed to be, you can disable the close button. This way, the popup will only disappear when your visitors confirm their age.

This widget comes with a redirection feature where you can redirect your visitors to a certain page after they confirm their age.

About the confirmation method itself, you can ask them to manually input their age or by answering a yes-or-no question. For the first option, you can set a minimum age to be allowed to access the content.

Chart Builder and Table Builder

There are two useful Element Pack widgets that you can use to display data: Chart and Table.

The Chart widget is super useful to display data consisting of fewer entries. You can use it to display data in an interactive chart format like the one below.

The Chart widget allows you to turn your data into the following chart types.

• Bar chart(vertical and horizontal)
• Donut chart
• Line chart
• Radar chart
• Pie chart
• Polar area chart
• Buddle chart

The Table widget, meanwhile, is a useful widget to present data consisting of more entries. You can present the data as a table like the one below.

The Table widget supports four data sources:

• HTML table
• Static data (manual entry via the settings panel)
• CSV file
• Google Sheets

On your table, you can add features like pagination, ability to sort data, search box and info (to show the total entries).

Floating Elements

When visiting a website that sells something or offers a service, you’ll typically find a floating element at the bottom-right corner of the screen. The element usually provides a button to access tech or sales support.

In other cases, some websites also use this element to display knowledgebase.

Element Pack offers two widgets that you can use to add a floating button:

• Help Desk
• Floating Knowledgebase

Help Desk

This widget is super useful to add a help button that floats at the bottom-right corner of the screen. When you drag this widget to the canvas area of Elementor, you will instantly get a floating button.

You can adjust the position of the button by setting the vertical and horizontal offset.

What does the button do?

So, when you click the button, some icons will show up. Clicking on each icon will start an action according to the associated platform.

For instance, if you click on the WhatsApp icon, it will start a new chat on WhatsApp web. Clicking on the Skype icon will start a chat on Skype, and so on.

The Help Desk widget supports the following platforms:

• Messenger
• Skype
• Viber
• WhatsApp
• Telegram

Floating Knowledgebase

If you’re creating a website for your software and you have created some documentation, then the Floating Knowledgebase can be a solution to be added to the main page of your documentation.

You can use the widget to display the content of the documentations in a floating style instead of a traditional page. Take a look at the following screencast:

You can display the content for the documentation by pulling it from blog posts, pages or custom post types. You can set the content source on the settings panel.

You can also create a dedicated template (using Elementor) for the content. Element Pack creates a new custom post type dedicated to creating content for the floating element. To create one, you can go to New -> Floating Element on the top bar inside your WordPress dashboard.

Thanks to the Floating Knowledgebase widget, you no longer need to install a knowledgebase plugin to create documentation on your website.

Useful WooCommerce Widgets

Element Pack also offers some useful widgets if you want to build an e-commerce website using WooCommerce. To be precise, it offers 6 widgets as follows:

• WooCommerce Products
• WooCommerce Add to Cart
• WooCommerce Elements
• WooCommerce Categories
• WooCommerce Carousel
• WooCommerce Slider
• WooCommerce Mini Cart

The WooCommerce Products, WooCommerce Carousel and WooCommerce Slider are the widgets you can use to display your products. The Add to Cart widget is one that you can use to add an add-to-cart button.

The Mini Cart widget is useful if you want to add a mini cart to the header. The widget will display all items that have been added to the shopping cart when you click it. Then the items are displayed in an off-canvas area.

The content of the off-canvas area is controllable via the settings panel.

The WooCommerce Elements widget, meanwhile, is useful if you want to create a custom page for WooCommerce.

Say you want to create a custom tracking page. You can use the widget to display the tracking forms.

Or say you want to create a customers’ account page. You can use the widget to display the elements you usually see on the customers’ account page.

The widget will load the elements based on the WooCommerce page you want to create the custom page of.

360-Degree Product Viewer

If you’re selling physical products in your store, Element Pack offers a widget dedicated to displaying your product in a 360-degree mode, the 360-degree Product Viewer widget.

However, the widget doesn’t support dynamic content. Meaning you can’t directly pull a product to be displayed the 360-degree image of.

The widget is useful to be used on a specific landing page that promotes a specific product.

Here are the setting options available on the widget:

Content Protection

From what we have elaborated above, you already have two options to hide your content from those without permission.

First, you can use the display conditions feature. Second, you can use the Age Gate widget. If none of these two suit you, there is one more option you can opt to: using the Protected Content widget.

The widget allows you to protect your content using two options. First, you can protect it with a password. Second, you can protect it by user role. Meaning, the content is only viewable by users with the specified role (you can add multiple roles).

Regarding the protected content itself, you can create it directly on the Elementor settings panel via TinyMCE editor or by selecting pre-made content from a template.

The error message is also customizable. You use the Elementor’s built-in text content editor or select a pre-made template.

Document Viewer

Another handy feature offered by Element Pack is Document Viewer. This feature is especially useful if you want to provide a certain file, yet don’t want your visitors to go away from your site.

With the Document Viewer widget, you can display the content of your file on your own website instead of requiring your visitors to download it. The file formats supported by the widget are:

• PDF
• XLS
• DOC
• PPT

You can use the Elementor’s built-in setting options to set the width of the document viewer. As for the height, the widget offers a dedicated setting option to set it.

Dark Mode

Not everyone loves dark mode, but some really do.

Anytime you want — or need — to add a dark mode on the website you’re creating, Element Pack offers a feature to make your job easier.

The Dark Mode widget works pretty similar to the Help Desk widget. When you drag the widget to the canvas area, a new floating button will be automatically added at the bottom-right corner.

You can click the button to turn on/off the dark mode on your website.

As easy as that!

If you don’t like the location of the button, you can also edit it. You can move the button to the top-left corner, top-right corner or bottom-left corner. The options to set the horizontal offset and vertical offset are also available.

Element Pack Free vs Pro

In this section, we have created two tables to make it easier for you to find out the widgets you can use on the free version and the pro version of Element Pack. However, we haven’t mentioned the differences in the general features.

If you want to try the free version of Element Pack, you can find the file in the WordPress plugin repository. The plugin has over 100,000 active installs with an average rating of 4.7 which indicates that it’s great.

Or, if you want to go straight with the pro version, you can get the file on the BdThemes website.

Here are the differences between Element Pack Free and Element Pack Pro.

	Element Pack Free	Element Pack Pro
Number of widgets	50	168 (include WooCommerce modules)
Template library	✅	✅
Theme builder	❌	✅
Display conditions	❌	✅
Form builder	✅ (exclude User Login widget)	✅
Post widgets	❌	✅
Animated gradient	✅	✅
Parallax background	❌	✅
Sticky effect	❌	✅
JavaScript and CSS inserter	✅	✅
Social login	❌	✅
Mailchimp integration	❌	✅
Menu builder	✅	✅
Mega menu	❌	✅
Modal popup	❌	✅
Cookie consent	✅	✅
Age gate	✅	✅
Chart builder	❌	✅
Table builder	❌	✅
Floating elements	❌	✅
WooCommerce widgets	❌	✅
Content protection	❌	✅
Document viewer	❌	✅
Dark mode	✅	✅

Element Pack Pro Pricing

You already know the features you can unlock when you upgrade to the pro version. But how much money you need to spend to get Element Pack Pro?

BdThemes offers three plans for Element Pack Pro. You can pick a plan according to the number of websites you want to use it on. The features available on each plan are the same.

The only difference is that the Developer plan (the highest plan) offers a white-label feature to allow you legally rebrand Element Pack with your own brand.

You can get Element Pack Pro using either a yearly subscription scheme or a one-time payment. Here are the plans offered by BdThemes for Element Pack Pro:

	Personal	Business	Developer *
Number of websites	1	5	Unlimited
Price	$49/year ($99 for one-time payment)	$99/year ($249 for one-time payment)	$199/year ($699 for one-time payment)

Element Pack Pros and Cons

Elementor still holds the throne as the most-used page builder plugin in the WordPress space. If you use it on your projects, then giving Element Pack a try can be a great idea.

You can use Element Pack as a replacement of Elementor Pro or as a complementary to it. Not all Elementor Pro features are available in Element Pack, however.

For instance, it doesn’t have the ability to integrate ACF and the similar plugins with its widgets.

But,

Several features in Element Pack are not achievable with mere Elementor or even in its Pro version. For instance, with Element Pack, you can create a beautiful table, an interactive chart and an animated gradient background.

Element Pack is a great plugin, overall. But it’s definitely far from perfect. Here are some pros and cons we found after testing both the free version and the pro version of the plugin:

Element Pack Pros:

• Tons of useful widgets to choose from
• Can handle the jobs of multiple plugins at once
• Complete enough features to replace Elementor Pro
• One-time purchase option is available for the pro version
• Useful JavaScript inserter
• Professional designs on the pre-made template library
• Usable advanced menu builder, including mega menu builder
• Offers lots of layout options to display blog posts and other content types
• Advanced sorting options to display blog posts

Element Pack Cons:

• The only email marketing it supports is Mailchimp
• No submission manager for its form builder

Summary

There are tons of Elementor-focused WordPress plugins out there and to find a logical reason to stick with a specific plugin is not easy.

Some plugins offer usable widgets but don’t include a certain feature. Some plugins have a certain feature but don’t have a specific widget you need the most.

And many other reasons.

Element Pack offers 168 widgets in total. Nearly all widgets offered by other similar plugins are available in Element Pack. Plus, it also has some useful features like theme builder and mega menu builder.

Indeed. It’s not a perfect product. It has no feature to manage form submissions via the WordPress dashboard. Its email marketing integration is limited to Mailchimp, too.

But it’s totally worth trying. Especially if you want to add creative elements like before-after image, Instagram feed, animated heading, animated gradient, image accordion, content switcher and so on.

Last but not least, Elementor Pack is a great plugin if you’re looking for an Elementor Pro alternative that doesn’t require a subscription-based payment.