Popup Action Button widget overview

This tutorial is dedicated to creating a Popup Action Button using JetPopup plugin. It can help you to convert your visitors to customers.

JetPopup is the plugin for Elementor live page builder, which allows creating popups and attaching them to specific widgets or applying them to different locations.

With JetPopup you can add to the popup any content you need, change popup block’s location and appearance, set the specific trigger events, and also, you’ll have different options for adding popups to different widgets and buttons or displaying them in different parts of the site.

What is Popup Action Button?

Popup Action Button is a widget made for creating buttons that prompt users to make a choice. It is very intuitive and easy to customize and now we’ll have a closer look at it.

From this tutorial, you’ll find out about all the features of the Popup Action Button widget. So, let’s start.

Creating Popup Action Button

Step 1 — First of all, open your WordPress Dashboard and switch to JetPopup tab on the left.

Step 2 — Here you can create a popup from scratch, use the template from Popup Library or just open the popup you have created earlier.

Step 3 — To get started, find Popup Action Button widget and drag it to the section where you want to place it.

Step 4 — After that, you need to navigate to the popup settings. You can use the Link option, in case you want to redirect the user from your popup to another page. If your popup contains some information, and after reading it the user can just close it, then you can select Leave Page or Close Popup options.

The great example is a button that contains Yes/No questions in the popup. After the user see the question “Do you want to get to know more about it?” and choose Yes option – he will be redirected to the link that you have set in the settings block.

And in case the user clicks No – the popup will be closed. So, as you can see, the Popup Action Button widget is really useful widget and it can help you to make your website more attractive and popular.

In Button Text field you can set an appropriate label to use for the button title. Also, if you are going to add a link to the button, you should navigate to the Button Link section where you can specify the link that will open in a new window. Additionally, you can tick “nofollow” option and the link will be inactive.

Step 5 — Moreover, you can change the style of your Popup Action Button in the Style section.

Step 6 — Last but not least, you can also do some customizations in the Advanced section.

Step 7 — Now, click the Update button, proceed to the front-end and enjoy the results!

Congrats! Now you can create Popup Action Button and use it for your website. Feel free to know more about JetPopups from our tutorials to make your site really attractive!