The premium version of Elementor comes with several advanced features, including Popup Builder which allows you to create popups on your WordPress site. If you use the free version of Elementor, you can get some functionalities of Elementor Pro via add-ons. If you need to create popups, JetPopup is the add-on you can give a try.
JetPopup is a premium Elementor add-on developed by Crocoblock. It is intended to be an alternative to the Elementor’s native Popup Builder. The features offered by JetPopup are not much different from Elementor’s native Popup Builder. JetPopup also comes with a library manager to manage your popups, supports several trigger types and allows you to display a popup on a specific page.
You can read our previous post to learn more about the usage of JetPopup. In this article, we will compare JetPopup with the Elementor’s native Popup Builder.
Ease of use
JetPopup is an Elementor add-on. An Elementor add-on itself is technically a WordPress plugin. You can install JetPopup from the WordPress plugin manager (Plugins -> Add New). Once installed, you will have a new menu item on your WordPress dashboard called JetPopup.
JetPopup allows you to create a new popup whether from scratch or from a template. If you prefer to create a popup from scratch, you can use a popup layout (pre-made blocks on particular locations). For instance, if you want to create a popup to be displayed in the bar area, you can select the Bar layout. To select a popup layout, you can go to JetPopup -> All Popups and click the Popup Layout button on the top side. Click the Create Popup button to start building your popup.
After clicking the Create Popup button, you will be directed to the Elementor editor. You can build your popup on the visual editor of Elementor just when you are creating a page. Everything is drag and drop. You can add any widget you want to your popup.
Once you are done building the popup, you can open the JetPopup Settings by clicking the gear icon on the bottom-left corner. From here, you can set the entrance animation, set the open event, and set the display condition.
If you prefer to create a popup from a template, you can go to JetPopup -> Popup Library. There are tens of popup templates offered by JetPopup. Select a template you want and click the Add button. You can filter the templates by category.
You will also be directed to the Elementor editor after clicking the Add button. All of the popups you have created can be found by going to JetPopup -> All Popup.
- Elementor’s native Popup Builder
Popup Builder is a feature of Elementor Pro. You need to upgrade your Elementor Free in order to be able to use this feature.
Same as JetPopup, Elementor’s native Popup Builder also allows you to create a popup from scratch or from a template. To create a new popup, you can go to Templates -> Popups. Click the Add New button on the top side and a popup dialog will appear, asking you to give your template a name. Clicking the CREATE TEMPLATE button will take you to the editor of Elementor where you can build your popup.
Before the Elementor editor really opens, you will be taken to the template library where you can choose a popup template library. You can hover your mouse over a template and click the Insert button to use it. Or, if you prefer to create a popup from scratch, you can simply click the template library by clicking the x icon on the top-right corner.
Once you are done building the popup, you can click the PUBLISH button on the left panel. A popup dialog will appear once you click the button. You can click the Conditions tab to set the display conditions. To set the trigger, you can click the Triggers tab. On the Advanced Rules tab, you can set a more advanced open event. For instance, you can display the popup when a visitor comes to your website from a search engine or when a visitor comes to your website from a certain URL.
Triggers and display conditions
Both JetPopup and Elementor’s native Popup Builder support a wide range of trigger types. For instance, you can display a popup on a button click or on a mouse scroll. They also allow you to display the popups on specific pages.
|JetPopup||Elementor’s Popup Builder|
|On mouse scroll||Yes||Yes|
|On button click||Yes||Yes|
|On page exit intent||Yes||Yes|
|Arrives from specific URL||No||Yes|
|Arrives from search engines||No||Yes|
|Show after x page views||No||Yes|
|Show after x sessions||No||Yes|
As you can see from the table above, the Elementor’s native Popup Builders supports more trigger options than JetPopup. For instance, Elementor’s native Popup Builder allows you to display a popup when a visitor comes to your website via a search engine or a specific URL, while JetPopup has no same options to set such conditions.
Both JetPopup and Elementor’s native Popup Builder support button click trigger. Meaning that you can display a popup after your visitors click a button. You can use this ability to create a creative menu as follows.
Displaying a popup on a button click
To display a popup on a button click in JetPopup, edit a page or post that contains a button or create a new one. Find the button widget (or add a new one). Hover your mouse over the button widget and click the pencil button to turn it into the editing mode.
Click the Advanced tab on the left panel and open the JetPopup option. Select a popup you want to display by clicking the dropdown menu on the Attached Popup section and set the trigger by clicking the dropdown menu on the Trigger Type section. Make sure to select Click On Button.
- Elementor’s Popup Builder
To display a popup on using Elementor’s Popup Builder, first, edit a page or post that contains a button and edit it with Elementor. Find the button widget and hover your mouse over it and click the pencil button to turn it into the editing mode. Or, you can also add a new button widget.
On the Button section under the Content tab, click Dynamic on the Link option and select Actions -> Popup.
Click the wrench icon on the Popup field, followed the All dropdown menu and type the name of the popup you want to display.
Click the PUBLISH/UPDATE button to publish or update your page.
Popup Builder is a part of Elementor Pro. You will have this feature once you have upgraded your Elementor to Pro. Elementor itself offers three Pro plans with the cheapest plan costs $49 per year for a single site. In addition to Popup Builder, the features available on Elementor Pro includes Theme Builder. Elementor doesn’t offer a one-time purchase model. This means that you have to spend a yearly budget as long as you still want to use Elementor Pro.
Crocoblock — the developer of JetPopup — offers three main plans you can choose from. The cheapest plan costs $15 per year for a single site. While you can buy JetPopup as a single plugin, Crocoblock also offers a plan that allows you to get all Elementor add-ons developed by it (Crocoblock develops about 17 Elementor add-ons).
Unlike Elementor, Crocoblock accepts a one-time purchase option in case you are the sort of person who hates the subscription-based payment model. However, the price is pretty expensive, $499!
With proper implementation, popups are great to generate more email subscribers, generate more sales or other goals according to your intention when creating a popup. You can also use a popup to create a creative menu as we have mentioned above.
Elementor Pro comes with a Popup Builder, allowing you to create beautiful popups using its intuitive visual editor. If you just need to create popups, JetPopup is a great alternative to Elementor Pro. You can get it at a cheaper price than Elementor Pro. Plus, Crocoblock accepts a one-time purchase option (although at a high price). Both JetPopup and Elementor’s native Popup Builder support a wide range of trigger types. You can also display a popup on a specific page thanks to the ability to set the display conditions.