In this article, you’ll learn how to create free Elementor modal popups using Premium addons for elementor (free). I’ll also show you how to trigger popups on button or image click. Let’s get started.
Note: the digits in brackets e.g. (00:02) indicate the minutes of that exact explanation in the video so you can easily jump to that section and follow along.
List Of Contents
Video: Free Elementor Modal Popups Tutorial
For this tutorial, you’re just going to need the free version of Premium Addons for Elementor. To get this, go to your dashboard under Plugins > Add New, search for Premium Addons for Elementor then install and activate it (00:59)
After you install and activate your plugin, it will show up on your menu.
Go to Pages and open up any page with Elementor where you would like to add your popups.
Add a Text Modal Popup
Add a new section in your page, then go to your Widgets area and scroll down to the Premium Addons section, look for the Premium Modal Box widget and drag it to your canvas (01:45)
Select the widget and go to the Edit Premium Modal Box area on the left, under Content you can enable the Header option if you want to display a header, you can add an icon from your Icon Library under the Icon option, and under Title, you can edit your popup title to for example ‘Text Modal Popup’.
Under Content to show, select Text Editor and you can add your content.
You can also enable the Upper and Lower Close Buttons.
Under Style, you can make changes to your text color, typography, buttons and so on to your preference, when you’re done click Update (03:52)
Add an Image & Template Modal Popup
Add a new column to your section, then under the Widgets area drag the Premium Modal box widget to the column.
In the Edit Premium Modal Box area, under Content > Display Options > Display Style, select image, then select and insert an image from your Media Library.
Under Content > Content to show, select Elementor Template, then select the template you want to display from your Templates Library, so when someone clicks on the image, the template shows up (05:00)
That’s how you can create free elementor modal popups and use them with text, images and templates on your Elementor website.
For any questions or comments, let me know in the comments section below, and don’t forget to subscribe to my newsletter and youtube channel for more of these tips and tutorials.