{"id":19869,"date":"2020-06-15T15:51:23","date_gmt":"2020-06-15T10:21:23","guid":{"rendered":"https:\/\/themehunk.com\/?post_type=docs&#038;p=19869"},"modified":"2024-06-25T18:22:46","modified_gmt":"2024-06-25T12:52:46","slug":"wp-popup-builder","status":"publish","type":"docs","link":"https:\/\/themehunk.com\/fr\/docs\/wp-popup-builder\/","title":{"rendered":"WP Popup Builder"},"content":{"rendered":"\n<section class=\"wp-block-group Install-plugin has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Plugin Installation<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>WP Popup Builder<\/strong> is specially designed for adding or creating Beautiful Light-box in your website. It has many Pre-built templates and this popup builder 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> Go to your WordPress Dashboard and navigate to\u00a0<strong>wp-admin > Plugins > Add New<\/strong>. In the Right most side you&#8217;ll see the search box,\u00a0 enter the keyword &#8220;<strong>WP Popup Builder<\/strong>&#8220;. Plugin will appear.<\/li>\n\n\n\n<li>Then click on the \u2018Install Now\u2019 button.<\/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=\"238\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/06\/wp-popup-builder-plugin-installation-step-1.png?resize=663%2C238&#038;ssl=1\" alt=\"wp-popup-builder-plugin-installation-step-1\" class=\"wp-image-29188\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/06\/wp-popup-builder-plugin-installation-step-1.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/06\/wp-popup-builder-plugin-installation-step-1.png?resize=300%2C108&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<\/strong>:\u00a0After the installation is completed, click on the\u00a0\u2018<strong>Activate<\/strong>\u2019 button and &#8220;<strong>WP Popup Builder<\/strong>&#8221; will be activated.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"473\" height=\"421\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/06\/activate-wp-popup-builder-plugin.png?resize=473%2C421&#038;ssl=1\" alt=\"activate wp popup builder plugin\" class=\"wp-image-29191\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/06\/activate-wp-popup-builder-plugin.png?w=473&amp;ssl=1 473w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/06\/activate-wp-popup-builder-plugin.png?resize=300%2C267&amp;ssl=1 300w\" sizes=\"(max-width: 473px) 100vw, 473px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Step 3<\/strong>: After you have successfully completed Step 2, <strong>WP Popup Builder<\/strong> will appear in the WordPress Dashboard.\u00a0 You will be redirected to the Settings page of <strong>WP Popup Builder.\u00a0<\/strong><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/06\/Wp-Popup-Builder-installing.png?ssl=1\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"663\" height=\"283\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/06\/Wp-Popup-Builder-installing.png?resize=663%2C283&#038;ssl=1\" alt=\"\" class=\"wp-image-36872\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/06\/Wp-Popup-Builder-installing.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/06\/Wp-Popup-Builder-installing.png?resize=300%2C128&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/06\/Wp-Popup-Builder-installing.png?resize=150%2C64&amp;ssl=1 150w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/a><\/figure>\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<h2 class=\"wp-block-heading\">How to Create Popup ??<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To Create your Popup, go to <strong>WP Builder Popup > 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>Choose the any Pre-built Templates or you can choose layout. Three different layouts are available, 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=\"431\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/06\/layout-wp-popup-builder.png?resize=663%2C431&#038;ssl=1\" alt=\"layout-wp-popup-builder\" class=\"wp-image-22430\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/06\/layout-wp-popup-builder.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/06\/layout-wp-popup-builder.png?resize=300%2C195&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>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>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 drag-drop has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Drag &amp; Drop Module<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>This setting is available in Real time editor panel. From Drag &amp; Drop Module you can choose Text, Heading, Button, Upload image and also insert Lead form or Contact form in your popup.<\/li>\n\n\n\n<li>You can drag these elements and drop them in the Popup layout.<\/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=\"309\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/06\/real-time-editor-wp-popup-builder.png?resize=663%2C309&#038;ssl=1\" alt=\"real-time-editor-wp-popup-builder\" class=\"wp-image-22434\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/06\/real-time-editor-wp-popup-builder.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/06\/real-time-editor-wp-popup-builder.png?resize=300%2C140&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/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 in your Popup layout, Drag &amp; Drop Text element from the module into the Popup layout. Place it wherever you want.<\/li>\n\n\n\n<li>All the Text setting are available. Add the Text content, link and Choose the alignment.<\/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=\"316\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/06\/text-popup-builder.png?resize=663%2C316&#038;ssl=1\" alt=\"text-popup-builder\" class=\"wp-image-19909\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/06\/text-popup-builder.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/06\/text-popup-builder.png?resize=300%2C143&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 in your Popup layout, Drag &amp; Drop Heading element from the module into the Popup layout.<\/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=\"1393\" height=\"670\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/06\/Heading-popup-builder.png?resize=1393%2C670&#038;ssl=1\" alt=\"Heading popup builder\" class=\"wp-image-19908\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/06\/Heading-popup-builder.png?w=1393&amp;ssl=1 1393w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/06\/Heading-popup-builder.png?resize=300%2C144&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/06\/Heading-popup-builder.png?resize=1024%2C493&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/06\/Heading-popup-builder.png?resize=768%2C369&amp;ssl=1 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/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 in your Popup layout, Drag &amp; Drop Button element from the module into the Popup layout.<\/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=\"340\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/06\/button-module.png?resize=663%2C340&#038;ssl=1\" alt=\"button-module\" class=\"wp-image-19910\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/06\/button-module.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/06\/button-module.png?resize=300%2C154&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>First Drag and Drop the Image Module in your Popup. Now upload your Image.<\/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=\"343\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/06\/image-popup-builder.png?resize=663%2C343&#038;ssl=1\" alt=\"image-popup-builder\" class=\"wp-image-19913\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/06\/image-popup-builder.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/06\/image-popup-builder.png?resize=300%2C155&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group lead-module has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">5. Lead 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>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=\"350\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/06\/form-popup-builder.png?resize=663%2C350&#038;ssl=1\" alt=\"form-popup-builder\" class=\"wp-image-19911\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/06\/form-popup-builder.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/06\/form-popup-builder.png?resize=300%2C158&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\">6. Spacer Module<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Using Spacer module, you can space between the other modules. Just drag &amp; drop the module in between and add spacing. You can adjust the Height of your spacer.<\/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=\"310\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/06\/spacer-module-wp-popup-builder-doc.png?resize=663%2C310&#038;ssl=1\" alt=\"spacer-module-wp-popup-builder-doc\" class=\"wp-image-29544\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/06\/spacer-module-wp-popup-builder-doc.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/06\/spacer-module-wp-popup-builder-doc.png?resize=300%2C140&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\">7. Shortcode Module<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\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=\"307\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/06\/shortcode-module-wp-popup-builder.png?resize=663%2C307&#038;ssl=1\" alt=\"shortcode-module-wp-popup-builder\" class=\"wp-image-29545\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/06\/shortcode-module-wp-popup-builder.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/06\/shortcode-module-wp-popup-builder.png?resize=300%2C139&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<h2 class=\"wp-block-heading\">Global Setting<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\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.<img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"333\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/06\/global-setting-popup-builder.png?resize=663%2C333&#038;ssl=1\" alt=\"global-setting-popup-builder\"><\/li>\n<\/ul>\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<h2 class=\"wp-block-heading\">Close Button Setting<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>From here you can edit the close button settings. You can choose whether you want to close the popup on clicking the icon, Disable the icon and 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.<img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"350\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/06\/close-biutton-setting.png?resize=663%2C350&#038;ssl=1\" alt=\"\"><\/li>\n<\/ul>\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<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\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"548\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/06\/popup-setting-wp-popup-builder-image.png?resize=663%2C548&#038;ssl=1\" alt=\"popup-setting-wp-popup-builder-image\" class=\"wp-image-22428\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/06\/popup-setting-wp-popup-builder-image.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2020\/06\/popup-setting-wp-popup-builder-image.png?resize=300%2C248&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\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. You can also use Shortcode to display Popup in the area which supports the shortcode.<\/li>\n<\/ul>\n\n\n\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. You can choose &#8220;All devices&#8221; to display popup at PC, Laptop and all small devices.<\/li>\n<\/ul>\n\n\n\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<h2 class=\"wp-block-heading\">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<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group pro-plugin has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\"><a href=\"https:\/\/themehunk.com\/fr\/wp-popup-builder-pro\/#pricing\" target=\"_blank\" rel=\"noreferrer noopener\">Premium Plugin<\/a><\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><th>FEATURE<\/th><th>Free<\/th><th>Pro<\/th><\/tr><tr><td>Real Time Editor<\/td><td><\/td><td><\/td><\/tr><tr><td>Easily Customizable<\/td><td><\/td><td><\/td><\/tr><tr><td>Responsive to All devices<\/td><td><\/td><td><\/td><\/tr><tr><td>Fully Documented<\/td><td><\/td><td><\/td><\/tr><tr><td>Pre Built Templates<\/td><td><\/td><td>(30+ Templates)<\/td><\/tr><tr><td>Popup Location<\/td><td><\/td><td>(Home, All Pages, Selected Pages)<\/td><\/tr><tr><td>Multiple Layouts<\/td><td>( Three Layouts )<\/td><td>( Nine Layouts )<\/td><\/tr><tr><td>Popup Frequency<\/td><td><\/td><td><\/td><\/tr><tr><td>Video Popup<\/td><td><\/td><td><\/td><\/tr><tr><td>Styling Options<\/td><td><\/td><td>( Advanced )<\/td><\/tr><tr><td>Popup Modules<\/td><td><\/td><td><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/themehunk.com\/fr\/wp-popup-builder-pro\/#pricing\" target=\"_blank\" rel=\"noreferrer noopener\">Buy Pro<\/a> at Affordable Price.<\/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<p class=\"wp-block-paragraph\">If you face any difficulties, feel free to contact our support team at <a href=\"https:\/\/themehunk.com\/fr\/support\/\" target=\"_blank\" rel=\"noreferrer noopener\">support forum<\/a>. 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.<\/p>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Plugin Installation WP Popup Builder is specially designed for adding or creating Beautiful Light-box in your website. It has many Pre-built templates and this popup builder can be customized easily, just follow the below instructions and Design your own popup. How to Create Popup ?? Drag &amp; Drop Module 1. Text Module 2. Heading Module [&hellip;]<\/p>\n","protected":false},"author":7288,"featured_media":0,"template":"","meta":{"footnotes":""},"class_list":["post-19869","docs","type-docs","status-publish","hentry","docscate-lite-plugin"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/themehunk.com\/wp-json\/wp\/v2\/docs\/19869","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themehunk.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/themehunk.com\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/themehunk.com\/wp-json\/wp\/v2\/users\/7288"}],"version-history":[{"count":4,"href":"https:\/\/themehunk.com\/wp-json\/wp\/v2\/docs\/19869\/revisions"}],"predecessor-version":[{"id":68588,"href":"https:\/\/themehunk.com\/wp-json\/wp\/v2\/docs\/19869\/revisions\/68588"}],"wp:attachment":[{"href":"https:\/\/themehunk.com\/wp-json\/wp\/v2\/media?parent=19869"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}