{"id":288043,"date":"2021-05-04T11:43:49","date_gmt":"2021-05-04T11:43:49","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=288043"},"modified":"2025-07-21T06:54:46","modified_gmt":"2025-07-21T06:54:46","slug":"magento2-pop-up-builder","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/magento2-pop-up-builder\/","title":{"rendered":"User Guide for Pop-up Builder for Magento 2"},"content":{"rendered":"\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Introduction<\/h3>\n<\/div><\/div>\n\n\n<p><a href=\"https:\/\/store.webkul.com\/magento2-pop-up-builder.html\">Magento 2 Popup Builder<\/a> module allows the store owner to create and send unlimited pop-up notifications for the e-commerce store. These pop-ups can be used for marketing purposes or to create awareness about new or popular products.<\/p>\n<p>The admin can create templates for creating different types of pop-ups and can select a particular template as per the popup requirement.<\/p>\n<p>Magento 2 Popup Builder module also enables the admin to set the start and end date of the pop-up visibility to the customers.<\/p>\n<p>The admin can even select the display device, the page at which the pop-up will appear its position and a suitable entry and exit animation type for the pop-up.<\/p>\n<p>Moreover, the admin can even view the pop-up reports based on customer interaction using the Pop Up in Magento 2.<\/p>\n<h3>Watch the Video to Checkout Pop Up in Magento 2 Module Workflow<\/h3>\n<div class=\"wp-block-wk-block-youtube-video wk-block--yt-video wk-block-yt-classic components-placeholder\">\n<div class=\"wk-block--yt-video-frame\">\n<div class=\"wk-block--yt-video-frame-request\" data-plyr-provider=\"youtube\" data-plyr-embed-id=\"vdFkymHfWIE\">\n<div class=\"components-placeholder__instructions\">vdFkymHfWIE<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Features &#8211; Pop Up in Magento 2<\/h3>\n<\/div><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The admin can create multiple templates for creating the pop-ups.<\/li>\n\n\n\n<li>The admin can add HTML and CSS for the pop-up template.<\/li>\n\n\n\n<li>Simply edit and create a popup enter its heading, description and select its layout.<\/li>\n\n\n\n<li>The admin can set the duration by selecting the start and end date for a pop-up.<\/li>\n\n\n\n<li>The admin can select the popup position.<\/li>\n\n\n\n<li>Select the pages for which the pop-up will work and when it will appear.<\/li>\n\n\n\n<li>Further, the admin can enable how the pop up can be closed either by clicking outside the pop-up box or clicking the Esc button.<\/li>\n\n\n\n<li>The admin can set the alignment of the pop-up element.<\/li>\n\n\n\n<li>A report of the customer actions over pop-up with the number of clicks and views is recorded.<\/li>\n\n\n\n<li>The pop-up data helps the admin to know about customer inputs on a specific pop-up.<\/li>\n\n\n\n<li>The admin can select the pop-up animation entrance and exit.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"language-translation-pop-up-in-magento-2\">Language Translation &#8211; Pop Up in Magento 2<\/h2>\n\n\n\n<p>If you want to translate the module language from English to German. Then, follow the following path in the unzipped Magento 2 web security folder.&nbsp;<strong>src\/app\/code\/Webkul\/PopupBuilder\/i18n.<\/strong><\/p>\n\n\n\n<p>After that, you will receive a CSV file with the name \u201cen_US.csv\u201d. Now, rename that CSV on your region code and language code \u201cde_DE.csv\u201d. And then translate all right-side content in your language.<br>After editing the CSV, save it and then you need to upload it where you have installed Magento 2 (Adobe Commerce) on the server.<\/p>\n\n\n\n<figure class=\"wp-block-image is-style-default\"><img decoding=\"async\" width=\"1200\" height=\"471\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/04\/webkul-magento2-paytabs-sadad-payment-multilingual-2-1200x471.png\" alt=\"webkul-magento2-sample-product - Pop Up in Magento 2\" class=\"wp-image-286896\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/04\/webkul-magento2-paytabs-sadad-payment-multilingual-2-1200x471.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/04\/webkul-magento2-paytabs-sadad-payment-multilingual-2-300x118.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/04\/webkul-magento2-paytabs-sadad-payment-multilingual-2-250x98.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/04\/webkul-magento2-paytabs-sadad-payment-multilingual-2-768x301.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/04\/webkul-magento2-paytabs-sadad-payment-multilingual-2.png 1229w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><figcaption class=\"wp-element-caption\">popup<\/figcaption><\/figure>\n\n\n\n<p>Consequently, the module will get translated into your desired Language.<\/p>\n\n\n\n<figure class=\"wp-block-image is-style-default\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/Untitled-spreadsheet-Google-Sheets.png\" alt=\"Module Translation - Pop Up in Magento 2\" class=\"wp-image-286898\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Module Configuration &#8211; Pop Up in Magento 2<\/h3>\n<\/div><\/div>\n\n\n\n<p>After the successful installation of the module, the admin can navigate to go to the <strong>POPUP &gt; Popup<\/strong> for the module configuration.<\/p>\n\n\n\n<p>Here the admin can check the list of all the pre-existing added popups.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img decoding=\"async\" width=\"1118\" height=\"431\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/devmage.com_11158_admin_popup_popup_index_key_6d75c8fb22a14dff0fe82dd6394c71b961a42fb23c9e4b9a8cd641c9cb779999_Webkul-store-2-1.png\" alt=\"Module Configuration - Pop Up in Magento 2\" class=\"wp-image-289158\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/devmage.com_11158_admin_popup_popup_index_key_6d75c8fb22a14dff0fe82dd6394c71b961a42fb23c9e4b9a8cd641c9cb779999_Webkul-store-2-1.png 1118w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/devmage.com_11158_admin_popup_popup_index_key_6d75c8fb22a14dff0fe82dd6394c71b961a42fb23c9e4b9a8cd641c9cb779999_Webkul-store-2-1-300x116.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/devmage.com_11158_admin_popup_popup_index_key_6d75c8fb22a14dff0fe82dd6394c71b961a42fb23c9e4b9a8cd641c9cb779999_Webkul-store-2-1-250x96.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/devmage.com_11158_admin_popup_popup_index_key_6d75c8fb22a14dff0fe82dd6394c71b961a42fb23c9e4b9a8cd641c9cb779999_Webkul-store-2-1-768x296.png 768w\" sizes=\"(max-width: 1118px) 100vw, 1118px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Add New Popup &#8211; Information<\/h3>\n<\/div><\/div>\n\n\n<p>The admin can click on the <strong>Add New button <\/strong>to add a new popup. As a result, the below page will open up.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-323250 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/sdss.png\" alt=\"webkul popup\" width=\"1283\" height=\"601\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/sdss.png 1283w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/sdss-300x141.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/sdss-1200x562.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/sdss-250x117.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/sdss-768x360.png 768w\" sizes=\"(max-width: 1283px) 100vw, 1283px\" loading=\"lazy\" \/><\/p>\n<p><strong>Popup Name:\u00a0<\/strong>The admin can define the newly added popup with a suitable name.<\/p>\n<p><strong>Status:\u00a0<\/strong>The admin is required to enable\/disable a popup from here.<\/p>\n<p><strong>Customer Group:\u00a0<\/strong>The admin can select the customer group for whom the popup will be visible.<\/p>\n<p><strong>Start Date:\u00a0<\/strong>Enter the start date from when the popup will be active on the front end.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-290342 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo11511319118.magento-demo.webkul.com_admin_popup_popup_new_key_491510c460185631c1990d6257d047f9bb9b65111b1d2c46bbb77f186be9135d_Webkul-store-3-1.png\" alt=\"Choose Template\" width=\"1120\" height=\"296\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo11511319118.magento-demo.webkul.com_admin_popup_popup_new_key_491510c460185631c1990d6257d047f9bb9b65111b1d2c46bbb77f186be9135d_Webkul-store-3-1.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo11511319118.magento-demo.webkul.com_admin_popup_popup_new_key_491510c460185631c1990d6257d047f9bb9b65111b1d2c46bbb77f186be9135d_Webkul-store-3-1-300x79.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo11511319118.magento-demo.webkul.com_admin_popup_popup_new_key_491510c460185631c1990d6257d047f9bb9b65111b1d2c46bbb77f186be9135d_Webkul-store-3-1-250x66.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo11511319118.magento-demo.webkul.com_admin_popup_popup_new_key_491510c460185631c1990d6257d047f9bb9b65111b1d2c46bbb77f186be9135d_Webkul-store-3-1-768x203.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/p>\n<p><strong>End Date:\u00a0<\/strong>Enter the End date from when the popup will be deactivated on the front end.<\/p>\n<p><strong>Choose Template: <\/strong>For the popup layout, the admin can select a template design from the dropdown menu.<\/p>\n<h3><strong>Pages<\/strong><\/h3>\n<p>The admin needs to select the Pages for which the popup will be visible. Currently, the admin can choose from the below options.<\/p>\n<ul>\n<li><strong>None:\u00a0<\/strong>If selected None the popup will be visible on none of the pages of the front end.<\/li>\n<li><strong>All pages:\u00a0<\/strong>The admin can select All pages so that the pop-up is visible on all the pages of the front end.<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"alignnone wp-image-290356 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo11511319118.magento-demo.webkul.com_admin_popup_popup_new_key_491510c460185631c1990d6257d047f9bb9b65111b1d2c46bbb77f186be9135d_Webkul-store-5.png\" alt=\"Specific Pages\" width=\"1108\" height=\"240\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo11511319118.magento-demo.webkul.com_admin_popup_popup_new_key_491510c460185631c1990d6257d047f9bb9b65111b1d2c46bbb77f186be9135d_Webkul-store-5.png 1108w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo11511319118.magento-demo.webkul.com_admin_popup_popup_new_key_491510c460185631c1990d6257d047f9bb9b65111b1d2c46bbb77f186be9135d_Webkul-store-5-300x65.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo11511319118.magento-demo.webkul.com_admin_popup_popup_new_key_491510c460185631c1990d6257d047f9bb9b65111b1d2c46bbb77f186be9135d_Webkul-store-5-250x54.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo11511319118.magento-demo.webkul.com_admin_popup_popup_new_key_491510c460185631c1990d6257d047f9bb9b65111b1d2c46bbb77f186be9135d_Webkul-store-5-768x166.png 768w\" sizes=\"(max-width: 1108px) 100vw, 1108px\" loading=\"lazy\" \/><\/p>\n<ul>\n<li><strong>Specific Pages:\u00a0<\/strong>The admin can also use this option to only enable the pop-up for a selective page for which the admin can enter the <strong>Specific Page URL<\/strong> of that page as shown in the below image.<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"alignnone wp-image-290791 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo11511319118.magento-demo.webkul.com_admin_popup_popup_edit_id_3_key_5a7e94ceb6ead112606d4e434cb365b4849ee70818e23f0ed0b93a730669c9b9_Webkul-store-1.png\" alt=\"Specific Pages\" width=\"1118\" height=\"436\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo11511319118.magento-demo.webkul.com_admin_popup_popup_edit_id_3_key_5a7e94ceb6ead112606d4e434cb365b4849ee70818e23f0ed0b93a730669c9b9_Webkul-store-1.png 1118w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo11511319118.magento-demo.webkul.com_admin_popup_popup_edit_id_3_key_5a7e94ceb6ead112606d4e434cb365b4849ee70818e23f0ed0b93a730669c9b9_Webkul-store-1-300x117.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo11511319118.magento-demo.webkul.com_admin_popup_popup_edit_id_3_key_5a7e94ceb6ead112606d4e434cb365b4849ee70818e23f0ed0b93a730669c9b9_Webkul-store-1-250x97.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo11511319118.magento-demo.webkul.com_admin_popup_popup_edit_id_3_key_5a7e94ceb6ead112606d4e434cb365b4849ee70818e23f0ed0b93a730669c9b9_Webkul-store-1-768x300.png 768w\" sizes=\"(max-width: 1118px) 100vw, 1118px\" loading=\"lazy\" \/><\/p>\n<p>And we can pick a specific page URL like this (we are selecting only page code from the URL) and paste it into the admin end.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-290810 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/Screenshot-from-2021-05-31-15-30-36-1.png\" alt=\"specific page URL\" width=\"978\" height=\"703\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/Screenshot-from-2021-05-31-15-30-36-1.png 978w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/Screenshot-from-2021-05-31-15-30-36-1-300x216.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/Screenshot-from-2021-05-31-15-30-36-1-250x180.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/Screenshot-from-2021-05-31-15-30-36-1-768x552.png 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" loading=\"lazy\" \/><\/p>\n<p><strong>The Popup Position:\u00a0<\/strong>The admin can select the popup position from the given options\u00a0<strong>Top Left, Left, Bottom Left, Top centre, centre, Bottom centre, Top right, Right <\/strong>and\u00a0<strong>Bottom Right.<\/strong><\/p>\n<p><strong>Popup Animation Entrance:\u00a0<\/strong>The admin can also select a Popup animation entrance such as <strong>None,<\/strong> <strong>BounceIn, BounceInDown, BounceInLeft, BounceInRight, BounceInUp.<\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-290359 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo11511319118.magento-demo.webkul.com_admin_popup_popup_new_key_491510c460185631c1990d6257d047f9bb9b65111b1d2c46bbb77f186be9135d_Webkul-store-1-1.png\" alt=\"Popup Animation Entrance\" width=\"1116\" height=\"334\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo11511319118.magento-demo.webkul.com_admin_popup_popup_new_key_491510c460185631c1990d6257d047f9bb9b65111b1d2c46bbb77f186be9135d_Webkul-store-1-1.png 1116w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo11511319118.magento-demo.webkul.com_admin_popup_popup_new_key_491510c460185631c1990d6257d047f9bb9b65111b1d2c46bbb77f186be9135d_Webkul-store-1-1-300x90.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo11511319118.magento-demo.webkul.com_admin_popup_popup_new_key_491510c460185631c1990d6257d047f9bb9b65111b1d2c46bbb77f186be9135d_Webkul-store-1-1-250x75.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo11511319118.magento-demo.webkul.com_admin_popup_popup_new_key_491510c460185631c1990d6257d047f9bb9b65111b1d2c46bbb77f186be9135d_Webkul-store-1-1-768x230.png 768w\" sizes=\"(max-width: 1116px) 100vw, 1116px\" loading=\"lazy\" \/><\/p>\n<p><strong>Popup Animation Exit:\u00a0<\/strong>The admin can also select a Popup animation exit such as <strong>None,<\/strong> <strong>BounceOut, BounceOutDown, BounceOutLeft, BounceOutRight, BounceOutUp.<\/strong><\/p>\n<p><strong>When Popup will appear?\u00a0<\/strong>Moreover, the admin can also configure when the Popup will appear by selecting the following options from the drop-down:\u00a0<strong>None, On Scroll X% from the top? On-Page Load, On Click Class Match<\/strong> and<strong>\u00a0On Click Id Match.\u00a0<\/strong><\/p>\n<p><strong>Close Popup when clicking outside of the box: <\/strong>Further, the admin can Select <strong>Yes\/No\u00a0<\/strong>to enable the pop up to be closed by clicking outside of the box.<\/p>\n<p><strong>Close Popup on Esc Button:\u00a0<\/strong>Similarly, Select <strong>Yes\/No\u00a0<\/strong>to enable the pop up to be closed by clicking the Esc Button.<\/p>\n<div class=\"wk-index-wrap\">\n<h3 class=\"index-title\">Add New Popup &#8211; Popup Information &#8211; Layout\u00a0<\/h3>\n<p>Under the Layout section, the admin can select the layout of the popup from the drop-down menu.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-288311\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/Add-Popup-Magento-Admin-layout.png\" alt=\"layout\" width=\"800\" height=\"361\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/Add-Popup-Magento-Admin-layout.png 1920w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/Add-Popup-Magento-Admin-layout-300x135.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/Add-Popup-Magento-Admin-layout-1200x542.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/Add-Popup-Magento-Admin-layout-250x113.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/Add-Popup-Magento-Admin-layout-768x347.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/Add-Popup-Magento-Admin-layout-1536x694.png 1536w\" sizes=\"(max-width: 800px) 100vw, 800px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<div class=\"wk-index-wrap\">\n<p>The module helps the admin to choose from different types of popup. Further, we will define each popup layout and Settings of the same.\u00a0<\/p>\n<div class=\"wk-index-wrap\">\n<h3 class=\"index-title\">Newsletter Popup<\/h3>\n<\/div>\n<p>Once, the admin selects the Newsletter popup below options will be visible for the popup settings.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-290361 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo11511319118.magento-demo.webkul.com_admin_popup_popup_new_key_491510c460185631c1990d6257d047f9bb9b65111b1d2c46bbb77f186be9135d_Webkul-store-2-1.png\" alt=\"Newsletter Popup\" width=\"1120\" height=\"459\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo11511319118.magento-demo.webkul.com_admin_popup_popup_new_key_491510c460185631c1990d6257d047f9bb9b65111b1d2c46bbb77f186be9135d_Webkul-store-2-1.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo11511319118.magento-demo.webkul.com_admin_popup_popup_new_key_491510c460185631c1990d6257d047f9bb9b65111b1d2c46bbb77f186be9135d_Webkul-store-2-1-300x123.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo11511319118.magento-demo.webkul.com_admin_popup_popup_new_key_491510c460185631c1990d6257d047f9bb9b65111b1d2c46bbb77f186be9135d_Webkul-store-2-1-250x102.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo11511319118.magento-demo.webkul.com_admin_popup_popup_new_key_491510c460185631c1990d6257d047f9bb9b65111b1d2c46bbb77f186be9135d_Webkul-store-2-1-768x315.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-290370 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo11511319118.magento-demo.webkul.com_admin_popup_popup_new_key_491510c460185631c1990d6257d047f9bb9b65111b1d2c46bbb77f186be9135d_Webkul-store-2-2.png\" alt=\"description -Pop Up in Magento 2\" width=\"1120\" height=\"416\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo11511319118.magento-demo.webkul.com_admin_popup_popup_new_key_491510c460185631c1990d6257d047f9bb9b65111b1d2c46bbb77f186be9135d_Webkul-store-2-2.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo11511319118.magento-demo.webkul.com_admin_popup_popup_new_key_491510c460185631c1990d6257d047f9bb9b65111b1d2c46bbb77f186be9135d_Webkul-store-2-2-300x111.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo11511319118.magento-demo.webkul.com_admin_popup_popup_new_key_491510c460185631c1990d6257d047f9bb9b65111b1d2c46bbb77f186be9135d_Webkul-store-2-2-250x93.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo11511319118.magento-demo.webkul.com_admin_popup_popup_new_key_491510c460185631c1990d6257d047f9bb9b65111b1d2c46bbb77f186be9135d_Webkul-store-2-2-768x285.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/p>\n<div class=\"wk-index-wrap\">\n<h3 class=\"index-title\">Settings Newsletter Popup<\/h3>\n<\/div>\n<p>Further, enter the inputs for the below settings under the Newsletter popup.<\/p>\n<p><strong>Heading:\u00a0<\/strong>The admin can enter a Heading for the Newsletter popup.<\/p>\n<p><strong>Description:\u00a0<\/strong>The admin can add a popup description that will be visible in the popup.<\/p>\n<p><strong>Subscribe button: <\/strong>Moreover, the admin can add a subscribe button in the Newsletter Popup as well. Here, the admin needs to enter the Subscribe title.<\/p>\n<p><strong>Close Label Button:\u00a0<\/strong>The admin can\u00a0<strong>enable\/disable\u00a0<\/strong>the close label button.<\/p>\n<p><strong>Close Button:\u00a0<\/strong>The admin can\u00a0<strong>enable\/disable\u00a0<\/strong>the close button.<\/p>\n<p><strong>Element Align: <\/strong>Lastly, the admin can also set the alignment of the popup element.<\/p>\n<div class=\"wk-index-wrap\">\n<h3 class=\"index-title\">Offer Popup\/Image Popup<\/h3>\n<\/div>\n<p>Once, the admin selects the Offer Popup\/Image Popup below options will be visible for the popup settings.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-372802\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/screenshot_from_2023_03_17_11_00_17.png\" alt=\"screenshot_from_2023_03_17_11_00_17\" width=\"1494\" height=\"715\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/screenshot_from_2023_03_17_11_00_17.png 1494w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/screenshot_from_2023_03_17_11_00_17-300x144.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/screenshot_from_2023_03_17_11_00_17-1200x574.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/screenshot_from_2023_03_17_11_00_17-250x120.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/screenshot_from_2023_03_17_11_00_17-768x368.png 768w\" sizes=\"(max-width: 1494px) 100vw, 1494px\" loading=\"lazy\" \/><\/p>\n<h3>Settings &#8211; Offer Popup\/Image Popup<\/h3>\n<p>As shown in the above image the admin can select the\u00a0<strong>Close Button Color.<\/strong><\/p>\n<div class=\"wk-index-wrap\">\n<h3 class=\"index-title\">Yes\/No Popup<\/h3>\n<\/div>\n<\/div>\n<p>Once, the admin selects the Yes\/No Popup the below options will be visible for the popup settings.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-290384 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo11511319118.magento-demo.webkul.com_admin_popup_popup_new_key_2758603c1a944099390becbf365445a8a3f802cfe5d2db7093861fcb00fd8142_Webkul-store-4-1.png\" alt=\"Yes\/No Popup\" width=\"1113\" height=\"578\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo11511319118.magento-demo.webkul.com_admin_popup_popup_new_key_2758603c1a944099390becbf365445a8a3f802cfe5d2db7093861fcb00fd8142_Webkul-store-4-1.png 1113w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo11511319118.magento-demo.webkul.com_admin_popup_popup_new_key_2758603c1a944099390becbf365445a8a3f802cfe5d2db7093861fcb00fd8142_Webkul-store-4-1-300x156.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo11511319118.magento-demo.webkul.com_admin_popup_popup_new_key_2758603c1a944099390becbf365445a8a3f802cfe5d2db7093861fcb00fd8142_Webkul-store-4-1-250x130.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo11511319118.magento-demo.webkul.com_admin_popup_popup_new_key_2758603c1a944099390becbf365445a8a3f802cfe5d2db7093861fcb00fd8142_Webkul-store-4-1-768x399.png 768w\" sizes=\"(max-width: 1113px) 100vw, 1113px\" loading=\"lazy\" \/><\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-290388 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo11511319118.magento-demo.webkul.com_admin_popup_popup_new_key_2758603c1a944099390becbf365445a8a3f802cfe5d2db7093861fcb00fd8142_Webkul-store-1-1.png\" alt=\"Settings - Yes\/No Popup - Pop Up in Magento 2\" width=\"1120\" height=\"466\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo11511319118.magento-demo.webkul.com_admin_popup_popup_new_key_2758603c1a944099390becbf365445a8a3f802cfe5d2db7093861fcb00fd8142_Webkul-store-1-1.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo11511319118.magento-demo.webkul.com_admin_popup_popup_new_key_2758603c1a944099390becbf365445a8a3f802cfe5d2db7093861fcb00fd8142_Webkul-store-1-1-300x125.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo11511319118.magento-demo.webkul.com_admin_popup_popup_new_key_2758603c1a944099390becbf365445a8a3f802cfe5d2db7093861fcb00fd8142_Webkul-store-1-1-250x104.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo11511319118.magento-demo.webkul.com_admin_popup_popup_new_key_2758603c1a944099390becbf365445a8a3f802cfe5d2db7093861fcb00fd8142_Webkul-store-1-1-768x320.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/p>\n<div class=\"wk-index-wrap\">\n<h3 class=\"index-title\">Settings &#8211; Yes\/No Popup<\/h3>\n<\/div>\n<p><strong>Heading:\u00a0<\/strong>The admin can enter a Heading for the Yes\/No popup.<\/p>\n<p><strong>Description:\u00a0<\/strong>The admin can add a popup description that will be visible in the popup.<\/p>\n<p><strong>Background Image:\u00a0<\/strong>The admin can upload an image that will be visible as the background of the respective popup.<\/p>\n<p><strong>Yes Button: <\/strong>Here, the admin has two fields. Firstly enter the <strong>Yes Button URL,<\/strong> Secondly, provide a name for the <strong>Yes Button Title.<\/strong><\/p>\n<p><strong>Cancel Button:\u00a0<\/strong>The admin can\u00a0<strong>enable\/disable\u00a0<\/strong>the cancel button.<\/p>\n<p><strong>Close Label Button:\u00a0<\/strong>The admin can\u00a0<strong>enable\/disable\u00a0<\/strong>the close label button.<\/p>\n<p><strong>Element Align: <\/strong>Lastly, the admin can also set the alignment of the popup element.<\/p>\n<div class=\"wk-index-wrap\">\n<h3 class=\"index-title\">Follow us PopUp<\/h3>\n<\/div>\n<p>Once, the admin selects the Follow us Popup the below options will be visible for the popup settings.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-290393 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo11511319118.magento-demo.webkul.com_admin_popup_popup_new_key_2758603c1a944099390becbf365445a8a3f802cfe5d2db7093861fcb00fd8142_Webkul-store-2-1.png\" alt=\"Follow us PopUp - Pop Up in Magento 2\" width=\"1117\" height=\"520\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo11511319118.magento-demo.webkul.com_admin_popup_popup_new_key_2758603c1a944099390becbf365445a8a3f802cfe5d2db7093861fcb00fd8142_Webkul-store-2-1.png 1117w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo11511319118.magento-demo.webkul.com_admin_popup_popup_new_key_2758603c1a944099390becbf365445a8a3f802cfe5d2db7093861fcb00fd8142_Webkul-store-2-1-300x140.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo11511319118.magento-demo.webkul.com_admin_popup_popup_new_key_2758603c1a944099390becbf365445a8a3f802cfe5d2db7093861fcb00fd8142_Webkul-store-2-1-250x116.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo11511319118.magento-demo.webkul.com_admin_popup_popup_new_key_2758603c1a944099390becbf365445a8a3f802cfe5d2db7093861fcb00fd8142_Webkul-store-2-1-768x358.png 768w\" sizes=\"(max-width: 1117px) 100vw, 1117px\" loading=\"lazy\" \/><\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-290396 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo11511319118.magento-demo.webkul.com_admin_popup_popup_new_key_2758603c1a944099390becbf365445a8a3f802cfe5d2db7093861fcb00fd8142_Webkul-store-3-1.png\" alt=\"Settings\" width=\"1040\" height=\"641\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo11511319118.magento-demo.webkul.com_admin_popup_popup_new_key_2758603c1a944099390becbf365445a8a3f802cfe5d2db7093861fcb00fd8142_Webkul-store-3-1.png 1040w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo11511319118.magento-demo.webkul.com_admin_popup_popup_new_key_2758603c1a944099390becbf365445a8a3f802cfe5d2db7093861fcb00fd8142_Webkul-store-3-1-300x185.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo11511319118.magento-demo.webkul.com_admin_popup_popup_new_key_2758603c1a944099390becbf365445a8a3f802cfe5d2db7093861fcb00fd8142_Webkul-store-3-1-250x154.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo11511319118.magento-demo.webkul.com_admin_popup_popup_new_key_2758603c1a944099390becbf365445a8a3f802cfe5d2db7093861fcb00fd8142_Webkul-store-3-1-768x473.png 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" loading=\"lazy\" \/><\/p>\n<div class=\"wk-index-wrap\">\n<h3 class=\"index-title\">Settings &#8211; Follow us PopUp<\/h3>\n<\/div>\n<p><strong>Heading:\u00a0<\/strong>The admin can enter a Heading for the Follow us popup.<\/p>\n<p><strong>Description:\u00a0<\/strong>The admin can add a popup description that will be visible in the popup.<\/p>\n<p><strong>Background Image:\u00a0<\/strong>The admin can upload an image that will be visible as the background of the respective popup.<\/p>\n<p>Now, in the next sections, the admin simply needs to paste the <strong>URL<\/strong> of the mentioned social media platforms so as the user is redirected to the same page when clicked.<\/p>\n<p>The follow us popup includes these social media platforms follow button links &#8211;<strong>Facebook, Twitter, Instagram, Linked In &amp; Youtube.<\/strong><\/p>\n<p><strong>Cancel Button:\u00a0<\/strong>The admin can\u00a0<strong>enable\/disable\u00a0<\/strong>the cancel button.<\/p>\n<p><strong>Element Align: <\/strong>Lastly, the admin can also set the alignment of the popup element.<\/p>\n<div class=\"wk-index-wrap\">\n<h3 class=\"index-title\">Video Popup<\/h3>\n<\/div>\n<p>Once, the admin selects the Video Popup the below options will be visible for the popup settings.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-290470 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo4323037131.magento-demo.webkul.com_admin_popup_popup_new_key_786971cf0a30968196b4a01096b4920889b18c18f6a7d828ab9377a829f39e70_Webkul-store-1.png\" alt=\"Video Popup\" width=\"1119\" height=\"711\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo4323037131.magento-demo.webkul.com_admin_popup_popup_new_key_786971cf0a30968196b4a01096b4920889b18c18f6a7d828ab9377a829f39e70_Webkul-store-1.png 1119w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo4323037131.magento-demo.webkul.com_admin_popup_popup_new_key_786971cf0a30968196b4a01096b4920889b18c18f6a7d828ab9377a829f39e70_Webkul-store-1-300x191.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo4323037131.magento-demo.webkul.com_admin_popup_popup_new_key_786971cf0a30968196b4a01096b4920889b18c18f6a7d828ab9377a829f39e70_Webkul-store-1-250x159.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo4323037131.magento-demo.webkul.com_admin_popup_popup_new_key_786971cf0a30968196b4a01096b4920889b18c18f6a7d828ab9377a829f39e70_Webkul-store-1-768x488.png 768w\" sizes=\"(max-width: 1119px) 100vw, 1119px\" loading=\"lazy\" \/><\/p>\n<h3>Settings &#8211; Video Popup<\/h3>\n<p><strong>Heading:\u00a0<\/strong>The admin can enter a Heading for the Video popup.<\/p>\n<p><strong>Description:\u00a0<\/strong>The admin can add a popup description that will be visible in the popup.<\/p>\n<p><strong>Video URL:\u00a0<\/strong>The admin needs to enter the URL of the video for the video popup.<\/p>\n<p><strong>Close Button: <\/strong>The admin can\u00a0<strong>enable\/disable\u00a0<\/strong>the close button.<\/p>\n<div class=\"wk-index-wrap\">\n<h3 class=\"index-title\">Details Video Popup<\/h3>\n<\/div>\n<p>Once, the admin selects the Details Video Popup the below options will be visible for the popup settings.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-290472 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo4323037131.magento-demo.webkul.com_admin_popup_popup_new_key_786971cf0a30968196b4a01096b4920889b18c18f6a7d828ab9377a829f39e70_Webkul-store-2-1.png\" alt=\"Details Video Popup\" width=\"1118\" height=\"774\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo4323037131.magento-demo.webkul.com_admin_popup_popup_new_key_786971cf0a30968196b4a01096b4920889b18c18f6a7d828ab9377a829f39e70_Webkul-store-2-1.png 1118w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo4323037131.magento-demo.webkul.com_admin_popup_popup_new_key_786971cf0a30968196b4a01096b4920889b18c18f6a7d828ab9377a829f39e70_Webkul-store-2-1-300x208.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo4323037131.magento-demo.webkul.com_admin_popup_popup_new_key_786971cf0a30968196b4a01096b4920889b18c18f6a7d828ab9377a829f39e70_Webkul-store-2-1-250x173.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo4323037131.magento-demo.webkul.com_admin_popup_popup_new_key_786971cf0a30968196b4a01096b4920889b18c18f6a7d828ab9377a829f39e70_Webkul-store-2-1-768x532.png 768w\" sizes=\"(max-width: 1118px) 100vw, 1118px\" loading=\"lazy\" \/><\/p>\n<div class=\"wk-index-wrap\">\n<h3 class=\"index-title\">Settings &#8211; Details Video Popup<\/h3>\n<\/div>\n<p><strong>Heading:\u00a0<\/strong>The admin can enter a Heading for the Details Video popup.<\/p>\n<p><strong>Description:\u00a0<\/strong>The admin can add a popup description that will be visible in the popup.<\/p>\n<p><strong>Video URL:\u00a0<\/strong>The admin needs to enter the URL of the video for the video popup.<\/p>\n<p><strong>Close Button: <\/strong>The admin can\u00a0<strong>enable\/disable\u00a0<\/strong>the close button.<\/p>\n<p><strong>Close Label Button:\u00a0<\/strong>Here, there are two inputs required in the field. Firstly enter a URL in the\u00a0 <strong>Close Button URL\u00a0<\/strong>to which the user will be redirected if clicked and the <strong>Close Button Title.<\/strong><\/p>\n<div class=\"wk-index-wrap\">\n<h3 class=\"index-title\">Cookies Popup<\/h3>\n<\/div>\n<p>Once, the admin selects the Cookies Popup the below options will be visible for the popup settings.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-290473 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo4323037131.magento-demo.webkul.com_admin_popup_popup_new_key_0221d419671b9fbc86ed6e4902ae09e0b4b6f91a8c8a472bb957c22cdec2d719_Webkul-store-1.png\" alt=\"Cookies Popup\" width=\"1116\" height=\"553\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo4323037131.magento-demo.webkul.com_admin_popup_popup_new_key_0221d419671b9fbc86ed6e4902ae09e0b4b6f91a8c8a472bb957c22cdec2d719_Webkul-store-1.png 1116w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo4323037131.magento-demo.webkul.com_admin_popup_popup_new_key_0221d419671b9fbc86ed6e4902ae09e0b4b6f91a8c8a472bb957c22cdec2d719_Webkul-store-1-300x149.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo4323037131.magento-demo.webkul.com_admin_popup_popup_new_key_0221d419671b9fbc86ed6e4902ae09e0b4b6f91a8c8a472bb957c22cdec2d719_Webkul-store-1-250x124.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo4323037131.magento-demo.webkul.com_admin_popup_popup_new_key_0221d419671b9fbc86ed6e4902ae09e0b4b6f91a8c8a472bb957c22cdec2d719_Webkul-store-1-768x381.png 768w\" sizes=\"(max-width: 1116px) 100vw, 1116px\" loading=\"lazy\" \/><\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-290475 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo4323037131.magento-demo.webkul.com_admin_popup_popup_new_key_0221d419671b9fbc86ed6e4902ae09e0b4b6f91a8c8a472bb957c22cdec2d719_Webkul-store-2-2.png\" alt=\"Cookies Popup -popup in magento 2\" width=\"1117\" height=\"511\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo4323037131.magento-demo.webkul.com_admin_popup_popup_new_key_0221d419671b9fbc86ed6e4902ae09e0b4b6f91a8c8a472bb957c22cdec2d719_Webkul-store-2-2.png 1117w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo4323037131.magento-demo.webkul.com_admin_popup_popup_new_key_0221d419671b9fbc86ed6e4902ae09e0b4b6f91a8c8a472bb957c22cdec2d719_Webkul-store-2-2-300x137.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo4323037131.magento-demo.webkul.com_admin_popup_popup_new_key_0221d419671b9fbc86ed6e4902ae09e0b4b6f91a8c8a472bb957c22cdec2d719_Webkul-store-2-2-250x114.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo4323037131.magento-demo.webkul.com_admin_popup_popup_new_key_0221d419671b9fbc86ed6e4902ae09e0b4b6f91a8c8a472bb957c22cdec2d719_Webkul-store-2-2-768x351.png 768w\" sizes=\"(max-width: 1117px) 100vw, 1117px\" loading=\"lazy\" \/><\/p>\n<div class=\"wk-index-wrap\">\n<h3 class=\"index-title\">Settings &#8211; Cookies Popup<\/h3>\n<\/div>\n<p><strong>Heading:\u00a0<\/strong>The admin can enter a Heading for the Cookies popup.<\/p>\n<p><strong>Description:\u00a0<\/strong>The admin can add a popup description that will be visible in the popup.<\/p>\n<p><strong>Background Image:\u00a0<\/strong>The admin can upload an image that will be visible as the background of the respective popup.<\/p>\n<p><strong>Yes Button: <\/strong>Here, the admin has two fields. Firstly enter the <strong>Yes Button URL,<\/strong> Secondly, provide a name for the <strong>Yes Button Title.<\/strong><\/p>\n<p><strong>Close Label Button:\u00a0<\/strong>Here, there are two inputs required in the field. Firstly enter a URL in the\u00a0 <strong>Close Button URL\u00a0<\/strong>to which the user will be redirected if clicked and the <strong>Close Button Title.<\/strong><\/p>\n<p><strong>Close Button: <\/strong>The admin can\u00a0<strong>enable\/disable\u00a0<\/strong>the close button.<\/p>\n<p><strong>Element Align: <\/strong>Lastly, the admin can also set the alignment of the popup element.<\/p>\n<div class=\"wk-index-wrap\">\n<h3 class=\"index-title\">Report &#8211; Popup Information<\/h3>\n<\/div>\n<p>The admin can go to the\u00a0<strong>Popup Information &gt; Report\u00a0<\/strong>while editing or adding a new popup and can check the Report of the popup.<\/p>\n<p>The Report will help you analyze how effective your popups are whats is the rate of user interaction that fetches. As a result, helping in the conversion of more customers.<\/p>\n<p>Moreover, the admin can check the\u00a0<strong>Views, Clicks,<\/strong> and <strong>Average Popup View Duration\u00a0<\/strong>in seconds.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-295901 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/Edit-Popup-Magento-Admin-1.png\" alt=\"Edit-Popup-Magento-Admin-1\" width=\"1894\" height=\"866\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/Edit-Popup-Magento-Admin-1.png 1894w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/Edit-Popup-Magento-Admin-1-300x137.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/Edit-Popup-Magento-Admin-1-1200x549.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/Edit-Popup-Magento-Admin-1-250x114.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/Edit-Popup-Magento-Admin-1-768x351.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/Edit-Popup-Magento-Admin-1-1536x702.png 1536w\" sizes=\"(max-width: 1894px) 100vw, 1894px\" loading=\"lazy\" \/><\/p>\n<div class=\"wk-index-wrap\">\n<h3 class=\"index-title\">Edit\/Delete Popup<\/h3>\n<\/div>\n<p>The admin has the option to edit or delete an existing pop-up as well. For this go to the\u00a0<strong>POPUP &gt; Popup\u00a0<\/strong>under the actions tab click to select and then Edit or Delete the popup as required.<\/p>\n<p>If the admin selects to edit a popup as shown below.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-372821 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/screenshot_from_2023_03_17_11_05_11-1.png\" alt=\"screenshot_from_2023_03_17_11_05_11-1\" width=\"1485\" height=\"789\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/screenshot_from_2023_03_17_11_05_11-1.png 1485w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/screenshot_from_2023_03_17_11_05_11-1-300x159.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/screenshot_from_2023_03_17_11_05_11-1-1200x638.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/screenshot_from_2023_03_17_11_05_11-1-250x133.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/screenshot_from_2023_03_17_11_05_11-1-768x408.png 768w\" sizes=\"(max-width: 1485px) 100vw, 1485px\" loading=\"lazy\" \/><\/p>\n<p>Further, on the Edit Popup page go to the\u00a0<strong>Layout\u00a0<\/strong>section under Popup information. after which, the admin can make the required changes and click <strong>Save.\u00a0<\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-289275 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/devmage.com_11158_admin_popup_popup_edit_id_1_key_e1a687768bc34377d7a0fc2a166941ffe233c35d13dc0e18f4791e5f0507c3b1_Webkul-store-1.png\" alt=\"Edit Popup page\" width=\"1115\" height=\"570\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/devmage.com_11158_admin_popup_popup_edit_id_1_key_e1a687768bc34377d7a0fc2a166941ffe233c35d13dc0e18f4791e5f0507c3b1_Webkul-store-1.png 1115w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/devmage.com_11158_admin_popup_popup_edit_id_1_key_e1a687768bc34377d7a0fc2a166941ffe233c35d13dc0e18f4791e5f0507c3b1_Webkul-store-1-300x153.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/devmage.com_11158_admin_popup_popup_edit_id_1_key_e1a687768bc34377d7a0fc2a166941ffe233c35d13dc0e18f4791e5f0507c3b1_Webkul-store-1-250x128.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/devmage.com_11158_admin_popup_popup_edit_id_1_key_e1a687768bc34377d7a0fc2a166941ffe233c35d13dc0e18f4791e5f0507c3b1_Webkul-store-1-768x393.png 768w\" sizes=\"(max-width: 1115px) 100vw, 1115px\" loading=\"lazy\" \/><\/p>\n<p>As a result, the below success message will be displayed to the admin.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-372813 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/screenshot_from_2023_03_17_11_05_11.png\" alt=\"screenshot_from_2023_03_17_11_05_11\" width=\"1485\" height=\"789\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/screenshot_from_2023_03_17_11_05_11.png 1485w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/screenshot_from_2023_03_17_11_05_11-300x159.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/screenshot_from_2023_03_17_11_05_11-1200x638.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/screenshot_from_2023_03_17_11_05_11-250x133.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/screenshot_from_2023_03_17_11_05_11-768x408.png 768w\" sizes=\"(max-width: 1485px) 100vw, 1485px\" loading=\"lazy\" \/><\/p>\n<div class=\"wk-index-wrap\">\n<h3 class=\"index-title\">Popup &#8211; Template<\/h3>\n<\/div>\n<p>The admin can go to the\u00a0<strong>POPUP &gt; Popup Template\u00a0<\/strong>to visit the list of all the added templates.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-372810 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/screenshot_from_2023_03_17_11_05_39.png\" alt=\"screenshot_from_2023_03_17_11_05_39\" width=\"1520\" height=\"758\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/screenshot_from_2023_03_17_11_05_39.png 1520w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/screenshot_from_2023_03_17_11_05_39-300x150.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/screenshot_from_2023_03_17_11_05_39-1200x598.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/screenshot_from_2023_03_17_11_05_39-250x125.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/screenshot_from_2023_03_17_11_05_39-768x383.png 768w\" sizes=\"(max-width: 1520px) 100vw, 1520px\" loading=\"lazy\" \/><\/p>\n<div class=\"wk-index-wrap\">\n<h3>Popup &#8211; Data<\/h3>\n<p class=\"mt-1 chat_message clearfix\" data-bind=\"nl2br:message\">After clicking on subscribe button popup data will show on the admin end.<\/p>\n<div data-bind=\"nl2br:message\"><img decoding=\"async\" class=\"alignnone size-full wp-image-372793\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/Bags-Gear-2-Newsletter-popup-1.webp\" alt=\"Bags-Gear-2-Newsletter-popup (1)\" width=\"1894\" height=\"866\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/Bags-Gear-2-Newsletter-popup-1.webp 1894w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/Bags-Gear-2-Newsletter-popup-1-300x137.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/Bags-Gear-2-Newsletter-popup-1-1200x549.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/Bags-Gear-2-Newsletter-popup-1-250x114.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/Bags-Gear-2-Newsletter-popup-1-768x351.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/Bags-Gear-2-Newsletter-popup-1-1536x702.webp 1536w\" sizes=\"(max-width: 1894px) 100vw, 1894px\" loading=\"lazy\" \/><\/div>\n<p>The admin can go to the\u00a0<strong>POPUP &gt; Popup Data <\/strong>to visit the list of all the added popup data.<img decoding=\"async\" class=\"alignnone size-full wp-image-372790\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/screenshot_from_2023_03_17_10_17_32.png\" alt=\"screenshot_from_2023_03_17_10_17_32\" width=\"1515\" height=\"801\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/screenshot_from_2023_03_17_10_17_32.png 1515w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/screenshot_from_2023_03_17_10_17_32-300x159.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/screenshot_from_2023_03_17_10_17_32-1200x634.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/screenshot_from_2023_03_17_10_17_32-250x132.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/screenshot_from_2023_03_17_10_17_32-768x406.png 768w\" sizes=\"(max-width: 1515px) 100vw, 1515px\" loading=\"lazy\" \/><\/p>\n<p><strong><span style=\"color: initial;\">Note: Popup Data works only for newsletter popup<\/span><\/strong><\/p>\n<h3><strong>Case 1 : Page Builder Enabled\u00a0<\/strong><\/h3>\n<p>In updated Magento version the admin can configure the template settings from <strong>Stores &gt; General &gt; Content Management<\/strong> &gt; Advance content tool enable the permission for page builder.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-310365\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/configuration_settings_stores_magento_admin__8_.png\" alt=\"configuration_settings_stores_magento_admin__8_\" width=\"1299\" height=\"669\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/configuration_settings_stores_magento_admin__8_.png 1299w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/configuration_settings_stores_magento_admin__8_-300x155.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/configuration_settings_stores_magento_admin__8_-1200x618.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/configuration_settings_stores_magento_admin__8_-250x129.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/configuration_settings_stores_magento_admin__8_-768x396.png 768w\" sizes=\"(max-width: 1299px) 100vw, 1299px\" loading=\"lazy\" \/><\/p>\n<h4>Add New Template-<\/h4>\n<p>The admin can click on the Add New button and create a template.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-310366\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/add_template_magento_admin.png\" alt=\"add_template_magento_admin\" width=\"1299\" height=\"669\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/add_template_magento_admin.png 1299w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/add_template_magento_admin-300x155.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/add_template_magento_admin-1200x618.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/add_template_magento_admin-250x129.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/add_template_magento_admin-768x396.png 768w\" sizes=\"(max-width: 1299px) 100vw, 1299px\" loading=\"lazy\" \/><\/p>\n<p><strong>Status: <\/strong>Enable the staus to display on the front end.<\/p>\n<p><strong>Description:\u00a0<\/strong>Here, the admin can add the description of the template.<\/p>\n<p><strong>HTML:\u00a0<\/strong>The admin is required to enter the HTML content for the layout of the template.\u00a0<\/p>\n<p><strong>CSS: <\/strong>The admin is to required to enter the CSS content for the layout of the template.<\/p>\n<h3>Case 2 : Page Builder Disabled\u00a0<\/h3>\n<p>If admin disable the page builder permission then following editor will work.<\/p>\n<h3 class=\"index-title\">Add New Template &#8211; Pop Up in Magento 2<\/h3>\n<\/div>\n<p>The admin can simply click on the\u00a0<strong>Add New\u00a0<\/strong>button and give input for the below fields.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-290482 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo4323037131.magento-demo.webkul.com_admin_popup_template_edit_id_1_key_6906663a47cc8659a1419107be6a12be27efc495658e0d0f65bede7993cfbacb_Webkul-store.png\" alt=\"Add New Template\" width=\"1120\" height=\"880\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo4323037131.magento-demo.webkul.com_admin_popup_template_edit_id_1_key_6906663a47cc8659a1419107be6a12be27efc495658e0d0f65bede7993cfbacb_Webkul-store.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo4323037131.magento-demo.webkul.com_admin_popup_template_edit_id_1_key_6906663a47cc8659a1419107be6a12be27efc495658e0d0f65bede7993cfbacb_Webkul-store-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo4323037131.magento-demo.webkul.com_admin_popup_template_edit_id_1_key_6906663a47cc8659a1419107be6a12be27efc495658e0d0f65bede7993cfbacb_Webkul-store-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo4323037131.magento-demo.webkul.com_admin_popup_template_edit_id_1_key_6906663a47cc8659a1419107be6a12be27efc495658e0d0f65bede7993cfbacb_Webkul-store-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/p>\n<p><strong>Name:\u00a0<\/strong>The admin can give a suitable name to the template design.<\/p>\n<p><strong>Enabled: <\/strong>From here the admin can enable\/disable the template.<\/p>\n<p><strong>Description:\u00a0<\/strong>Here, the admin can add the description of the template.<\/p>\n<p><strong>HTML:\u00a0<\/strong>The admin is required to enter the HTML content for the layout of the template.<\/p>\n<p><strong>CSS: <\/strong>The admin is to required to enter the CSS content for the layout of the template.<\/p>\n<p>As a result, when the admin saves the template below success message will be visible.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-290485 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo4323037131.magento-demo.webkul.com_admin_popup_template_index_key_9f510d35fec5746bb33decc094ac426932845f401f5d30d42ea2a95c44e97369_Webkul-store-2-1.png\" alt=\"description of the template.\" width=\"1120\" height=\"461\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo4323037131.magento-demo.webkul.com_admin_popup_template_index_key_9f510d35fec5746bb33decc094ac426932845f401f5d30d42ea2a95c44e97369_Webkul-store-2-1.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo4323037131.magento-demo.webkul.com_admin_popup_template_index_key_9f510d35fec5746bb33decc094ac426932845f401f5d30d42ea2a95c44e97369_Webkul-store-2-1-300x123.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo4323037131.magento-demo.webkul.com_admin_popup_template_index_key_9f510d35fec5746bb33decc094ac426932845f401f5d30d42ea2a95c44e97369_Webkul-store-2-1-250x103.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/magento-magento-addons2-demo4323037131.magento-demo.webkul.com_admin_popup_template_index_key_9f510d35fec5746bb33decc094ac426932845f401f5d30d42ea2a95c44e97369_Webkul-store-2-1-768x316.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/p>\n<p><strong>Note: <\/strong>The admin can even Edit\/Delete a Popup by selecting the <strong>Edit\/Delete<\/strong> button after clicking on the select button under the <strong>Action<\/strong>\u00a0tab.<\/p>\n<div class=\"wk-index-wrap\">\n<h3 class=\"index-title\">Different Popup Views &#8211; Frontend<\/h3>\n<\/div>\n<p>As soon as the user opens the frontend page based on the configurations done by the admin the popup will be visible to the customers as shown in the below pop-ups.<\/p>\n<div class=\"wk-index-wrap\">\n<h3 class=\"index-title\">Newsletter Pop-up Illustration<\/h3>\n<p>Below is a sample of the Newsletter pop up created by the admin which includes different input fields that can be added or removed by making changes in the custom template used.<\/p>\n<\/div>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-295895\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/Bags-Gear-2-Newsletter-popup.png\" alt=\"Bags-Gear-2-Newsletter-popup - Pop Up in Magento 2\" width=\"1894\" height=\"866\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/Bags-Gear-2-Newsletter-popup.png 1894w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/Bags-Gear-2-Newsletter-popup-300x137.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/Bags-Gear-2-Newsletter-popup-1200x549.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/Bags-Gear-2-Newsletter-popup-250x114.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/Bags-Gear-2-Newsletter-popup-768x351.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/Bags-Gear-2-Newsletter-popup-1536x702.png 1536w\" sizes=\"(max-width: 1894px) 100vw, 1894px\" loading=\"lazy\" \/><\/p>\n<div class=\"wk-index-wrap\">\n<h3 class=\"index-title\">Offer Popup\/Image Popup Illustration<\/h3>\n<\/div>\n<p>The store admin can also add the offer\/image pop-ups that can be added with an image added with the help of the template. These can be mostly used to promote or display ongoing offers using the pop-up.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-295903 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/Offer-image-pop-upBags-Gear.png\" alt=\"Offer-image-pop-upBags-Gear - Pop Up in Magento 2\" width=\"1894\" height=\"866\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/Offer-image-pop-upBags-Gear.png 1894w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/Offer-image-pop-upBags-Gear-300x137.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/Offer-image-pop-upBags-Gear-1200x549.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/Offer-image-pop-upBags-Gear-250x114.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/Offer-image-pop-upBags-Gear-768x351.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/Offer-image-pop-upBags-Gear-1536x702.png 1536w\" sizes=\"(max-width: 1894px) 100vw, 1894px\" loading=\"lazy\" \/><\/p>\n<div class=\"wk-index-wrap\">\n<h3 class=\"index-title\">Yes\/No Pop-up Illustration<\/h3>\n<\/div>\n<p>Now, easily get customer input using the Yes\/No pop-up. Moreover, the store admin can add images in the pop-up background using this pop-up.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-295919 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/yes_no_popup.png\" alt=\"yes_no_popup - Pop Up in Magento 2\" width=\"1920\" height=\"866\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/yes_no_popup.png 1920w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/yes_no_popup-300x135.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/yes_no_popup-1200x541.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/yes_no_popup-250x113.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/yes_no_popup-768x346.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/yes_no_popup-1536x693.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" loading=\"lazy\" \/><\/p>\n<h3 class=\"index-title\">Follow Us Pop-up Illustration<\/h3>\n<p>The follow us pop-up can be simply used by the store admin to promote the social media handles of their respective store.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-295938\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/Follow-us-pop-up-Bags-Gear.png\" alt=\"Follow-us-pop-up-Bags-Gear\" width=\"1920\" height=\"866\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/Follow-us-pop-up-Bags-Gear.png 1920w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/Follow-us-pop-up-Bags-Gear-300x135.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/Follow-us-pop-up-Bags-Gear-1200x541.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/Follow-us-pop-up-Bags-Gear-250x113.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/Follow-us-pop-up-Bags-Gear-768x346.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/Follow-us-pop-up-Bags-Gear-1536x693.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" loading=\"lazy\" \/><\/p>\n<div class=\"wk-index-wrap\">\n<h3 class=\"index-title\">Video Pop-up Illustration<\/h3>\n<\/div>\n<p>The below is a sample of the Video pop-up. It informs the customers that <b>the store uses videos for displaying offers<\/b>.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-322054 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/devmage.com_11362__ssh_port_7117.png\" alt=\"video popup\" width=\"1120\" height=\"880\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/devmage.com_11362__ssh_port_7117.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/devmage.com_11362__ssh_port_7117-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/devmage.com_11362__ssh_port_7117-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/devmage.com_11362__ssh_port_7117-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/p>\n<div class=\"wk-index-wrap\">\n<h3 class=\"index-title\">Video Details Popup Illustration<\/h3>\n<\/div>\n<p>The admin can add a button for the video details and user can check that and play it in another tab.\u00a0<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-322055 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/devmage.com_11362__ssh_port_7117-1.png\" alt=\"video go button\" width=\"1120\" height=\"880\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/devmage.com_11362__ssh_port_7117-1.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/devmage.com_11362__ssh_port_7117-1-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/devmage.com_11362__ssh_port_7117-1-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/devmage.com_11362__ssh_port_7117-1-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/p>\n<h3 class=\"index-title\">Cookies Pop-up Illustration<\/h3>\n<p>The below is a sample of the cookie pop-up. It informs the customers that <b>the store uses cookies and asks for cookie consent<\/b>.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-295940\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/Bags-Gear-2-cookies-popup.png\" alt=\"Bags-Gear-2-cookies-popup\" width=\"1920\" height=\"866\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/Bags-Gear-2-cookies-popup.png 1920w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/Bags-Gear-2-cookies-popup-300x135.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/Bags-Gear-2-cookies-popup-1200x541.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/Bags-Gear-2-cookies-popup-250x113.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/Bags-Gear-2-cookies-popup-768x346.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/Bags-Gear-2-cookies-popup-1536x693.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" loading=\"lazy\" \/><\/p>\n<p>That\u2019s all for the\u00a0<strong>Magento 2 (Adobe Commerce) pop-up builder.<\/strong>\u00a0If you still have any questions regarding the module please create a support ticket by clicking\u00a0<a href=\"https:\/\/webkul.uvdesk.com\/en\/customer\/create-ticket\/\">here<\/a>\u00a0or send an email to\u00a0<a href=\"mailto:support@webkul.com\">support@webkul.com<\/a><\/p>\n<p>Explore the\u00a0<a href=\"https:\/\/webkul.com\/adobe-commerce-cloud\/\" target=\"_blank\" rel=\"noreferrer noopener\" data-wpel-link=\"internal\">Adobe Commerce Cloud development services<\/a> by Webkul. You may also browse\u00a0our quality\u00a0<a href=\"https:\/\/store.webkul.com\/Magento-2.html\" target=\"_blank\" rel=\"noreferrer noopener\" data-wpel-link=\"internal\">Magento 2 extensions<\/a>.<\/p>\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Magento 2 Popup Builder module allows the store owner to create and send unlimited pop-up notifications for the e-commerce store. These pop-ups can be used for marketing purposes or to create awareness about new or popular products. The admin can create templates for creating different types of pop-ups and can select a particular template as <a href=\"https:\/\/webkul.com\/blog\/magento2-pop-up-builder\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":331,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[302],"tags":[11160,11159,2460,11163],"class_list":["post-288043","post","type-post","status-publish","format-standard","hentry","category-magento2","tag-display-popup-on-entry","tag-exit-popup","tag-magento-2","tag-show-popup-on-page-load"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>User Guide for Pop-Up Builder for Magento 2 Extension<\/title>\n<meta name=\"description\" content=\"Pop-up Builder for Magento 2 the store owners can display pop-up notifications to customers, Customize the layout, use different templates.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/magento2-pop-up-builder\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"User Guide for Pop-Up Builder for Magento 2 Extension\" \/>\n<meta property=\"og:description\" content=\"Pop-up Builder for Magento 2 the store owners can display pop-up notifications to customers, Customize the layout, use different templates.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/magento2-pop-up-builder\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-05-04T11:43:49+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-21T06:54:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2021\/04\/webkul-magento2-paytabs-sadad-payment-multilingual-2-1200x471.png\" \/>\n<meta name=\"author\" content=\"Neelesh Singh\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Neelesh Singh\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"19 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-pop-up-builder\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-pop-up-builder\/\"},\"author\":{\"name\":\"Neelesh Singh\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/4c045d59b1be4b2f91af35089cd2535e\"},\"headline\":\"User Guide for Pop-up Builder for Magento 2\",\"datePublished\":\"2021-05-04T11:43:49+00:00\",\"dateModified\":\"2025-07-21T06:54:46+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-pop-up-builder\/\"},\"wordCount\":2466,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-pop-up-builder\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2021\/04\/webkul-magento2-paytabs-sadad-payment-multilingual-2-1200x471.png\",\"keywords\":[\"display popup on entry\",\"exit popup\",\"Magento 2\",\"show popup on page load\"],\"articleSection\":[\"Magento2\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/magento2-pop-up-builder\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-pop-up-builder\/\",\"url\":\"https:\/\/webkul.com\/blog\/magento2-pop-up-builder\/\",\"name\":\"User Guide for Pop-Up Builder for Magento 2 Extension\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-pop-up-builder\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-pop-up-builder\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2021\/04\/webkul-magento2-paytabs-sadad-payment-multilingual-2-1200x471.png\",\"datePublished\":\"2021-05-04T11:43:49+00:00\",\"dateModified\":\"2025-07-21T06:54:46+00:00\",\"description\":\"Pop-up Builder for Magento 2 the store owners can display pop-up notifications to customers, Customize the layout, use different templates.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-pop-up-builder\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/magento2-pop-up-builder\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-pop-up-builder\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/04\/webkul-magento2-paytabs-sadad-payment-multilingual-2.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/04\/webkul-magento2-paytabs-sadad-payment-multilingual-2.png\",\"width\":1229,\"height\":482,\"caption\":\"webkul-magento2-paytabs-sadad-payment-multilingual-2\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-pop-up-builder\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"User Guide for Pop-up Builder for Magento 2\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/4c045d59b1be4b2f91af35089cd2535e\",\"name\":\"Neelesh Singh\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/4fa4026419e4f460984ec68842d594b3713d6f1847343c375ea68f5bf0a198bc?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/4fa4026419e4f460984ec68842d594b3713d6f1847343c375ea68f5bf0a198bc?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Neelesh Singh\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/neeleshsingh-bd217\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"User Guide for Pop-Up Builder for Magento 2 Extension","description":"Pop-up Builder for Magento 2 the store owners can display pop-up notifications to customers, Customize the layout, use different templates.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webkul.com\/blog\/magento2-pop-up-builder\/","og_locale":"en_US","og_type":"article","og_title":"User Guide for Pop-Up Builder for Magento 2 Extension","og_description":"Pop-up Builder for Magento 2 the store owners can display pop-up notifications to customers, Customize the layout, use different templates.","og_url":"https:\/\/webkul.com\/blog\/magento2-pop-up-builder\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2021-05-04T11:43:49+00:00","article_modified_time":"2025-07-21T06:54:46+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2021\/04\/webkul-magento2-paytabs-sadad-payment-multilingual-2-1200x471.png","type":"","width":"","height":""}],"author":"Neelesh Singh","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Neelesh Singh","Est. reading time":"19 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/magento2-pop-up-builder\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/magento2-pop-up-builder\/"},"author":{"name":"Neelesh Singh","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/4c045d59b1be4b2f91af35089cd2535e"},"headline":"User Guide for Pop-up Builder for Magento 2","datePublished":"2021-05-04T11:43:49+00:00","dateModified":"2025-07-21T06:54:46+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/magento2-pop-up-builder\/"},"wordCount":2466,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/magento2-pop-up-builder\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2021\/04\/webkul-magento2-paytabs-sadad-payment-multilingual-2-1200x471.png","keywords":["display popup on entry","exit popup","Magento 2","show popup on page load"],"articleSection":["Magento2"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/magento2-pop-up-builder\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/magento2-pop-up-builder\/","url":"https:\/\/webkul.com\/blog\/magento2-pop-up-builder\/","name":"User Guide for Pop-Up Builder for Magento 2 Extension","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/magento2-pop-up-builder\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/magento2-pop-up-builder\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2021\/04\/webkul-magento2-paytabs-sadad-payment-multilingual-2-1200x471.png","datePublished":"2021-05-04T11:43:49+00:00","dateModified":"2025-07-21T06:54:46+00:00","description":"Pop-up Builder for Magento 2 the store owners can display pop-up notifications to customers, Customize the layout, use different templates.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/magento2-pop-up-builder\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/magento2-pop-up-builder\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/magento2-pop-up-builder\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/04\/webkul-magento2-paytabs-sadad-payment-multilingual-2.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/04\/webkul-magento2-paytabs-sadad-payment-multilingual-2.png","width":1229,"height":482,"caption":"webkul-magento2-paytabs-sadad-payment-multilingual-2"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/magento2-pop-up-builder\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"User Guide for Pop-up Builder for Magento 2"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/4c045d59b1be4b2f91af35089cd2535e","name":"Neelesh Singh","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/4fa4026419e4f460984ec68842d594b3713d6f1847343c375ea68f5bf0a198bc?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4fa4026419e4f460984ec68842d594b3713d6f1847343c375ea68f5bf0a198bc?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Neelesh Singh"},"url":"https:\/\/webkul.com\/blog\/author\/neeleshsingh-bd217\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/288043","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/331"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=288043"}],"version-history":[{"count":63,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/288043\/revisions"}],"predecessor-version":[{"id":499959,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/288043\/revisions\/499959"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=288043"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=288043"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=288043"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}