The theme builder feature of Elementor Pro allows you to create a custom header template to replace the default header template of your theme. You can add elements like navigation menu, site logo, search box, button, and social media icons to your custom header template. Want to add more elements? JetBlocks is the add-on you can install. With JetBlocks, you can add elements like shopping cart icon and authentication links.
If you have been long using Elementor, chances are you have heard about Crocoblock. It’s a notable Elementor add-on developer. JetBlocks is one of the products of Crocoblock. It is part of the JetPlugins family designed specifically to allow you to enrich your header content.
JetBlocks: A Brief Intro
JetBlocks, as mentioned above, is an Elementor add-on developed by Crocoblock. The add-on is designed specifically to allow you to add more elements to your custom header, other than the default elements offered by Elementor. If you have a WooCommerce-powered e-commerce website, for instance, you can add the shopping cart icon to your custom header to display the number of items that have been added to cart by your customers — as well as the total price. Or you can also add authentication links to make it easier for your users to login or logout from your website.
In addition, JetBlocks comes with widgets that you can use to both create a login page and registration page on your Elementor-powered WordPress site.
Being a part of JetPlugins, you can get JetBlocks in a set (along with other JetPlugins members like JetElements, JetEngine, JetWooBuilder, and so on). JetBlocks is also available as a separate add-on in case you don’t need other JetPlugins members.
After installing and activating JetBlocks, you will have nine new widgets on your Elementor, which you can find on the JetBlocks block.
If you don’t need certain widgets, you can disable them from the JetBlocks settings dashboard which you can access by going to Crocoblock -> JetPlugins from the main WordPress dashboard. Open the JetBlocks block and click Widgets & Extensions to see the JetBlocks widgets. Simply switch the toggle off to disable a widget.
Here are the widgets offered by JetBlocks:
You can use this widget to display the register link and the login link on the custom header or any area of your website. This widget is particularly useful if you use Elementor to create a membership website, e-commerce website or other website types that require user registration. To make the links look more appealing, you can also add the icons.
In addition to displaying the register link and login link, the widget also allows you to display My Account link. Clicking this link will redirect your users to the My Account page of WooCommerce.
If you rely on SEO to generate traffic to your website, then adding breadcrumbs is the tactic you can give a try. Breadcrumbs are crucial in terms of SEO as they allow search engines to better understand the link structure on your website (breadcrumbs also offer a better navigation for your site visitors). Elementor itself already has a Breadcrumbs widget, but only if you have Yoast active.
You can add the Breadcrumbs widget of JetBlocks on any page, not necessarily on the single post template. You can enable/disable elements like page title, prefix, and so on.
When creating a popup in Elementor, you can set the trigger to on-click to display the popup when a visitor clicks the button you specified. Thanks to this, you can use the popup builder of Elementor to create an off-canvas menu and full-screen menu. If you are looking for a simpler solution, then JetBlocks is one of the options you can use. The Hamburger Panel widget of JetBlocks allows you to create an off-canvas menu the simpler way. To add the content to the menu, you can use a template (Elementor template) so that you can add any element you like.
You can also use this widget to create a full screen menu by setting the panel width to 100 percent.
Elementor Pro comes with a widget — the Form widget — that you can use to create a custom login page on your WordPress site more effortlessly. The Login Form widget of JetBlocks does precisely the same job. Every element on the login form can be customized. From the username field, password field, login button, and so on.
You can use this widget to add your site logo to the custom header. If you use Elementor Pro, chances are you won’t use the widget as you need to upload the logo manually, instead of pulled from your existing logo on your website.
The pro version of Elementor comes with a widget called Nav Menu which you can use to add a navigation menu on your custom header. The Nav Menu (yes, the widget’s name is precisely the same as Elementor’s native Nav Menu widget) of JetBlocks does the same job whereby you can use it to add a navigation menu to your custom header.
Up until version 3.2, Elementor Pro has no widget to add a registration form yet. You can actually use the Form widget to create a user registration page with Elementor. However, it takes more effort as you need to add a new function to your WordPress site first. If you are looking for a simpler solution, JetBlocks offers it.
Just like the name suggests, the Registration Form widget of JetBlocks allows you to add a registration form to your page. No complex configurations needed. You just need to enable the registration option on your WordPress site and add the Registration Form widget to your registration page.
You can use this widget to add a search box to your custom header. This widget offers more behavior options than the native Search Form widget of Elementor. You can display the search form in a popup or full-screen overlay.
WooCommerce Shopping Cart
This widget is useful if you have a WooCommerce website powered by Elementor. You can use the widget to display the number of items that have been added to cart by your customers, as well as the total of price.
The Verdict – JetBlocks Review
JetBlocks is an Elementor add-on designed to add content to both custom header and custom footer. Other than basic elements like site logo, navigation menu, and search box, you can also use the add-on to add more advanced elements like authentication links and shopping cart icon, which is great if you have an e-commerce-powered website. The question is, do you really need JetBlocks? The question is especially reasonable if you use Elementor Pro as Elementor Pro already has widgets to add navigation menu and search box. If you need to create an off-canvas menu or full-screen menu, you can also do so by utilizing its popup builder.
Assuming you use Elementor Pro, there are only three JetBlocks widgets you are likely to use:
- Shopping Cart Icon
- Registration Form
- Auth Links
The functions offered by other JetBlocks widgets can be handled by Elementor Pro widgets. If you don’t mind a bit hassle, you can even use the Form widget to create a registration page, so effectively there are only two JetBlocks widget you are likely to use.
The use of JetBlocks tends to worth it if you use JetThemeCore instead of Elementor Pro to create the custom header/custom footer for your website. Anyways, if you find JetBlocks is a good fit for your needs, then there will no sin to buy it.