{"id":7488,"date":"2019-04-04T13:12:14","date_gmt":"2019-04-04T13:12:14","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&p=7488"},"modified":"2023-07-19T09:45:22","modified_gmt":"2023-07-19T09:45:22","slug":"popup-action-button-widget-overview","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetpopup\/popup-action-button-widget-overview\/","title":{"rendered":"Popup Action Button Widget Overview"},"content":{"rendered":"\n

JetPopup<\/em> is a WordPress plugin that allows creating pop-ups and attaching them to specific widgets or applying them to different locations<\/strong><\/a>.<\/p>\n\n\n\n

With <\/strong>JetPopup<\/em>, you can fill the pop-up with content, change the pop-up block location and appearance<\/strong><\/a>, and set the specific trigger events<\/strong><\/a>. Also, you have different options for adding pop-ups to widgets and buttons or displaying them in other parts of the site.<\/p>\n\n\n\n

What is a Popup Action Button?<\/strong><\/h2>\n\n\n\n
\n

Popup Action Button<\/strong> is a widget made for creating buttons that prompt users to close a pop-up or redirect to another page.<\/p>\n\n\n\n

This tutorial teaches you about all the Popup Action Button<\/strong> widget features. So, let\u2019s start.<\/p>\n<\/div><\/div>\n\n\n\n

Using Popup Action Button Widget<\/strong><\/h2>\n\n\n\n
\n

An example is a button that contains \u201cYes\/No\u201d questions in the pop-up. After users see the question \u201cDo you want to know more about it?\u201d and choose the \u201cYes\u201d option, they will be redirected to the link you have set in the settings block. And in case the user clicks \u201cNo,\u201d the pop-up will be closed.<\/p>\n\n\n\n

Another example is the \u201cAre you 18 or older?\u201d pop-up. When users hit the \u201cYes\u201d button, they close the pop-up, and when they click the \u201cNo\u201d button, they are redirected to the previous page.<\/p>\n\n\n\n

First, open the WordPress Dashboard and proceed to the JetPopup dashboard<\/strong><\/a> on the left. Here you can create a pop-up from scratch<\/strong><\/a> in the Elementor editor, use the template from the Popup Library<\/strong><\/a> or just open the pop-up you created earlier.<\/p>\n\n\n\n

To get started, find the Popup Action Button<\/strong> widget and drag it to the section where you want to place it.<\/p>\n\n\n\n\"popup\n\n\n\n

After that, navigate to the Popup Action Button<\/strong> widget Settings<\/strong>. You can pick such options in the Action Type <\/strong>drop-down:<\/p>\n\n\n\n