{"id":22123,"date":"2020-09-02T12:24:32","date_gmt":"2020-09-02T06:54:32","guid":{"rendered":"https:\/\/themehunk.com\/?post_type=docs&#038;p=22123"},"modified":"2024-06-25T19:12:11","modified_gmt":"2024-06-25T13:42:11","slug":"wp-popup-builder-pro","status":"publish","type":"docs","link":"https:\/\/themehunk.com\/fr\/docs\/wp-popup-builder-pro\/","title":{"rendered":"WP Popup Builder Pro"},"content":{"rendered":"<section class=\"wp-block-group Install-plugin has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Plugin Installation<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><a href=\"https:\/\/themehunk.com\/fr\/wp-popup-builder-pro\/\" target=\"_blank\" rel=\"noreferrer noopener\">WP Popup Builder Pro<\/a><\/strong> is specially designed for creating and adding Beautiful Light-box in your website. It has many Popup Layouts and Pre-built templates with Drag &amp; Drop modules which can be customized easily. Just follow the below instructions and Design your own popup.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Step 1 :<\/strong> Navigate to ThemeHunk homepage, You will see \u201cPlugins\u201d menus on the top, when you hover over it you\u2019ll see <strong>WP Popup Builder Pro,\u00a0<\/strong>click on it.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" fetchpriority=\"high\" decoding=\"async\" width=\"663\" height=\"298\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/WP-Popup-Builder-Pro-installation-1.png?resize=663%2C298&#038;ssl=1\" alt=\"WP-Popup-Builder-Pro-installation-1\" class=\"wp-image-29360\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/WP-Popup-Builder-Pro-installation-1.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/WP-Popup-Builder-Pro-installation-1.png?resize=300%2C135&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Step 2\u00a0<\/strong>: Afterward, just simply hit the\u00a0<strong>\u2018Buy Now\u2019<\/strong>\u00a0button and it will directly take you to the\u00a0<strong><a href=\"https:\/\/themehunk.com\/fr\/wp-popup-builder-pro\/#pricing\" target=\"_blank\" rel=\"noreferrer noopener\">\u2018Pricing<\/a>\u2018\u00a0<\/strong>section of WP Popup Builder Pro Plugin.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"663\" height=\"298\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/WP-Popup-Builder-Pro-installation-2.png?resize=663%2C298&#038;ssl=1\" alt=\"WP-Popup-Builder-Pro-installation-2\" class=\"wp-image-29361\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/WP-Popup-Builder-Pro-installation-2.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/WP-Popup-Builder-Pro-installation-2.png?resize=300%2C135&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Step 3<\/strong>: Now choose your desired plan from here and hit the button\u00a0<strong>Buy Now\u00a0<\/strong>from desired table.<\/li>\n\n\n\n<li><strong>Step 4\u00a0<\/strong>: Purchase your plugin from here, fill all the required details. Login to your member\u2019s area. Your pro plugin has been added in your member\u2019s area dashboard.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"663\" height=\"730\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/WP-Popup-Builder-Pro-installation-4.png?resize=663%2C730&#038;ssl=1\" alt=\"WP-Popup-Builder-Pro-installation-4\" class=\"wp-image-29363\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/WP-Popup-Builder-Pro-installation-4.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/WP-Popup-Builder-Pro-installation-4.png?resize=272%2C300&amp;ssl=1 272w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Step 5\u00a0<\/strong>: You\u2019ll see a WP Popup Builder Pro plugin zip file in your Member\u2019s area. Download the zip file of plugin.<\/li>\n\n\n\n<li><strong>Step 6\u00a0<\/strong>: Now, Open your\u00a0<strong>WP Dashboard > Plugins > Add New > Upload the Plugin Zip file and Activate it<\/strong>.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"268\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/06\/install-popup-builder.png?resize=663%2C268&#038;ssl=1\" alt=\"\" class=\"wp-image-19931\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/06\/install-popup-builder.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/06\/install-popup-builder.png?resize=300%2C121&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You can See \u201c<strong>WP Popup Builder Pro<\/strong>\u201d panel in your dashboard.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"285\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/WP-Popup-Builder-Pro-installation-6.png?resize=663%2C285&#038;ssl=1\" alt=\"WP-Popup-Builder-Pro-installation-6\" class=\"wp-image-29365\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/WP-Popup-Builder-Pro-installation-6.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/WP-Popup-Builder-Pro-installation-6.png?resize=300%2C129&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group create-popup has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">How to Create a Popup ?<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>1. To Create your Popup, go to <strong>WP Builder Popup Pro > Add new Popup > Enter Popup Name<\/strong>.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"227\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/add-new-popup-wp-popup-builder-pro.png?resize=663%2C227&#038;ssl=1\" alt=\"add-new-popup-wp-popup-builder-pro\" class=\"wp-image-22304\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/add-new-popup-wp-popup-builder-pro.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/add-new-popup-wp-popup-builder-pro.png?resize=300%2C103&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>2. You can choose layout or go with any Pre-built Templates. In Pre-built Templates there are many ready made popups. Just select them, do the changes according to your need and place it on your website.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"301\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/popup-layouts-wp-popup-builder.png?resize=663%2C301&#038;ssl=1\" alt=\"popup-layouts-wp-popup-builder\" class=\"wp-image-22307\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/popup-layouts-wp-popup-builder.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/popup-layouts-wp-popup-builder.png?resize=300%2C136&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>3. There are 15 different layouts available in Pro version, choose the desired one and design a fresh Popup by your own.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"340\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/popup-layout-wp-popup-builder-pro.png?resize=663%2C340&#038;ssl=1\" alt=\"popup-layout-wp-popup-builder-pro\" class=\"wp-image-22335\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/popup-layout-wp-popup-builder-pro.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/popup-layout-wp-popup-builder-pro.png?resize=300%2C154&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>4. After doing this, now Click on the <strong>Next Button<\/strong>. Now you&#8217;ll see Real time editor panel.<\/li>\n\n\n\n<li>5. In the editor panel, you can easily drag &amp; drop the given modules like Section, Text, Heading, Button, Upload image, Video, Icons and also insert Lead form or Contact form. You can also customize Popup effect, Global setting and Close button setting. Design any type of popup you want.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"326\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/editor-panel-wp-popup-builder.png?resize=663%2C326&#038;ssl=1\" alt=\"editor-panel-wp-popup-builder\" class=\"wp-image-22349\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/editor-panel-wp-popup-builder.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/editor-panel-wp-popup-builder.png?resize=300%2C148&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>6. Using Real time editor panel, you can customize each and every element of popup.<\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group edit-popup has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">How to Edit Popup ?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">You can edit your Popup using Real time editor panel. Here you&#8217;ll get Drag &amp; Drop Modules, Popup effect setting, Global setting and Close button setting.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Drag &amp; Drop Modules<\/strong> &#8211; From Drag &amp; Drop Module you can choose elements like Section, Text, Heading, Button, Upload image, Video, Icons and also insert Lead form or Contact form in your popup. You can easily Edit your Popup by dragging these elements and placing them in the Popup layout.<\/li>\n\n\n\n<li><strong>Popup effect setting<\/strong> &#8211; It allows you to add Open and Close effects in your popup.<\/li>\n\n\n\n<li><strong>Global Setting<\/strong> &#8211; You can edit and customize Popup name, Popup background, Dimension etc.<\/li>\n\n\n\n<li><strong>Close Button Setting<\/strong> &#8211; You can customize the Close button of popup.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-embed is-type-rich is-provider-embed-handler wp-block-embed-embed-handler wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"WP PopUp Builder Pro - Editor\" width=\"500\" height=\"375\" src=\"https:\/\/www.youtube.com\/embed\/Hr7X7_WDjtw?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group video-tutorial has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Video Tutorial of Drag &amp; Drop Modules<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Follow this video tutorial and learn to edit Drag &amp; Drop Modules in Popup.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-rich is-provider-embed-handler wp-block-embed-embed-handler wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"WP popup builder Pro -  Drag &amp; Drop modules Documentation\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/idSR2FXX0Fw?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group text-module has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">1. Text Module<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To add Text Module in your popup, Select your <strong>Popup layout > Go to Edit Popup > Drag &amp; Drop Module > Text.\u00a0<\/strong><\/li>\n\n\n\n<li>To add this module Simply just Drag &amp; Drop the <strong>Text <\/strong>into the Popup Section area<strong>.<\/strong><\/li>\n\n\n\n<li>All the Text setting are available. Add the Text content, link and Choose the alignment Right, left or Center.<\/li>\n\n\n\n<li>You can also change the styling of your text content. Adjust the Width, select Container Alignment, Pick background and text color, Font size and Font weight. You can also enable the Border.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"290\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/test-wp-popup-builder-pro.png?resize=663%2C290&#038;ssl=1\" alt=\"test-wp-popup-builder-pro\" class=\"wp-image-22164\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/test-wp-popup-builder-pro.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/test-wp-popup-builder-pro.png?resize=300%2C131&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group heading-module has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">2. Heading Module<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To add Heading Module in your popup, Select your <strong>Popup layout > Go to Edit Popup > Drag &amp; Drop Module > Drag your Heading Module<\/strong> and Place it in the Popup Area.<\/li>\n\n\n\n<li>Add the Heading Content, link and choose the alignment.<\/li>\n\n\n\n<li>You can also change the styling, Adjust the Width, select Container Alignment, Pick background and text color, Font size and Font weight. You can also enable the Border.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"293\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/heading-wp-popup-builder-pro.png?resize=663%2C293&#038;ssl=1\" alt=\"heading-wp-popup-builder-pro\" class=\"wp-image-22163\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/heading-wp-popup-builder-pro.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/heading-wp-popup-builder-pro.png?resize=300%2C133&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group button-module has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">3. Button Module<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To add Button Module in your popup, Select your <strong>Popup layout > Go to Edit Popup > Drag &amp; Drop Module > Drag your Button <\/strong>Module and Place it in the Popup Area.<\/li>\n\n\n\n<li>Add the Button text, link and choose the button alignment.<\/li>\n\n\n\n<li>You can also change the styling of your Button. Adjust the Width, select Container Alignment, Pick background and text color, Font size and Font weight. You can also enable the Border.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"299\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/button-wp-popup-builder-pro.png?resize=663%2C299&#038;ssl=1\" alt=\"button-wp-popup-builder-pro\" class=\"wp-image-22166\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/button-wp-popup-builder-pro.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/button-wp-popup-builder-pro.png?resize=300%2C135&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group image-module has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">4. Image Module<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To add Image Module in your popup, Select your <strong>Popup layout > Go to Edit Popup > Drag &amp; Drop Module > Drag your Image Module<\/strong> and Place it in the Popup Area.<\/li>\n\n\n\n<li>You can also change the styling of your Image. Adjust the Width, select Container Alignment and Enable border.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"291\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/image-wp-popup-builder-pro.png?resize=663%2C291&#038;ssl=1\" alt=\"image-wp-popup-builder-pro\" class=\"wp-image-22168\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/image-wp-popup-builder-pro.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/image-wp-popup-builder-pro.png?resize=300%2C132&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group form-module has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">5. Form Module<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To add Lead Form or Contact form, First install &amp; activate <a href=\"https:\/\/wordpress.org\/plugins\/lead-form-builder\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Lead form builder<\/a> plugin in your dashboard. To know how this plugin works, Follow this <a href=\"https:\/\/themehunk.com\/fr\/docs\/lead-form\/\" target=\"_blank\" rel=\"noreferrer noopener\">Doc<\/a>.<\/li>\n\n\n\n<li>To add Form Module in your popup, Select your <strong>Popup layout > Go to Edit Popup > Drag &amp; Drop Module > Drag your Form Module<\/strong> and Place it in the Popup Area.<\/li>\n\n\n\n<li>You can Customize the &#8220;Form&#8221;. All settings will be enable after selecting the form.<\/li>\n\n\n\n<li>You can also change the styling of your Form. Adjust the form Width, select the form Alignment, Pick background color and Enable form border.<\/li>\n\n\n\n<li>Form Content setting is also available. Individual option is given for each form field. Change the color, font according to your need.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"294\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/form-wp-popup-builder-pro.png?resize=663%2C294&#038;ssl=1\" alt=\"form-wp-popup-builder-pro\" class=\"wp-image-22171\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/form-wp-popup-builder-pro.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/form-wp-popup-builder-pro.png?resize=300%2C133&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group video-module has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">6. Video Module<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To add Video Module in your popup, Select your <strong>Popup layout > Go to Edit Popup > Drag &amp; Drop Module > Drag your Video Module<\/strong> and Place it in the Popup Area.<\/li>\n\n\n\n<li>Now upload a video and also choose a poster image.<\/li>\n\n\n\n<li>You can enable the auto play, loop and mute.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"294\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/video-wp-popup-builder-pro.png?resize=663%2C294&#038;ssl=1\" alt=\"video-wp-popup-builder-pro\" class=\"wp-image-22173\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/video-wp-popup-builder-pro.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/video-wp-popup-builder-pro.png?resize=300%2C133&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group icon-list has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">7. Icon List Module<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To add Icon list Module in your popup, Select your <strong>Popup layout > Go to Edit Popup > Drag &amp; Drop Module > Drag your Icon list Module<\/strong> and Place it in the Popup Area.<\/li>\n\n\n\n<li>Drag &amp; drop the icon list module in your popup and select desired icon, icon color, icon background color, link and Border.<\/li>\n\n\n\n<li>You can also add Title text. Pick Title and list background color .<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"292\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/icon-list-wp-popup-builder-pro.png?resize=663%2C292&#038;ssl=1\" alt=\"icon-list-wp-popup-builder-pro\" class=\"wp-image-22175\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/icon-list-wp-popup-builder-pro.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/icon-list-wp-popup-builder-pro.png?resize=300%2C132&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section id=\"Icon\" class=\"wp-block-group icon-module has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">8. Icon<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To add Icon Module in your popup, Select your <strong>Popup layout > Go to Edit Popup > Drag &amp; Drop Module > Drag your Icon Module<\/strong> and Place it in the Popup Area.<\/li>\n\n\n\n<li>You can pick the icon color, background color, adjust the font size and add link in your icon. Other advance setting is also given.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"297\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/icon-wp-popup-builder-pro.png?resize=663%2C297&#038;ssl=1\" alt=\"icon-wp-popup-builder-pro\" class=\"wp-image-22176\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/icon-wp-popup-builder-pro.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/icon-wp-popup-builder-pro.png?resize=300%2C134&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group lottie-module has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">9. Lottie Animation Module<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To add Lottie Module in your popup, Select your <strong>Popup layout > Go to Edit Popup > Drag &amp; Drop Module > Drag your Lottie Module<\/strong> and Place it in the Popup Area.<\/li>\n\n\n\n<li>Using Lottie Module you can add Animation files in your popup. You can easily integrate Lottie animations by just adding the <a href=\"https:\/\/lottiefiles.com\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Lottie json url<\/a>.<\/li>\n\n\n\n<li>You can add the custom url or add custom file of lottie animation.<\/li>\n\n\n\n<li>You can autoplay the animation, loop, enable the animation while hovering, adjust the speed and also add the background color.<\/li>\n\n\n\n<li>In Advanced style you can add the width, align it center, left or right, Add margin &amp; padding, also Enable the border.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"312\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/lottie-module-wp-popup-builder-pro-doc.png?resize=663%2C312&#038;ssl=1\" alt=\"lottie-module-wp-popup-builder-pro-doc\" class=\"wp-image-29537\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/lottie-module-wp-popup-builder-pro-doc.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/lottie-module-wp-popup-builder-pro-doc.png?resize=300%2C141&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group mailchimp-module has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">10. Mailchimp Module<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To add Mailchimp Module in your popup, Select your <strong>Popup layout > Go to Edit Popup > Drag &amp; Drop Module > Drag your Mailchimp Module<\/strong> and Place it in the Popup Area.<\/li>\n\n\n\n<li>This module will connect your popup to your <a href=\"https:\/\/mailchimp.com\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">MailChimp account<\/a>, just put the MailChimp API in the text area and display mailchimp contact list.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"305\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/mailchimp-module-wp-popup-builder-pro.png?resize=663%2C305&#038;ssl=1\" alt=\"mailchimp-module-wp-popup-builder-pro\" class=\"wp-image-29538\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/mailchimp-module-wp-popup-builder-pro.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/mailchimp-module-wp-popup-builder-pro.png?resize=300%2C138&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group spacer-module has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">11. Spacer Module<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To add Spacer Module in your popup, Select your <strong>Popup layout > Go to Edit Popup > Drag &amp; Drop Module > Drag your Spacer Module<\/strong> and Place it in the Popup Area.<\/li>\n\n\n\n<li>Using Spacer module, you can space between the other modules. Just drag &amp; drop the module in between and add spacing.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"301\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/spacer-module-wp-popup-builder-pro-doc.png?resize=663%2C301&#038;ssl=1\" alt=\"spacer-module-wp-popup-builder-pro-doc\" class=\"wp-image-29542\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/spacer-module-wp-popup-builder-pro-doc.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/spacer-module-wp-popup-builder-pro-doc.png?resize=300%2C136&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group shortcode-module has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">12. Shortcode<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To add Shortcode Module in your popup, Select your <strong>Popup layout > Go to Edit Popup > Drag &amp; Drop Module > Drag your Shortcode Module.<\/strong><\/li>\n\n\n\n<li>Drag &amp; Drop the Shortcode module anywhere in your form.<\/li>\n\n\n\n<li>This module will help you in adding shortcodes in your popup form. Just add your shortcode in the text area and display your form.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"303\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/shortcode-module-wp-popup-builder-pro.png?resize=663%2C303&#038;ssl=1\" alt=\"shortcode-module-wp-popup-builder-pro\" class=\"wp-image-29548\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/shortcode-module-wp-popup-builder-pro.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/shortcode-module-wp-popup-builder-pro.png?resize=300%2C137&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group popup-effect has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Popup Effect<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to <strong>Edit Popup > Popup Effect<\/strong>.<\/li>\n\n\n\n<li>Using popup effect you can choose the Popup Open effect and Popup Close effect. There are many effects given which you can use to display the popup in your site.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"292\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/popup-effect-wp-popup-builder-pro.png?resize=663%2C292&#038;ssl=1\" alt=\"popup-effect-wp-popup-builder-pro\" class=\"wp-image-22178\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/popup-effect-wp-popup-builder-pro.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/popup-effect-wp-popup-builder-pro.png?resize=300%2C132&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group global-setting has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Global Setting<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to <strong>Edit Popup > Global Setting<\/strong>.<\/li>\n\n\n\n<li>In Global setting panel, you can change or add the Popup builder name. You can Edit the Popup Background Setting like Upload bg image and pick bg color.<\/li>\n\n\n\n<li>You can also edit the Popup Dimensions like Popup Width, Popup Height Auto\/Custom, Popup Padding (in px), Enable Popup Box Shadow and border.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"292\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/global-setting-wp-popup-builder-pro.png?resize=663%2C292&#038;ssl=1\" alt=\"global-setting-wp-popup-builder-pro\" class=\"wp-image-22180\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/global-setting-wp-popup-builder-pro.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/global-setting-wp-popup-builder-pro.png?resize=300%2C132&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group close-button has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Close Button Setting<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to <strong>Edit Popup > Close Button Setting<\/strong>.<\/li>\n\n\n\n<li>From here you can choose the Close Button icon and edit the close button settings.<\/li>\n\n\n\n<li>You can choose whether you want to close the popup on clicking the icon, close the popup by clicking outside the popup or Close the icon by clicking on the icon and also clicking outside the popup.<\/li>\n\n\n\n<li>You can choose the Icon Background color and Close icon color from the Style panel. You can also set the alignment.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"296\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/close-button-setting-wp-popup-builder-pro.png?resize=663%2C296&#038;ssl=1\" alt=\"close-button-setting-wp-popup-builder-pro\" class=\"wp-image-22181\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/close-button-setting-wp-popup-builder-pro.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/close-button-setting-wp-popup-builder-pro.png?resize=300%2C134&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group popup-setting has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Popup Setting<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"556\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/Wp-Popup-Builder-setting.png?resize=663%2C556&#038;ssl=1\" alt=\"Wp-Popup-Builder-setting\" class=\"wp-image-22155\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/Wp-Popup-Builder-setting.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/Wp-Popup-Builder-setting.png?resize=300%2C252&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">For Popup Setting, First create your Popup and Save it. After that in the Editor you&#8217;ll see &#8220;Setting tab&#8221;. Click on the it, your Popup setting panel will open.<\/p>\n<\/section>\n\n\n\n<section class=\"wp-block-group popup-display has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Popup Display Option<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Choose option to display popup at Whole Website. It Includes all page, post, product etc.<\/li>\n\n\n\n<li>You can display Popup at Homepage only or at some selected page and post.<\/li>\n\n\n\n<li>You can also use a shortcode to display popup in the area which supports the shortcode. Just copy the Shortcode and paste it in page, post or widget editor.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"305\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/popup-display-option-wp-popup-pro.png?resize=663%2C305&#038;ssl=1\" alt=\"popup-display-option-wp-popup-pro\" class=\"wp-image-26045\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/popup-display-option-wp-popup-pro.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/popup-display-option-wp-popup-pro.png?resize=300%2C138&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group popup-device has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Popup Display Device<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Here you can choose the device at which you want to display popup.<\/li>\n\n\n\n<li>You can choose &#8220;All devices&#8221; to display popup at PC, Laptop and all small devices. or you can choose &#8220;Desktop&#8221; If you don&#8217;t want to display popup at small mobile devices.<\/li>\n\n\n\n<li>If you only want to display your popup on Mobile Devices you can select &#8220;Mobile&#8221; .<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"305\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/popup-display-device-wp-popup-builder-pro.png?resize=663%2C305&#038;ssl=1\" alt=\"popup-display-device-wp-popup-builder-pro\" class=\"wp-image-26048\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/popup-display-device-wp-popup-builder-pro.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/popup-display-device-wp-popup-builder-pro.png?resize=300%2C138&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group popup-trigger has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Popup Trigger<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>This option allows you to choose when you want to trigger popup. ( Display Popup on site )<\/li>\n\n\n\n<li><strong>Page Load<\/strong> : You can set the Popup Trigger Time. Select &#8220;Page Load&#8221; to trigger popup at each time page load. You can also set a popup trigger delay time in seconds.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"615\" height=\"325\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/Popup-Trigger-page-load-image.png?resize=615%2C325&#038;ssl=1\" alt=\"Popup-Trigger-page-load image\" class=\"wp-image-22400\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/Popup-Trigger-page-load-image.png?w=615&amp;ssl=1 615w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/Popup-Trigger-page-load-image.png?resize=300%2C159&amp;ssl=1 300w\" sizes=\"(max-width: 615px) 100vw, 615px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>On Click<\/strong> : If you want to trigger a popup on click event, Select &#8220;On Click&#8221;. Just add click item ID or class in the text box at which you want to set click event.<\/li>\n\n\n\n<li>For Example : If you want to show popup while the Button is clicked. For this put the Class of button in the text area and save it. When the visitor click on the Button your Popup will appear.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"615\" height=\"340\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/Popup-trigger-on-click-image.png?resize=615%2C340&#038;ssl=1\" alt=\"Popup-trigger-on-click image\" class=\"wp-image-22401\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/Popup-trigger-on-click-image.png?w=615&amp;ssl=1 615w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/Popup-trigger-on-click-image.png?resize=300%2C166&amp;ssl=1 300w\" sizes=\"(max-width: 615px) 100vw, 615px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Page Scroll<\/strong> : Using this option you can trigger a popup on page scroll by adding Page Scroll percentage. Just add the Set page scroll percentage in the text box.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"615\" height=\"345\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/Popup-trigger-Page-scroll-imagepng.png?resize=615%2C345&#038;ssl=1\" alt=\"Popup-trigger-Page-scroll imagepng\" class=\"wp-image-22399\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/Popup-trigger-Page-scroll-imagepng.png?w=615&amp;ssl=1 615w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/09\/Popup-trigger-Page-scroll-imagepng.png?resize=300%2C168&amp;ssl=1 300w\" sizes=\"(max-width: 615px) 100vw, 615px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group popup-frequency has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\" id=\"popup-frequency\">Popup Frequency<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Using popup frequency you can Here you can set the second time trigger of popup.<\/li>\n\n\n\n<li><strong>Every Time Page Reload<\/strong> : By checking this option, each time you reload your page or refresh it your popup will come.<\/li>\n\n\n\n<li><strong>Display Popup Only Once<\/strong> : It will Display your popup only for one time.<\/li>\n\n\n\n<li><strong>Time Interval :\u00a0<\/strong> You can Display Popup by adding desired Time Interval in it. (For example 1 Day \/ 4 Hour).<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">For any type of query, You can contact our support team at <a href=\"https:\/\/themehunk.com\/fr\/support\/\" target=\"_blank\" rel=\"noreferrer noopener\">support forum<\/a>.<\/p>\n<\/section>\n\n\n\n<section class=\"wp-block-group get-support has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Get Help<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>If you face any difficulties, feel free to contact our support team at <a href=\"https:\/\/www.support.themehunk.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">support forum<\/a>.<\/li>\n\n\n\n<li>You can also <a href=\"https:\/\/themehunk.com\/fr\/contact-us\/\" target=\"_blank\" rel=\"noreferrer noopener\">Contact us.<\/a> by filling the form or ping us at our Live chat for pre sales queries.<\/li>\n<\/ul>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>Plugin Installation WP Popup Builder Pro is specially designed for creating and adding Beautiful Light-box in your website. It has many Popup Layouts and Pre-built templates with Drag &amp; Drop modules which can be customized easily. Just follow the below instructions and Design your own popup. How to Create a Popup ? How to Edit [&hellip;]<\/p>\n","protected":false},"author":7288,"featured_media":0,"template":"","meta":{"footnotes":""},"class_list":["post-22123","docs","type-docs","status-publish","hentry","docscate-pro-plugin"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/docs\/22123","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/users\/7288"}],"version-history":[{"count":5,"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/docs\/22123\/revisions"}],"predecessor-version":[{"id":100294,"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/docs\/22123\/revisions\/100294"}],"wp:attachment":[{"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/media?parent=22123"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}