Crocoblock, the Creator of 22 Premium Elementor Add-ons

If you are an Elementor user, chances are you have heard about Crocoblock. It is the developer of JetPlugins, a set of Elementor add-ons. Each add-on on the JetPlugins set adds a specific functionality to Elementor. For instance, JetMenu add the functionality to create a mega menu, while JetBooking add the booking functionality. All add-ons on the JetPlugins set are available as paid add-ons. You can get them individually or in a set. In addition to JetPlugins, Crocoblock also develops Elementor add-ons that are released for free. We will cover them shortly. But first, let’s get to know more about Crocoblock.

Who is Crocoblock?

Elementor, the most popular WordPress page builder plugin, was released back in 2016. It offered some advantages compared to the existing page builders, including its very intuitive visual editor that became the main reason many users loved it. But more importantly, Elementor had an open ecosystem that allows third-party developers to develop add-ons. These two parameters were enough to convince the Crocoblock team to develop an exclusive add-on set for Elementor which was then known as JetPlugins.

Referring to this page, JetPlugins was released in 2018, about two years after Elementor was released. The Crocoblock team itself is based in Ukraine. According to this page, they have offices in two different cities in the country.

Crocoblock Products

As we described above, Crocoblock is the developer of JetPlugins, a set of premium Elementor add-ons. There are 18 add-ons in the JetPlugins, which you can get whether individually or in a set. Regarding the payment, Crocoblock accepts subscription-based payment and one-time purchase option.

In addition to JetPlugins, Crocoblock also develops free Elementor add-ons which you can get on WordPress plugin directory.

Premium Elementor add-ons from Crocoblock

1. JetElements

JetElements Elementor add-on by Crocoblock

If you use Elementor Pro, you have over 80 widgets that you can use on your design. If they are not enough, you can install an add-on that offers widgets you need. JetElements is an Elementor add-on from Crocoblock that offers creative elements. Using this add-on, you can display Instagram feed on the page you are working on. You can also use the plugin to create a map with multiple pins. JetElements itself offers 40+ Elementor widgets in total, including widgets dedicated to WooCommerce. Here are the Elementor widgets offered by JetElements.

Lottie FilesContact Form 7Horizontal Timeline
Countdown TimerButtonTestimonials
Bar ChartInstagram FeedResponsive Tables
Interactive Animated BoxSubscription FormVideo Player
Section ParallaxDropbarPrice List
WooCommerce Products WidgetCustom Post GridTeam Member
Top Products WidgetImage Grid LayoutVertical Timeline
Best SellersBannerCircle Progress Bar
Sale ProductsImage Comparison SliderAnimated Text
Featured ProductsAdvanced CarouselAnimated Flip Box
Recent ProductsSliderPie Chart
Download ButtonPortfolio GalleryProgress Bar
WeatherPricing TableScroll Navigation
ServiceHeadlineInline SVG
Advanced MapAudio PlayerLogo Showcase

2. JetTricks

JetTricks add-on from Crocoblock

The pro version of Elementor comes with a feature to create a sticky column and section. JetTricks offers the similar functionality whereby you can use it to create a sticky column. In addition, JetTricks also allows you to add some animation effects like hotspot markers, animated “view more” pagination, satellite effect, and parallax effect. JetTricks will add the following widgets after being installed and activated.

  • Image Tooltips
  • HotSpot
  • Sticky Column
  • Section Particles
  • Read More Expand
  • Unfold Text
  • Satellite
  • Parallax Scrolling Effect

3. JetEngine

JetEngien add-on from Crocoblock

One of the features offered by Elementor Pro is the ability to add custom fields. To create custom fields, you can use plugins like ACF (Advanced Custom Fields), Pods, or Metabox. If you prefer a single solution, JetEngine is a great fit. The add-on can be an alternative to Elementor Pro’s feature to add custom fields. Not only you can use JetEngine to create custom fields, but you can also use it to create custom post types, custom forms, custom taxonomies, dynamic calendar, and dynamic map. JetEngine is a perfect option if you want to create a listing website with Elementor.

4. JetSmartFilters

JetSmartFilters from Crocoblock

On e-commerce sites like Amazon and Walmart, you can filter items based on many parameters. From brand, price range, features, and so on. JetSmartFilters allows you to add that kind of filtering feature. Not just WooCommerce products, JetSmartFilters allows you to filter a wide range of content types, including post types. JetSmartFilters is compatible with Elementor Pro, ACF, WooCommerce, JetWooBuilder, and JetEngine. Once installed and activated, JetSmartFilters will add the following widgets that you can use to filter your content:

  • Sorting Filter
  • Rating Filter
  • Visual Filter
  • Search Filter
  • Radio Filter
  • Date Range
  • Check Range
  • Range Filter
  • Select Filter
  • Checkboxes Filter
  • Active Tags
  • Remove Filters
  • Active Filters
  • Apply Button
  • Pagination

5. JetBooking

JetBooking add-on from Crocoblock

You can use Elementor to create any type of website. But for a certain website type, like a booking site, you need to install an add-on. JetBooking is an Elementor add-on dedicated specifically to adding a booking functionality to your Elementor-powered WordPress site. The add-on allows you to accept booking from your client. You can integrate it with Google Calendar and iCal. For the payment option, you can integrate JetBooking with WooCommerce to allow you to accept payment via PayPal, credit card, and other payment options supported by WooCommerce.

6. JetAppointment

Just like the name suggests, JetAppoinment allows you to add appointment functionality to your Elementor-powered WordPress site. It is a great add-on to create a website project that involve appointment transaction such as dentist, lawyer, psychology, beauty service, and so on. JetAppointment — as well as JetBooking — requires JetEngine to work properly. JetAppointment offers some appointment features like the ability to add holidays and rest days to a schedule, the ability to adjust the default schedule for all the services, the ability to arrange the buffer time before/after the service sessions, and so on. You can also integrate JetAppoinment with WooCommerce for the payment.

7. JetWooBuilder

JetWooBuilder add-on from Crocoblock

JetWooBuilder allows you to customize every single part of your WooCoomerce-powered site. From the shop page, single product page, product category page, checkout page, to customer account page. You can create a custom template of those parts using the visual editor of Elementor. JetWooBuilder comes with a bunch of WooCommerce-oriented Elementor widgets. To streamline your workflow, JetWooBuilder also offers ready-made templates you can choose from.

Here are the widgets offered by JetWooBuilder:

Category GridStock Status (Archive)Cart Empty Message
Products GridSale Badge (Archive)Cart Table
Products ListRating (Archive)Cart Cross Sells
Taxonomy TilesPrice (Archive)Checkout Payment
Single SharingExcerpt (Archive)Checkout Coupon Form
Single Add to CartCategories (Archive)Checkout Order Review
Single AttributesAdd to Cart (Archive)Checkout Billing
Single ContentTitle (Archive Category)Checkout Shipping Form
Single ExcerptThumbnail (Archive Category)Checkout Login Form
Single ImagesDescription (Archive Category)Checkout Additional Form
Single PriceCount (Archive Category)Thank You Order
Single RatingProducts Result Count (Shop)Thank You Order Details
Single Related ProductsProducts Pagination (Shop)Thank You Customer Address Details
Single Reviews FormPage Title (Shop)My Account Logout
Single Sale BadgeProducts Ordering (Shop)My Account Dashboard
Single UpsellsProducts Notices (Shop)My Account Registration Form
Single TitleProducts navigation (Shop)My Account Login Form
Single TabsProducts Loop (Shop)My Account Address
Title (Archive)Products Description (Shop Product)My Account Order
Thumbnail (Archive)Cart Return to ShopMy Account Downloads
Tags (Archive)Cart TotalsMy Account Details

8. JetProductGallery

In many cases, a WooCommerce product has more than one images. JetProductGallery allows you to display the images of a product on the single product page as a gallery. JetProductGallery is a great complement to JetWooBuilder. You can display the product gallery in a grid style or slider style. JetProductGallery adds the following widgets to your Elementor:

  • Gallery Grid
  • Gallery Anchor Navigation
  • Product Images Widget
  • Product Gallery Slider

9. JetCompare&Wishlist

JetCompare&Wishlist add-on from Crocoblock

It’s a common habit of buyers to compare two or more products before they buy a certain item. Neither Elementor nor WooCommerce offers a feature that allows aspiring buyers to compare products. If you want to offer a product comparison feature on your e-commerce store, you can use JetCompare&Wishlist. In addition, JetCompare&Wishlist also makes possible for you to add a feature to allow your customers to add a product to a wishlist. JetCompare&Wishlist adds the following widgets once installed and activated:

  • Wishlist Widget
  • Wishlist Count Button
  • Wishlist Button
  • Compare
  • Compare Count Button
  • Compare Button

10. JetPopup

JetPopup add-on from Crocoblock

As you have known, the pro version of Elementor comes with a popup builder feature to allow you to create beautiful popups without coding. If you don’t use Elementor Pro and prefer to use an alternative instead to create popups, JetPopup is the answer. JetPopup is an Elementor add-on from Crocoblock designed specifically to create popups with Elementor. The features offered by JetPopup are not much different from the Elementor’s popup builder whereby you can display a popup based on a certain action. It also supports display conditions to allow you to set where a popup to appear. Also, it offers ready-made popup templates you can make of to streamline your workflow.

In case you are curious, you can visit our previous article to learn Elementor Pro’s popup builder vs JetPopup.

11. JetReviews

Whether you have an e-commerce site that sell tangible products or intangible products, engagement is the aspect you can’t ignore. JetReviews is an add-on that allows you to increase engagement by allowing your users to leave reviews, comments, and likes. You can also use the add-on to add a dynamic review to a page. After installing and activating the JetReviews add-on, you will see two new widgets on Elementor: Reviews Listing and Static Review. You can use the Reviews Listing widget to add dynamic review and the Static Review widget to add a static review.

12. JetMenu

JetMenu add-on from Crocoblock

Elementor has no built-in feature to create a mega menu or off-canvas menu. If you want to create those menu types, JetMenu is an add-on you can use. You can use JetMenu whether on Elementor Pro or Elementor Free. If you use JetMenu on Elementor Free, you need an add-on that allows you to create a custom header (e.g., JetThemeCore) since Elementor Free doesn’t allow you to create one. JetMenu offers three widgets that you can use to add a navigation menu to your custom header:

  • Mega Menu
  • Vertical Mega Menu
  • Hamburger Menu

13. JetBlocks

You can use the JetBlocks add-on to add more elements to your custom header like a login icon, signup icon, search icon, and so on. JetBlocks also allows you to create a sticky section. JetBlocks comes with the following widgets:

  • Shopping Cart Icon
  • Registration Form
  • Auth Links
  • Hamburger Panel
  • Login
  • Search
  • Navigation Menu
  • Breadcrumbs
  • Logo Site

14. JetSearch

JetSearch is an Elementor add-on from Crocoblock that allows you to create an AJAX-based search results page. You can manage how the search results are displayed.

15. JetBlog

JetBlog add-on from Crocoblock

JetBlog is the add-on you need if you want to create an online magazine with Elementor. The add-on allows you to display blog posts in a grid style as well as a list tyle. It also allows you to embed a YouTube playlist in case you have a YouTube channel and want to display your channel to an Elementor page. JetBlog also comes with a widget to display newsticker. Here are the widgets offered by JetBlog:

  • Video Playlist
  • Text Ticker
  • Smart Posts Tiles
  • Smart Posts List
  • Posts Navigation
  • Posts Pagination

16. JetTabs

Elementor has a Tabs widget that you can use to display content in a tabbed interface, be it vertical or horizontal. However, you can only add the content to the tabs from the default editor. There is no option to add the content from a template. JetTabs is a solution if you want to add the content to the tabs from a template. Thanks to this feature, you can display the content on your website in a more compact way. You can, for instance, display blog posts from distinct categories on different tabs (by creating the template of each category first). JetTabs also allows you to create an image accordion.

JetTabs itself comes with the following widgets:

  • Switcher
  • Tabs
  • Accordion
  • Classic Accordion

17. JetStyleManager

JetStyleManager is an Elementor add-on designed to streamline your workflow whereby it allows you to save a widget you have customized for recurring use.

18. JetThemeCore

JetThemeCore add-on from Crocoblock

One of the features offered by Elementor Pro is theme builder which allows you to create a custom header, custom footer, custom single post template, and other theme parts. JetThemeCore offers the same functionality as Elementor Pro’s theme builder. In addition, JetThemeCore offers ready-made templates to streamline your workflow in creating a page.

Free Elementor Add-ons from Crocoblock

1. JetWidgets

You can say JetWidgets as the lite version of JetElements. If you have not enough budget to upgrade to Elementor Pro or buy JetElements, JetWidgets can be one of your answers. The add-on offers a widget to create an email opt-in form (only supports Mailchimp), a widget to create a team member section, a widget to create a pricing table, and a widget to style up a Contact Form 7 form in Elementor. There are 9 widgets offered by JetWidgets:

  • Advanced Carousel
  • Animated Box
  • Headline
  • Image Comparison
  • Images Layout
  • Posts
  • Pricing Table
  • Services
  • Subscribe
  • Team Member
  • Testimonials
  • Contact Form 7

2. JetWooWidgets

JetWooWidgets is the lite version of JetWooBuilder. It comes with three widgets to display your WooCommerce products on an Elementor-powered page. The widgets are:

  • Products List
  • Products Grid
  • Categories Grid

3. JetSticky

Elementor Pro comes with a feature to add a sticky effect to a section and widget. If you have no reason to upgrade to Elementor Pro — other than its feature to add sticky effect — you can install JetSticky. The add-on allows you to add a sticky effect to both a section and a column. After installing and activating the add-on, you will see a new option under the Advanced tab on the Elementor settings panel to set the sticky effect. You can find the setting option when editing a section or column.

4. JetGridBuilder

JetGridBuilder is an Elementor add-on aimed at helping you to create a grid layout on Elementor. You can then add the content to the grid layout you have created. Be it blog posts, pages, WooCommerce products, and even JetEngine listing. Unfortunately, you can only add a static content to the grid. There is no option to add dynamic content.

The Bottom Line

The Crocoblock team consists of experienced WordPress developers who have been on the web creation industry for years. When Elementor first emerged, they saw it had a bright future and what they predicted was not wrong. Today, Elementor has transformed into the most popular page builder plugin for WordPress. Crocoblock — with its JetPlugins — is one of the key players in the Elementor ecosystem. JetPlugins is a great toolkit to create a WordPress-based website with Elementor.

JetPlugins is especially a great solution for those who love Elementor, yet don’t like the concept of subscription-based payment option. As you know, Elementor only accept subscription-based payment. Although you must spend more capital upfront, the one-time purchase option makes it easy for you market your service as you don’t need to charge extra yearly fee to your clients. Crocoblock has offered a great alternative to Elementor Pro, which is perfect for agencies.

How to Hide a Block in Brizy

Do you want to create a membership website with WordPress? If you use Brizy on your WordPress site, you don’t need to install a new membership plugin. Recently, Brizy announced a new feature that allows you to hide a block based on user roles. You can make use of this feature to create a membership website by hiding the Brizy blocks and show them only to users with a certain user role. For instance, you can hide a block that contains a video content from users with a Subscriber role and show it to users with an Administrator role, Editor, Author, and so on. Here are the roles supported by Brizy’s new membership feature.

  • Not logged
  • Administrator
  • Editor
  • Author
  • Contributor
  • Subscriber
  • Customer
  • Shop manager

Brizy itself (the pro version) also comes with a feature to add a custom role, which you can access by going to Users -> Roles on your WordPress dashboard. You can make use of this feature if you want to create a user role that doesn’t have access to the WordPress dashboard.

To make the membership functionality really works, you can use WooCommerce and use the Customer role to hide your content. WooCommerce will automatically give this role (the Customer role) to your users once they make a purchase on your website.

How to hide a block in Brizy

The Brizy’s new membership feature is available on the free version. To use it, make sure to update your Brizy Free to the latest version first (version 2.2.8 at the time of writing). After updating your Brizy Free, you will see a new option called Membership when customizing a block on the Brizy editor.

First, edit your page with Brizy. Specify a block you want to hide and click the block handle (the mixer icon) to show the settings bar. Click the gear icon and enable the Membership option.

Click on the Show to field and select a role you want to show the block to. You can select multiple roles.

Publish/update your page once you are done editing it. Once published, the block you have enabled the Membership on will only be visible to users with a role you have specified.

Brizy also offers an option to allow you to filter the blocks on the page you are editing and view the page exactly how the users with a certain role will see it once the page is published/updated. Some kind of preview.

JetReviews Elementor Add-on: An Overview and Review

Elementor (the pro version) already has a widget — the Post Comments widget — that you can use to add a comment section to a custom template to allow your visitors to share their thoughts over your content. But if you want to take the user engagement to the next level, comments are not enough. You need more feedback types like reviews, star ratings, and likes. JetReviews is an Elementor add-on that makes it possible for your visitors to leave feedback in four different forms: reviews, star ratings, comments, and likes/dislikes. It is part of the JetPlugins family but can act as a standalone plugin. Meaning that you don’t need to install other JetPlugins members in case you don’t need them.

JetReviews: The Overview

We have said it. JetReviews is an Elementor add-on that you can use to increase the user engagement on your website whereby you can allow visitors to add a review, comment, rating, and like/dislike. In order to be able to leave a review or rating, your visitors need to login to your website. It can also help to increase the user base on your website, which is great for your business. You can set who can add the feedback based on the user role (administrator, editor, author, contributor, subscriber). You can also set how the reviews appear on the page. Whether you want them to appear right away (without moderation) or with your approval first. The moderation itself is done via the JetReviews dashboard within your WordPress dashboard.

After installing and activating JetReviews on your WordPress site, you will see a new menu item on WordPress dashboard called JetReviews. The menu consists of 5 sub-items:

  • JetReviews

JetReviews offers an analytics feature which you can access by going to JetReviews -> JetReviews. The provided stats are the number of accepted comments, the number of unaccepted comments, the number of approved reviews, and the number of unapproved comments. You can see the review stats stats of pages, posts, and custom post types.

  • All Reviews

The All Reviews page allows you to manage the reviews submitted by your visitors. You can accept the unapproved reviews, unapprove the approved reviews, edit the reviews, and delete the reviews.

  • Review Types

JetReviews comes with a default review type. You can add new review types according to your needs. For instance, if you want to use JetReviews on a hospitality website, you might want to add a review type that consists of the following review items (fields):

  • Location
  • Cleanliness
  • Facilities
  • Amenity

When adding a new review type, you can add as many review items (fields) as you want. On each field, you can set the number of steps and maximum value of the review item.

  • Comments

In addition to reviews, JetReviews also allows your visitors to leave comments.

What is the difference between a review and a comment?

Review is the main feedback type a user can leave. Only registered users will be able to leave a review. While comment is an additional thought a user can leave on an existing review. When adding a review, a user can add a review title, review body, and star rating.

You can manage the comments on the Comments page.

  • Settings

As we stated above, you add new review types according to your needs. You can then assign the review types you have created to a certain post type. Be it page, default post type (blog post), or custom post type. To assign a review type to a certain post type, you can go to the Settings page of JetReviews (JetReviews -> Settings). On this page, you will see all of the existing post types on your WordPress site. You simply click the tab of a post type and slide the toggle to enable a review type. You can then select the review type you want to use on the Review type option.

How to Use JetReviews

You can use JetReviews whether to add dynamic reviews or a static review. After installing and activating the JetReviews plugin, you will see two widgets on Elementor:

  • Reviews Listing
  • Static Review

The Reviews Listing widget is used to add dynamic reviews and dynamic star ratings while the Static Review widget is used to add a static review.

How to Add Dynamic Reviews Using the Reviews Listing Widget

Dynamic reviews mean that the reviews are submitted by your users instead of you. The concept of dynamic review is great to be implemented on websites types like hospitality, e-commerce, studio rental, and other website types that need users’ reviews.

To use the Reviews Listing widget to add dynamic reviews, first, you need to create a review type. To do so, go to JetReviews -> Review Types. Add a new review type by clicking the Add New button.

On the appearing window, give your review type a name and click the Add New Field to add a field (review item). As mentioned, you can set the number of steps as well as the maximum value when adding a new field (review item). Once you are done adding the fields, you can click the Add Type button.

Next, go to JetReviews -> Settings. Select a post type you want to assign the review type you have just created to and slide the toggle (you can read this post to learn how to create a new custom post type in WordPress). Select the newly created review type on the Review type option.

You can also set who can leave the review by selecting the user roles on the Allowed roles option. Below this option, you can also set how the reviews appear. Whether you want to approve them first or not.

Creating a Custom Template

Once done adding a new review type, the next step is to create a custom template for the post type you assigned the review type to. For instance, if you assigned the review type to a Movie custom post type then you need to create a custom template for the Movie custom post type. To create a custom template in Elementor you can either use Elementor Pro or JetThemeCore. In this article, we use Elementor Pro.

Go to Templates -> Theme Builder and click the Add New button to add a new template.

On the appearing window, set the template type to Single Post. Give your template a name and click the CREATE TEMPLATE button to start creating the template.

You can either create the template from a premade template or from scratch instead. If you prefer to create the template from scratch (as we do in this example), you can simply close the template library to open the Elementor editor.

On the Elementor editor, you can add any element (widget) you need. Once done adding the necessary widgets, add the Reviews Listing widget.

Chances are, you will find an empty review after adding the Reviews Listing widget to the canvas area of the Elementor editor. The reason is that the review type has just been created and no one submits a review yet. If this is the case, you can submit a review to an existing post first. Once done, change preview settings on the custom template you are working on. To so do, click the gear icon on the bottom-left corner of the Elementor settings panel. Click the Preview Settings block. Select the post type you assigned the review type to and select the post you have just added the review to. Click the APPLY & PREVIEW button.

Reactivate the Reviews Listing widget (by clicking it) to customize it. On the Settings block under the Content tab, you can select the rating layout.

To change the icons, you can open the Icons block. You can either use your own icons (SVG files) or use icons from the Elementor icon library.

To customize labels, you can open the Labels block, also under the Content tab. You can simply replace the default labels with your own labels.

To style up the reviews block, you can go to the Style tab on the Elementor settings panel. There are 7 blocks you can open here:

Rating: To change the color of the star icons, the size, and the gap between stars.

Controls: To change the size of the control icons (thumbs, show comment, and leave comment), the colors, and the typography.

Forms: To style up the forms (review form and comment form). You can change the text color, typography (font size, font style, and so on).

Header: To set the typography of the review block header. You can also set the text color here.

Reviews: To set the avatar size of the reviewers, the text color of the reviewer’s name, text color of the review title, text color of the review content, the typography, and the gap between reviews.

Reviews Misc: To set the text color of the verify label, typography and the icon size.

Comments: To set the typography as well as the text colors of the components of the comments (author’s name and content). You can also set the gaps between comments from here.

Once you are done editing the templates, you can click the PUBLISH button on the bottom side of the Elementor settings panel. On the appearing window, you will be asked to add a display condition. Simply click the ADD CONDITION button to add one and select the post type according to the post type you assigned the review type to. End by clicking the SAVE & CLOSE button.

How to Add a Static Review Using the Static Review Widget

Unlike the Reviews Listing widget in which the reviews are submitted by your visitors, the Static Review widget requires you to add the review yourself. If you hire a designer to work on a page, you should ask your designer to add the review.

Another difference, you can use the Static Review on any design, be it a page or template (you can only use the Reviews Listing widget on a template).

To start adding a static review using the Static Review widget, simply drag the Static Review widget to the canvas area.

Once the widget is added, go to the left panel to customize the review. First, select the review source by selecting one from the Content Source dropdown under the Content block.

As you can see, there are two options to add the review:

1. Manually Input

If you want to add the review manually, you can simply select the Manually Input option. The Static Review widget comes with a default review item. To add a new review item, you can simply click the ADD ITEM button. On each review item, you can add the label, field value, and field maximum value.

You can also add the review title, review content, and review legend on the available fields.

2. Post Meta

If you select this option, JetReviews will pull the review from a post meta. That being said, you need to add the review on the post want the review to be pulled from. To do so, edit a post (or create a new one). On the JetReviews block beneath the WordPress editor, click the ADD NEW FIELD button to add a review item then add the label, value, and maximum value.

Once done adding the review, copy the post ID of the post. To get the post ID, you can go to the address bar of your web browser. Post ID is the number right after the “post=” text.

Update the post and switch back to the Elementor editor. With the Post Meta option selected, paste the post ID you have just copied to the Get Data From Post field.

Next, you can open other setting blocks under the Content tab to customize the review:

Structured Data: You can open this block to add structured data to the review box.

Header Settings: You can open this block to set the header title, the average review layout (stars, percentage, or points).

Fields Settings: You can open this block to set layout of the review item (stars, percentage, or points), the position of the values, and alignment of the values.

Summary Settings: You can open this block to set the position of the summary results, the width of the results block, and the layout of the summary average.

Styling up the Review Block

Same as the Reviews Listing widget, you can also go to the Style tab to style up the static review you create with the Static Review widget. There are 8 blocks you can open here:

Review: You can open this block to set the review block gap, the review block padding, the review block border, and the review block box shadow.

Header: You can open this block to set the review header background, the review header padding and margin, the review header border radius, the text color of the review header, and the typography (font family, font size, font style, and so on) of the review header.

Total average: You can open this block to style up the total average section of the review block. You can set the value color and typography and the star icons’ size and color.

Review Form: You can open this block to style up the review form section of review block. You can set things like the gap between fields, the text color as well as the typography of the review title, review label, and review input.

Author: If you enable the review author, you can open this block to set the author’s ava size, background, padding, margin, text color as well as typography of the author’s name.

Fields: You can open this block to style up the review items section. You can set border style as well as border size of the review items box, text color as well as the typography of the review items label and value, the color as well as the size of the star icons.

Summary: You can open this block to style up the summary section. You can set text color as well as the typography of the summary title and summary content.

Summary Average: You can open this block to style up the summary average section. You can set text color as well as the typography of the summary average legend and value. You can also set the color as well as the size of the star icons.

The Verdict: JetReviews Review

Some website types need users’ reviews to build trust. In Elementor itself there are at least two options to add dynamic reviews and star ratings. First, you can use the ACF plugin (or the similar plugin). This option only allows you to add the reviews from the WordPress editor. Meaning that there is no opportunity for your visitors to leave their thoughts. Alternatively, you can use JetReviews, which can be used to accept reviews from visitors. JetReviews is great for the following website types:

  • E-Commerce.
  • Listing Website.
  • Rental Website.

You can use JetReviews to replace the default commenting feature of WordPress, which is limited to adding comments only. In addition to adding dynamic reviews and star ratings, you can also use JetReviews to add a static review to a page. As a review system tool, the features offered by JetReviews are complete enough. It comes with a moderation feature to allow you to manage the submitted reviews and comments. More importantly, it doesn’t require other plugins to work.

How to Use Global Colors in Divi Builder

Earlier this month (February 2021) Elegant Themes introduced a new feature for Divi Builder. The feature — called global color — allows you to control the color scheme of your entire site from one place. Global color itself is actually a common feature on most page builders. Other page builders — including Elementor and Brizy — already have one before Divi Builder. So, if you are a Divi Builder user and have been waiting for this feature then it’s time to update your Divi Builder (to version 4.9.0) to enjoy the feature.

How to use the global color feature of Divi Builder

The concept of global color is helpful to streamline your workflow as you can change the colors of multiple elements — be it on the same page or on different pages — at once. Another advantage of using a global color is that you will have a consistent color scheme on your website. By using a global color, there will no case where you unconsciously enter a different hex code of color.

In case you are new to global color, here is an example use of global color on a page. Notice the icons and the heading elements.

As you can see, when we change the color of the heading, the color of the icons changes as well. This can happen because we use a global color for those elements. If you use the same global color for elements on other pages, the color of the elements you applied the global color to will also be updated. A global color itself can be used in any setting that involves color. From text color, icon color, background, and so on.

Divi Builder offers no default global colors, so you need to define one yourself. First, edit a page or theme builder template to open the Divi Builder editor. On the Divi Builder editor, edit an element (e.g., the Text module) and edit its color. On the color picker section, you will see a new tab called “Global”. Simply click this tab and click the plus icon to define a new global color.

You can then use the global color you have just defined on any setting within the Divi Builder editor that involves color change. You can simply go to the Global tab on the color picker section to use it.

To edit the color of a global color, you can simply click the global color you want to change its color and pick a new color. The change will be applied to all elements whereby you applied the associated global color to.

To delete an existing global color, you can click the gear icon on the color picker section. This will show up all of the existing global colors you have defined. Simply click the trash icon to delete one and end by clicking the Finish Editing Global Colors link.

7 Best Elementor Pro Alternatives (Unbiased)

We know. They know. Everyone knows that Elementor is a great page builder plugin. Actually, it’s not just a page builder. Instead, Elementor has transformed from a mere page builder into a comprehensive site building tool. As you have known, Elementor (the pro version) allows you to customize every single part of your WordPress site with a no-code approach using its theme builder feature. Not to mention its custom fields support that allows to take Elementor to the next level.

While Elementor is great for personal use, the case is a bit different for agencies. If you have a web agency company that develops websites for clients (or you simply have multiple websites), you definitely want to get a project done at the minimal capital possible. At the time of writing (February 11, 2021), the most expensive plan offered by Elementor (which is an ideal choice for web agencies) costs $199 per year. The license of the plan (the EXPERT plan) allows you to use Elementor on 1,000 websites ($0.19 per site). But soon, you have to spend more money to create 1,000 websites.

Recently, Elementor announced via an email newsletter it will change its Pro plans, which will apply on March 9th, 2021. Starting on March 9th, the EXPERT plan is limited to only 25 sites (from currently 1,00 sites). In the newsletter, Elementor also introduced two new plans:

  • Studio – $499 per year for 100 sites
  • Agency – $999 per year for 1,000 sites

UPDATE: Elementor has finally made a decision to lower the Agency plan pricing to $399/year. They also removed the Studio plan. Learn more.

You are right. Starting on March 9th, you will need to spend $999 to build 1,000 sites with Elementor ($0.9 per site). Have you calculated it? The increase is too significant. Nearly 1000%. And still, Elementor doesn’t offer a one-time purchase option. Meaning that you have to spend a yearly budget to continue using it.

We know that Elementor wants to value professional developers and designers. But $999 per year for 1,000 sites? It’s something you need to think of. Again and again.

Elementor Pro Alternatives

We have some friends that have or work for agencies, in which their job is to create websites for clients, using WordPress. Most of them use a page builder to get a project done. One thing they have in common. They are likely to prefer to spend a large capital upfront by buying a page builder plugin with a one-time purchase option instead of paying a yearly subscription fee. The reason is quite reasonable. They don’t want to spend another yearly budget (they already do on web hosting and domain).

If are an agency and want to build unlimited websites at lower cost, then the following page builders are great to replace Elementor.

1. Divi Builder

Divi Builder, one of the Elementor alternatives that offers a one-time purchase option

Same as Elementor, you can also use Divi Builder on any WordPress theme although it would be better to use it on the Divi theme. Divi Builder itself is available in two versions: a standalone plugin (which you can use on any theme) and the built-in feature of the Divi theme and the Extra theme. If you prefer to use Divi Builder on the Divi theme or the Extra theme, you don’t need to install the Divi Builder plugin anymore as it is an integral of those themes. The Divi theme, Extra theme, and Divi Builder are developed by Elegant Themes, along with two other plugins: Monarch and Bloom.

How good is Divi Builder at replacing Elementor?

Overall, the features offered by Divi Builder are not much different from Elementor. However, you might need to make an adaptation as its editor interface is quite different from Elementor. The biggest difference between Elementor and Divi Builder is that Divi Builder comes with way fewer design elements (called modules). There are only 38 modules offered by Divi Builder (outside WooCommerce modules). If you need more modules, you can install extensions. Elegant Themes provides an official marketplace where you can find the extensions you need.

Divi Builder is a paid plugin. You can visit this page to try the experience of creating a page using Divi Builder.

Divi Builder comes with the following key features:

  • Theme Builder
  • WooCommerce Builder
  • Form Builder
  • Advanced Gradient Builder
  • Premade Templates
  • Third-Party Integrations
  • Custom CSS
  • Global Colors
  • Advanced Hover Effects
  • Custom Fonts
  • Dynamic Content (including custom fields)

Elegant Themes offers two plans in which each plan allows you to use Divi Builder on as many websites as you want. The first plan requires you to pay a yearly subscription ($89 per year) while the other one is a one-time purchase ($249).

2. Brizy

Brizy Page Builder, one of the best Elementor alternatives

Brizy might is the closest alternative to Elementor. First, it is also released as a freemium plugin, meaning that you can start with the free version before upgrading to the pro version to unlock more features. Second, it is also a generic page builder (not optimized for any theme). One thing that makes Brizy stand out is that it’s extremely light. Brizy comes with an addictive visual editor that offers a live editing experience just like Elementor. You can edit the content right from the canvas area.

The pro features offered by Brizy are not much different from Elementor. First, it comes with a theme builder that allows you to create custom templates to replace the default templates of your theme (single post, archive pages, header, footer, and so on). Second, it also comes with a popup builder to allow you to create beautiful popups using its visual editor. Here are the key features offered by Brizy:

  • Theme Builder
  • Popup Builder
  • Form Builder
  • Mega Menu Builder
  • WooCommerce Builder
  • Dynamic Content (including custom fields)
  • Premade Templates
  • Global Typography
  • Global Colors
  • Third-Party Integrations
  • Custom Fonts
  • Custom CSS

Brizy has three pro plans. One of which is the Lifetime plan that you can get with a one-time purchase option.

3. JetPlugins

If you love Elementor, just admit it. If you still want to use Elementor to create websites for your clients, yet objected to spending that much yearly subscription fee, JetPlugins is a great alternative. JetPlugins is a set of premium Elementor add-ons from Crocoblock. There are 18 add-ons in the set in total. Each add-on is designed for a specific use. JetEngine, for instance, is designed to allow you to add dynamic content. Be it default dynamic content of WordPress or custom fields. Need to create a popup? There is JetPopup on the set that you can use to do so.

Here are the Elementor add-ons on the JetPlugins set:

  • JetEngine: To add dynamic content (custom fields, custom taxonomies, custom post type, and so on)
  • JetThemeCore: To create a custom header, custom footer, and other custom templates
  • JetStyleManager: To control the page style settings
  • JetBooking: To add booking functionality
  • JetBlocks: To enrich the header and footer’s content
  • JetTricks: To add interactive visual effects
  • JetReviews: To allow users to add comments, reviews, and rating
  • JetTabs: To display content in a tabbed interface
  • JetMenu: To create more advanced menus. Supports mega menu and off-canvas menu
  • JetWooBuilder: To customize your WooCommerce store
  • JetSmartFilters: To add advanced filters for any post type
  • JetPopup: To create popups
  • JetProductGallery: To display product galleries to a single product page. In a more beautiful, professional way
  • JetCompare&Wishlist: To add wishlist and compare functionality
  • JetSearch: To create an AJAX-based search
  • JetBlog: To display articles in tiled and list styles. Can also be used to create a YouTube playlist
  • JetElements: Adds 40 create widgets
  • JetAppointment: To add appointment functionality

Same as Divi Builder and Brizy, there is also an option to get JetPlugins with a one-time purchase option.

4. Zion Builder

The case of Zion Builder is quite similar to Divi Builder. It was previously only available for Kallyas theme before released as a generic page builder plugin back in May 2020. The interface of Zion Builder is quite similar to Brizy, which is pretty light. It also offers a live editing experience whereby you can edit the content directly from the canvas area. The responsive editing feature is also available to make sure your page fits any device. Zion Builder itself is quite tempting and it seems that it will be a serious competitor to Elementor and other page builders. At the time of writing, Zion Builder has no theme builder yet, but the feature is under development.

Zion Builder offers 4 pro plans you can choose from, including the LIFE TIME plan which you can get with a one-time purchase option. The key features offered by Zion Builder include:

  • Template Library
  • Dynamic Content
  • Custom Fonts
  • Custom Icons
  • Custom CSS

Zion Builder itself is released as a freemium plugin so that you can start with the free version to try the page building experience with it.

5. Breakdance

Breakdance is one of the best alternatives to replace Elementor if you are an agency. First, it comes with a modern, intuitive editor just like Elementor. Second, Breakdance offers nearly all features that Elementor Pro has. From theme builder, WooCommerce Builder, popup builder, to form builder which you can connect with services like MailChimp, MailerLite, to ActiveCampaign. In fact, Breakdance offers more design elements than Elementor. There are over 70 native design elements offered by Breakdance in total.

Second, Breakdance offers a very simple pricing. It offers only one pricing option costing way cheaper than Elementor’s Agency Plan. Plus, you can install the Breakdance plugin on unlimited websites with your license.

Here are some key features offered by Breakdance:

  • Theme Builder
  • WooCommerce Builder
  • Form Builder
  • Mega Menu Builder
  • Dynamic Content
  • Custom Fields Support
  • Third-party Service Integration
  • Custom Icon
  • Global Styles
  • Custom CSS
  • Premade templates

6. Bricks

The concept of Bricks is pretty similar to Divi. It is a WordPress theme that comes with a built-in page builder feature called Bricks Builder.

The Bricks Builder is available as an integral part of the Bricks theme. You don’t need to install an additional plugin to use it. Bricks is developed with performance in mind. It has built-in setting options to disable some WordPress features that affect site speed such as emoji and embed. Bricks Builder supports container for a flexible layout. About the price, Bricks offers two pricing options: for a single site and for unlimited sites. You can get Bricks with a one-time purchase option.

Key features of Bricks:

  • Theme Builder
  • WooCommerce Builder
  • Form Builder
  • Advanced Gradient Builder
  • Dynamic Content
  • Custom Fields Support
  • Third-party Service Integration
  • Global Elements
  • Custom CSS

7. Beaver Builder

Beaver Builder is a long player in the page builder plugin segment. The plugin targets WordPress agencies and freelance website developers. You will find no pricing plan for a single website like Elementor. All pricing plans offered by Beaver Builder allow you to install the plugin on unlimited websites. The features you will get depend on the plan you choose. With the cheapest plan, you only get the page builder feature — along with the pro modules. Features like theme builder and white label are only available on the higher plans.

The features offered by Beaver Builder are reliable enough to create stunning, responsive website with WordPress. You can install add-ons to extend the Beaver Builder features:

Beaver Builder key features:

  • Form Builder
  • Dynamic Content
  • Custom Fields Support
  • Third-party Service Integration
  • Global Setting
  • Custom CSS
  • White Label

The Bottom Line

Everyone knows how useful Elementor in helping users to create a website. A great a editor interface. A stack of useful features. Not to mention a well-established ecosystem. However, increasing the plan by nearly 1000% is debatable. Really debatable. Regardless of the reason behind it. This is especially will make it harder for agencies. $999 for 1,000 websites might is worth it if you don’t need to make a yearly payment to renew your license. Unfortunately, that’s not what Elementor offers to you.

If you subscribe to the Agency plan of Elementor (which cost $999 per year), not only you will need to spend a large amount of money on a yearly basis, but it also makes it hard for you to make a switch if you experience a problem with Elementor during the active subscription period (unless you are okay to lose your money). Elementor is not the only WordPress page builder, though. There are a bunch of alternatives out there to help you to create a website with WordPress as we have mentioned above.

Pin It on Pinterest

Creating with WordPress?‚Äč

Subscribe and join 1,000+ WordPress users receiving tips and insights on creating with WordPress in the no-code era. At WP Pagebuilders, we write about the following topics a lot.