Need to find out the best ways to use Elementor Popup Builder?
One of the advantages of Elementor over other plugins WordPress page creation is that it comes with a popup maker feature to let you create beautiful pop-up windows in a visual way.
You can use it to create any type of popup. From a simple popup such as an email registration popup to a complex popup such as a full screen menu. To give you an overview, we'll share some ideas on how to use Elementor's popup generator.
Creating a popup using Elementor's Popup Builder is no different than creating a page or template. You can add any widget you like and implement all the styling options available. You can also set the display conditions for your popup to appear on one or more pages of your website.
Discover more How to install Elementor on WordPress
Elementor's popup generator itself supports the following types of triggers:
- When loading the page
- While scrolling
- While scrolling to the item
- On click
- After inactivity
- On page exit intent
Here are 7 ideas on how to use Elementor's popup generator
1. To create a full screen and off-canvas menu
An off-canvas menu is a menu that allows you to display your content as a sidebar when a button is triggered. It helps you to present a certain aspect of your website in the side navigation panel, thus providing a user-friendly experience for your visitors.
But Elementor does not have a widget or functionality dedicated specifically to creating a full screen menu or an off canvas menu. This doesn't mean that you need to install an add-on to create a fullscreen or off-canvas menu on your WordPress site. You can use the popup builder to create one.
Here is an example.
To create a full screen / off canvas menu using Elementor, you can create a popup template and set the trigger on click. You can then invoke the template via a link (Elementor allows you to define a link to a popup template). You can use any widget that has a link option to call the popup template. For example, the Button widget, the Text Editor widget, the Title widget, the Icon widget, etc.
2. To create a notification bar
Would you like to display a notification bar on your WordPress website? If your WordPress website is built with Elementor, you don't need to install an additional plugin. You can use Elementor's popup builder to add one.
When you create a notification bar using Elementor, you can set the appearance of the bar. Whether it is after users click, scroll the page, or even when they intend to close the page. Elementor itself offers predefined popup templates dedicated to displaying the notification bar.
Here is the example of the notification bar created with Elementor.
3. To create a cookie consent popup
If you need to display a cookie consent popup on your WordPress, Elementor can do that as well. You can display the cookie consent popup once your website is fully loaded.
In the cookie consent popup, you can add both the Accept button and the Decline button.
If your visitors click on the Accept button, the cookie will disappear. Conversely, if they click the decline button, you can redirect them to your website's Terms of Service page to force them to read it.
Elementor also offers predefined popup templates dedicated to creating cookie consent popups. Here is an example.
4. To create promotional banners
This is the most common use of a popup builder. You can implement the idea especially if you have a websiteE-commerce. You can, for example, create a banner to inform your visitors of the products on sale. On the banner, you can add elements such as a countdown timer, call to action button or any required element.
You can also find predefined promotional popup templates in Elementor's template library.
5. To create an email registration popup
As we said earlier, you can add any widget to your popup like when you create a page using Elementor. The Widget Contact Form is no exception. You can use this widget to add a online form to your popup.
You can then connect your online form to popular marketing services such as MailChimp, MailerLite, etc… Elementor also offers popup templates dedicated to creating an opt-in email popup.
6. To create a content locker popup or age verification popup
Not all websites are intended for everyone. For example, if you have a website that sells cigarettes, that website is certainly prohibited for those under the age of 18. In this case, you can create a popup that forces your visitors to click on a certain action.
Read also: How to add a testimonial slider in Elementor
The concept is quite similar to a cookie consent popup, but you can apply a full screen overlay setting to hide the content and force your visitors to take a certain action before they can see the content.
In this context, the action can be a check that they are above 18. Otherwise, you can send them to another website like Wikipedia.
You can also find this kind of popup in Elementor's template library.
Another idea regarding content locking is that you can force your visitors to login by showing a full screen login form for all anonymous visitors.
7. To create floating buttons
Elementor comes with the Share Buttons widget and the Social Icons widget that you can use to add share buttons and follow social media buttons. While you can add these widgets to page or theme templates, it would be a great idea to add these widgets to your popups.
To create floating social media follow / share buttons, you can turn off both the overlay button and the close button. By applying a trigger, you can even set how and where the buttons appear.
In addition to the floating social media buttons, you can also create a floating call-to-action button.
If you want to create floating social media follow / share buttons, Elementor also has some pre-designed templates you can use.
Ultimately
One of the practices that website owners have to speed up their WordPress website is to use as few plugins as possible. Elementor is able to handle certain actions so that you don't need to install too many plugins on your WordPress website.
With its only popup builder, you can create a full screen menu, a non-canvas menu, a notification bar, a cookie consent popup, etc ... But be aware that your creativity will play an essential role in maximizing functionality Elementor, including its popup builder.
Get Elementor Pro Now!
Recommended Resources
Discover more resources recommendations that will accompany you in the creation and management of your website.
- 10 WordPress plugins to add an audio player on WordPress
- 10 WordPress plugins to optimize comments management
- How to write (write) a good blog post title
- 10 WordPress plugins to create and manage an educational website
Conclusion
Here is ! That's it for this tutorial. We hope it helps you discover the best creative ways to use Elementor Popup Builder. Do not hesitate to share with your friends on your favorite social networks.
However, you can also consult our resources, if you need more elements to carry out your projects of creation of Internet sites, by consulting our guide on WordPress blog creation.
If you have suggestions or remarks, leave them in our section Comments.
...
