{"id":38189,"date":"2023-03-14T15:32:02","date_gmt":"2023-03-14T15:32:02","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&p=38189"},"modified":"2023-07-19T09:45:23","modified_gmt":"2023-07-19T09:45:23","slug":"popup-action-button-block-overview","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetpopup\/popup-action-button-block-overview\/","title":{"rendered":"Popup Action Button Block Overview"},"content":{"rendered":"\n

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

With JetPopup, <\/strong>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>.<\/p>\n\n\n\n

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

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

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

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

You can create the \u201cYes\/No\u201d 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

Proceed to the JetPopup<\/strong><\/a> tab on the WordPress Dashboard. Create a new pop-up in the Gutenberg editor<\/strong><\/a>, install the template from the Popup Library<\/strong><\/a>, or open the already created pop-up.<\/p>\n\n\n\n

Hit the \u201c+\u201d <\/strong>icon, find the Popup Action Button <\/strong>block, and place it where you want.<\/p>\n\n\n\n\"popup\n\n\n\n

Open the Block <\/strong>settings. In the General <\/strong>section, you can pick such options in the Action Type <\/strong>drop-down:<\/p>\n\n\n\n