{"id":59991,"date":"2023-08-22T08:37:03","date_gmt":"2023-08-22T02:37:03","guid":{"rendered":"https:\/\/hasthemes.com\/blog\/?p=59991"},"modified":"2026-03-09T15:00:46","modified_gmt":"2026-03-09T09:00:46","slug":"how-to-add-popup-in-wordpress","status":"publish","type":"post","link":"https:\/\/hasthemes.com\/blog\/how-to-add-popup-in-wordpress\/","title":{"rendered":"How to Add Popup in WordPress: A Step-by-Step Guide"},"content":{"rendered":"\n<p><strong>Quick Answer:<\/strong> To add a popup in WordPress, install a pop-up plugin like HT Mega or ShopLentor, enable the pop-up module, design your pop up with Elementor, then set display conditions (which pages) and triggers (time delay, scroll, or exit intent). This guide covers how to add popup in WordPress for general sites, WooCommerce stores, and newsletter\/subscription email collection \u2014 all in one place.<\/p>\n\n\n\n<p>Popups are one of the fastest ways to turn random visitors into subscribers, buyers, or leads on a WordPress site.&nbsp;<\/p>\n\n\n\n<p>When you know how to add popup in WordPress the right way, you can show targeted offers on blog posts, landing pages, and WooCommerce product pages without hurting user experience.&nbsp;<\/p>\n\n\n\n<p>In this guide, you will learn a simple, step\u2011by\u2011step process to create three high\u2011converting popups: a basic WordPress popup, a WooCommerce popup for store offers, and a newsletter\/subscription popup connected to your email tool.<\/p>\n\n\n\n<div class=\"wp-block-rank-math-toc-block\" id=\"rank-math-toc\"><h2>Table of Contents<\/h2><nav><ul><li><a href=\"#what-is-popup-in-wordpress\">What Is a WordPress Popup and Why Does It Matter?<\/a><ul><li><a href=\"#why-add-a-popup-to-your-word-press-or-woo-commerce-site\">Why Add a Popup to Your WordPress or WooCommerce Site?<\/a><\/li><li><a href=\"#ht-mega-elementor-addons\">HT Mega Elementor Addons<\/a><\/li><\/ul><\/li><li><a href=\"#why-use-a-popup-in-wordpress\">How to Add Popups in WordPress Site<\/a><ul><li><a href=\"#what-you-need\">What you need:<\/a><\/li><li><a href=\"#setup-for-adding-a-popup-in-wordpress\">Step 1 &#8211; Enable the Modal Widget in HT Mega<\/a><\/li><li><a href=\"#using-modal-popup-widget\">Step 2 &#8211; Open Your Page in Elementor and Add the Modal Widget<\/a><\/li><li><a href=\"#customizing-the-elements-of-modal-popup-widget\">Step 3 &#8211; Add Your Popup Content (Header, Body, Footer)<\/a><\/li><li><a href=\"#step-5-set-the-trigger-how-the-popup-opens\">Step 5 &#8211; Set the Trigger (How the Popup Opens)<\/a><ul><\/ul><\/li><\/ul><\/li><li><a href=\"#how-to-create-a-newsletter-or-subscription-popup-in-word-press\">How to Create a Newsletter or Subscription Popup in WordPress<\/a><ul><li><a href=\"#step-1-create-your-email-signup-form-and-copy-the-shortcode\">Step 1 &#8211; Create Your Email Signup Form and Copy the Shortcode<\/a><\/li><li><a href=\"#step-2-create-a-popup-template-in-shop-lentor-for-newsletter\">Step 2 &#8211; Create a Popup Template in ShopLentor (for Newsletter)<\/a><\/li><li><a href=\"#step-3-add-the-email-form-shortcode-inside-the-popup\">Step 3 &#8211; Add the Email Form Shortcode Inside the Popup<\/a><\/li><li><a href=\"#step-4-configure-newsletter-popup-triggers-and-frequency\">Step 4 &#8211; Configure Newsletter Popup Triggers and Frequency<\/a><\/li><li><a href=\"#step-5-test-the-full-signup-flow-end-to-end\">Step 5 &#8211; Test the Full Signup Flow End-to-End<\/a><\/li><\/ul><\/li><li><a href=\"#best-practices-for-high-converting-popups-in-2026-best-practices\">Best Practices for High-Converting Popups in 2026<\/a><ul><li><a href=\"#dos\">Do&#8217;s<\/a><\/li><li><a href=\"#donts\">Don&#8217;ts<\/a><\/li><\/ul><\/li><li><a href=\"#popup-types-at-a-glance-which-one-should-you-use\">Popup Types at a Glance: Which One Should You Use?<\/a><\/li><li><a href=\"#frequently-asked-questions\">Frequently Asked Questions<\/a><ul><li><a href=\"#faq-question-1692244113876\">Q: How do I add a popup in WordPress without coding?<\/a><\/li><li><a href=\"#faq-question-1692244123117\">Q: What is the easiest way to add popup in WordPress for beginners?<\/a><\/li><li><a href=\"#faq-question-1692244146653\">Q: How do I add a popup in WordPress that only shows on WooCommerce product pages?<\/a><\/li><li><a href=\"#faq-question-1692244162906\">Q: How do I create a newsletter popup in WordPress?<\/a><\/li><li><a href=\"#faq-question-1692244178065\">Q: Will popups hurt my WordPress site&#8217;s SEO in 2026?<\/a><\/li><li><a href=\"#faq-question-1692244192188\">Q: Can I add a popup in WordPress to collect both name and email?<\/a><\/li><li><a href=\"#faq-question-1692244215038\">Q: How many popups should I run at the same time on my WordPress site?<\/a><\/li><li><a href=\"#faq-question-1692244243701\">Q: How do I stop a popup from showing again after someone subscribes?<\/a><\/li><li><a href=\"#faq-question-1692244262214\">Q: Can I integrate popups with email marketing services?\u00a0<\/a><\/li><li><a href=\"#faq-question-1692244280355\">Q: Are there guidelines for using popups effectively?\u00a0<\/a><\/li><\/ul><\/li><li><a href=\"#conclusion\">Conclusion<\/a><\/li><\/ul><\/nav><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"what-is-popup-in-wordpress\">What Is a WordPress Popup and Why Does It Matter?<\/h2>\n\n\n\n<p>A WordPress popup is an overlay window that appears on top of your page content to present a targeted message \u2014 a coupon, a newsletter signup, an announcement, or a product offer. Knowing how to add popup in WordPress correctly means you can grow your email list, reduce cart abandonment, and boost sales without annoying visitors.<br><\/p>\n\n\n\n<p>A modal popup (sometimes called a &#8220;lightbox&#8221; or &#8220;modal window&#8221;) is a specific type of popup that locks focus on itself until the user takes action or dismisses it. WordPress popup builders and Elementor addons like HT Mega and ShopLentor both support modal popups natively.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"why-add-a-popup-to-your-word-press-or-woo-commerce-site\">Why Add a Popup to Your WordPress or WooCommerce Site?<\/h3>\n\n\n\n<p>If you&#8217;re aiming to expand your business and supercharge your conversion rate, pop-ups are the answer. They have been proven to be highly effective lead magnets. Here are some solid reason why to add pop-ups to your WordPress site:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Grow your email list:<\/strong> Newsletter and subscription popups convert passive visitors into subscribers.<\/li>\n\n\n\n<li><strong>Reduce cart abandonment:<\/strong> Show an exit-intent discount popup before WooCommerce shoppers leave.<\/li>\n\n\n\n<li><strong>Promote limited-time offers<\/strong>: Popups on product or category pages increase click-through to sale items.<\/li>\n\n\n\n<li><strong>Collect leads:<\/strong> Ask for name and email using a form embedded inside the popup.<\/li>\n\n\n\n<li><strong>Announce updates<\/strong>: Show a one-time popup about shipping changes, policy updates, or new product launches.<\/li>\n<\/ul>\n\n\n\n<p class=\"has-palette-color-5-background-color has-background\" style=\"padding-top:20px;padding-bottom:20px;font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.313), 18px);\">Recommended Blog for You:<br>\ud83d\udc49 <a href=\"https:\/\/hasthemes.com\/blog\/how-to-add-widgets-to-wordpress\/\">How to Add Widgets to WordPress: A Comprehensive Tutorial<\/a><br>\ud83d\udc49 <a href=\"https:\/\/hasthemes.com\/blog\/how-to-create-drop-down-menu-in-wordpress\/\">How to Create Drop Down Menu in Your WordPress Site: A Complete Guideline<\/a><br>\ud83d\udc49 <a href=\"https:\/\/hasthemes.com\/blog\/how-to-embed-videos-on-wordpress\/\">How to Embed Videos on WordPress: Step-By-Step Guide<\/a><br>\ud83d\udc49 <a href=\"https:\/\/hasthemes.com\/blog\/how-to-showcase-brand-logo-in-wordpress\/\">How to Showcase Brand Logo in WordPress: A Complete Guide<\/a><\/p>\n\n\n\n<div class=\"wp-block-group has-background is-layout-constrained wp-container-core-group-is-layout-db32e940 wp-block-group-is-layout-constrained\" style=\"border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;background:linear-gradient(45deg,rgb(177,50,134) 0%,rgb(94,44,162) 100%);padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)\">\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-e0082cf6 wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading has-text-align-center has-palette-color-8-color has-text-color has-link-color wp-elements-5734cc515f95bab8c541d59900670a94\">HT Mega Elementor Addons<\/h3>\n\n\n\n<p class=\"has-text-align-center\"><span style=\"color: var(--theme-palette-color-8, #ffffff);\" class=\"stk-highlight\">The ultimate Elementor page builder addons to build stunning websites.<\/span><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-vivid-red-color has-palette-color-8-background-color has-text-color has-background has-link-color has-text-align-center has-custom-font-size wp-element-button\" href=\"https:\/\/downloads.wordpress.org\/plugin\/ht-mega-for-elementor.zip\" style=\"border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--60);font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.313), 18px);\" target=\"_blank\" rel=\"noopener\">Download HT Mega for Free<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"why-use-a-popup-in-wordpress\">How to Add Popups in WordPress Site<\/h2>\n\n\n\n<p>The fastest way to add popup in WordPress is to use the <a href=\"https:\/\/wphtmega.com\/widget\/elementor-modal-widget\/\" target=\"_blank\" rel=\"noopener\">HT Mega Modal widget<\/a> inside Elementor. This method works on any WordPress page \u2014 blog posts, landing pages, or static pages \u2014 without needing a full popup builder setup.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"what-you-need\">What you need:<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>WordPress with Elementor installed (free version works).<\/li>\n\n\n\n<li>HT Mega \u2013 Absolute Addons for Elementor plugin installed and activated.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"setup-for-adding-a-popup-in-wordpress\">Step 1 &#8211; Enable the Modal Widget in HT Mega<\/h3>\n\n\n\n<p class=\"has-palette-color-5-background-color has-background\">Open your WordPress Dashboard.<\/p>\n\n\n\n<p class=\"has-palette-color-5-background-color has-background\">Navigate to HT Mega Addons \u2192 Settings \u2192 Elements.<\/p>\n\n\n\n<p class=\"has-palette-color-5-background-color has-background\">Scroll to find the Modal widget.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"406\" src=\"https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2023\/08\/enable-modal-popup-widget.png\" alt=\"Enable the Modal Popup Widget\" class=\"wp-image-60042\" srcset=\"https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2023\/08\/enable-modal-popup-widget.png 750w, https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2023\/08\/enable-modal-popup-widget-768x415.png 768w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><figcaption class=\"wp-element-caption\">Enable the Modal Popup Widget<\/figcaption><\/figure>\n\n\n\n<p class=\"has-palette-color-5-background-color has-background\">Toggle the switch ON to enable it.<\/p>\n\n\n\n<p class=\"has-palette-color-5-background-color has-background\">Click Save Settings.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"using-modal-popup-widget\">Step 2 &#8211; Open Your Page in Elementor and Add the Modal Widget<\/h3>\n\n\n\n<p>Once the Modal widget is enabled, you can utilize its powerful features.<\/p>\n\n\n\n<p class=\"has-palette-color-5-background-color has-background\">Go to Pages (or Posts) and open the page where you want to add popup in WordPress.<\/p>\n\n\n\n<p class=\"has-palette-color-5-background-color has-background\">Click Edit with Elementor.<\/p>\n\n\n\n<p class=\"has-palette-color-5-background-color has-background\">In the left panel widget search bar, type Modal.<\/p>\n\n\n\n<p class=\"has-palette-color-5-background-color has-background\">Look for the HT Mega Modal widget (it has the HT badge icon).<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"421\" src=\"https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2023\/08\/drag-and-drop-the-ht-mega-modal-widget.png\" alt=\"Drag and drop the HT Mega Modal widget onto your desired Page Template.\" class=\"wp-image-60043\" srcset=\"https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2023\/08\/drag-and-drop-the-ht-mega-modal-widget.png 750w, https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2023\/08\/drag-and-drop-the-ht-mega-modal-widget-768x431.png 768w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><figcaption class=\"wp-element-caption\">Drag and drop the HT Mega Modal widget onto your desired Page Template.<\/figcaption><\/figure>\n\n\n\n<p class=\"has-palette-color-5-background-color has-background\">Drag and drop it onto your page layout.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"customizing-the-elements-of-modal-popup-widget\">Step 3 &#8211; Add Your Popup Content (Header, Body, Footer)<\/h3>\n\n\n\n<p>With the Modal widget selected, configure the three content areas in the left panel:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"421\" src=\"https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2023\/08\/customize-the-modal-widget.png\" alt=\"Customize the Elements of Modal Popup Widget\" class=\"wp-image-60044\" srcset=\"https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2023\/08\/customize-the-modal-widget.png 750w, https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2023\/08\/customize-the-modal-widget-768x431.png 768w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><figcaption class=\"wp-element-caption\">Customize the Elements of Modal Popup Widget<\/figcaption><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Header: Add a short headline. Example: <em>&#8220;Wait \u2014 here&#8217;s a special offer for you!&#8221;<\/em><\/li>\n\n\n\n<li>Body: Add your main message. Keep it to 2\u20133 lines maximum. You can also paste a shortcode here for a form or embed an image.<\/li>\n\n\n\n<li>Footer (optional): Add a CTA button (e.g., &#8220;Claim My Discount&#8221; or &#8220;Subscribe Now&#8221;).<\/li>\n<\/ul>\n\n\n\n<p>Tips for effective pop-up copy:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Lead with the benefit, not a product name.<\/li>\n\n\n\n<li>Use action words in your button (Get, Claim, Subscribe, Try).<\/li>\n\n\n\n<li>Keep the pop-up body under 50 words for better readability.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-4-style-the-popup-to-match-your-brand\">Step 4 &#8211; Style the Popup to Match Your Brand<\/h3>\n\n\n\n<p>Switch to the Style tab in the HT Mega widget panel:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Set the modal box background (white works for most; use brand colors for seasonal offers).<\/li>\n\n\n\n<li>Adjust border radius for a softer or sharper look.<\/li>\n\n\n\n<li>Set typography for headline and body text.<\/li>\n\n\n\n<li>Choose the button color, hover state, and padding.<\/li>\n<\/ul>\n\n\n\n<p>Avoid heavy animations and large background images, these slow popup load time, which affects Core Web Vitals scores.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-5-set-the-trigger-how-the-popup-opens\">Step 5 &#8211; Set the Trigger (How the Popup Opens)<\/h3>\n\n\n\n<p>In the Settings tab of the Modal widget, choose your trigger:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td><strong>Trigger type<\/strong><\/td><td><strong>When to use it<\/strong><\/td><\/tr><tr><td>Button click<\/td><td>Most common; user clicks a text or image button<\/td><\/tr><tr><td>On page load<\/td><td>Announcements: use a time delay (5\u201310 seconds recommended)<\/td><\/tr><tr><td>Exit intent<\/td><td>Discount offers just before the user leaves<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>Set a cookie duration if the option is available, so the popup does not show every single visit to the same user.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"video-presentation-how-to-use-modal-widget-using-ht-mega\">Video Presentation on How to Use the Modal Widget Using HT Mega<\/h4>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"How to use Modal Widget using HT Mega Elementor Addon | Part 9\" width=\"1290\" height=\"726\" src=\"https:\/\/www.youtube.com\/embed\/-_88dzpDdzU?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><figcaption class=\"wp-element-caption\">How to use the Modal Widget using HT Mega<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"how-to-add-popup-in-woocommerce-store-using-shoplentor\">How to Add Popup in WooCommerce Store (ShopLentor Method)&nbsp;<\/h2>\n\n\n\n<p>If you want to add popup in WordPress specifically for a WooCommerce store, targeting product pages, cart pages, or specific product categories &#8211; ShopLentor&#8217;s Popup Builder module is the right tool. It allows store-specific conditions that HT Mega&#8217;s basic modal does not cover.<\/p>\n\n\n\n<p>Let&#8217;s learn how to add popups in WooCommerce with ShopLentor!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"what-you-need-1\">What you need:<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>WooCommerce is installed and active.<\/li>\n\n\n\n<li>ShopLentor plugin installed and activated (free version available).<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"install-and-activate-shoplentor\">Step 1 &#8211; Install and Activate ShopLentor<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"408\" src=\"https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2024\/02\/install-and-activate-the-shoplentor-plugin.png\" alt=\"Install and Activate the Shoplentor Plugin\" class=\"wp-image-63254\" srcset=\"https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2024\/02\/install-and-activate-the-shoplentor-plugin.png 750w, https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2024\/02\/install-and-activate-the-shoplentor-plugin-577x314.png 577w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><figcaption class=\"wp-element-caption\">Install and Activate the Plugin<\/figcaption><\/figure>\n\n\n\n<p class=\"has-palette-color-5-background-color has-background\">Go to Plugins \u2192 Add New in WordPress.<\/p>\n\n\n\n<p class=\"has-palette-color-5-background-color has-background\">Search for ShopLentor.<\/p>\n\n\n\n<p class=\"has-palette-color-5-background-color has-background\">Click Install Now, then Activate.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-2-enable-the-popup-builder-module-in-shop-lentor\">Step 2 &#8211; Enable the Popup Builder Module in ShopLentor<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"282\" src=\"https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2025\/01\/navigate-to-the-popup-builder1.png\" alt=\"Enable the Popup Builder Module\" class=\"wp-image-66163\" srcset=\"https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2025\/01\/navigate-to-the-popup-builder1.png 750w, https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2025\/01\/navigate-to-the-popup-builder1-768x288.png 768w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><figcaption class=\"wp-element-caption\">Enable the Popup Builder Module<\/figcaption><\/figure>\n\n\n\n<p class=\"has-palette-color-5-background-color has-background\">In your WordPress Dashboard, go to ShopLentor \u2192 Settings.<\/p>\n\n\n\n<p class=\"has-palette-color-5-background-color has-background\">Click the Modules tab.<\/p>\n\n\n\n<p class=\"has-palette-color-5-background-color has-background\">Find Popup Builder in the list.<\/p>\n\n\n\n<p class=\"has-palette-color-5-background-color has-background\">Toggle it ON (Enabled).<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"628\" src=\"https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2025\/01\/enable-the-popup-builder-1200x628.png\" alt=\"Enable the Popup Builder\" class=\"wp-image-66162\" srcset=\"https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2025\/01\/enable-the-popup-builder-1200x628.png 1200w, https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2025\/01\/enable-the-popup-builder-600x314.png 600w, https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2025\/01\/enable-the-popup-builder-286x150.png 286w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><figcaption class=\"wp-element-caption\">Enable the Popup Builder<\/figcaption><\/figure>\n\n\n\n<p class=\"has-palette-color-5-background-color has-background\">Click Save Changes.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"go-to-shoplentor-setting\">Step 3 &#8211; Create a New Popup Template<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"719\" src=\"https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2023\/01\/go-to-template-builder.png\" alt=\"Create a New Popup\" class=\"wp-image-55313\" srcset=\"https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2023\/01\/go-to-template-builder.png 750w, https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2023\/01\/go-to-template-builder-768x736.png 768w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><figcaption class=\"wp-element-caption\">Create a New Popup<\/figcaption><\/figure>\n\n\n\n<p class=\"has-palette-color-5-background-color has-background\">Go to ShopLentor \u2192 Template Builder.<\/p>\n\n\n\n<p class=\"has-palette-color-5-background-color has-background\">Click Add New (top right).<\/p>\n\n\n\n<p class=\"has-palette-color-5-background-color has-background\">In the dialog box, set:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"505\" src=\"https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2025\/01\/enter-necessary-inofrmation.png\" alt=\"Enter information of your popup\" class=\"wp-image-66166\" srcset=\"https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2025\/01\/enter-necessary-inofrmation.png 750w, https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2025\/01\/enter-necessary-inofrmation-768x517.png 768w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><figcaption class=\"wp-element-caption\">Enter the information for your pop-up<\/figcaption><\/figure>\n\n\n\n<p class=\"has-palette-color-5-background-color has-background\">Template Name: something clear (e.g., &#8220;WooCommerce Cart Offer Popup&#8221;).<\/p>\n\n\n\n<p class=\"has-palette-color-5-background-color has-background\">Template Type: select Popup.<\/p>\n\n\n\n<p class=\"has-palette-color-5-background-color has-background\">Editor: select Elementor.<\/p>\n\n\n\n<p class=\"has-palette-color-5-background-color has-background\">Click Edit Template to open Elementor.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"enable-popup-module\">Step 4 &#8211; Design the WooCommerce Popup in Elementor<\/h3>\n\n\n\n<p>Keep the WooCommerce popup focused on a single conversion goal:<\/p>\n\n\n\n<p>Recommended layout for a WooCommerce promo popup:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Row 1: Headline \u2014 &#8220;Get 10% Off Your Order Today&#8221;<\/li>\n\n\n\n<li>Row 2: 1\u20132 lines of supporting text \u2014 &#8220;Use code SAVE10 at checkout. Valid this week only.&#8221;<\/li>\n\n\n\n<li>Row 3: CTA Button \u2014 &#8220;Shop Now&#8221; or &#8220;Copy Code&#8221;<\/li>\n\n\n\n<li>Optional: A small product image or icon (keep file size under 50KB).<\/li>\n<\/ul>\n\n\n\n<p>Avoid overcrowding the popup with too many choices \u2014 one clear offer converts better than three mixed messages.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"customize-popup-module\"><strong>Step 5 &#8211; Configure Popup Settings: Conditions, Triggers, and Behavior<\/strong><\/h3>\n\n\n\n<p>After designing the layout, open the Popup Settings panel in ShopLentor.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"a-conditions-where-the-popup-appears\"><strong>A) Conditions \u2014 Where the popup appears<\/strong><\/h4>\n\n\n\n<p>Control which WooCommerce pages show this popup:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td><strong>Condition<\/strong><\/td><td><strong>Example use case<\/strong><\/td><\/tr><tr><td>All pages<\/td><td>Sitewide announcement (use sparingly)<\/td><\/tr><tr><td>WooCommerce pages<\/td><td>Show on all store pages<\/td><\/tr><tr><td>Product pages only<\/td><td>Show on individual product detail pages<\/td><\/tr><tr><td>Product category<\/td><td>Show only on &#8220;Sale&#8221; or &#8220;New Arrivals&#8221; category<\/td><\/tr><tr><td>Cart page<\/td><td>Show a cart-abandonment offer<\/td><\/tr><tr><td>Checkout page<\/td><td>Use only for critical messages (avoid distracting at payment step)<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"b-triggers-when-the-popup-appears\"><strong>B) Triggers \u2014 When the popup appears<\/strong><\/h4>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td><strong>Trigger<\/strong><\/td><td><strong>Best for<\/strong><\/td><\/tr><tr><td>Time delay (5\u201310 sec)<\/td><td>Promo offers; let users browse first<\/td><\/tr><tr><td>Scroll percentage<\/td><td>Engagement-based; shows mid-content<\/td><\/tr><tr><td>Exit intent<\/td><td>Discount or last-chance offer before leaving (desktop)<\/td><\/tr><tr><td>Page load<\/td><td>Urgent announcements only<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"c-display-behavior\"><strong>C) Display Behavior<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Enable close button \u2014 always.<\/li>\n\n\n\n<li>ESC key to close \u2014 always.<\/li>\n\n\n\n<li>Overlay click to close \u2014 recommended.<\/li>\n\n\n\n<li>Disable page scroll \u2014 avoid unless absolutely necessary; it harms UX.<\/li>\n\n\n\n<li>Show once per session \u2014 prevents showing every page view.<\/li>\n<\/ul>\n\n\n\n<p>[Screenshot: ShopLentor Popup Settings \u2192 Conditions \/ Triggers \/ Behavior tabs]<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-6-save-and-publish-the-woo-commerce-popup\">Step 6 &#8211; Save and Publish the WooCommerce Popup<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click Save Settings in the Popup Settings panel.<\/li>\n\n\n\n<li>Click Publish in Elementor.<\/li>\n\n\n\n<li>Test in incognito mode:\n<ul class=\"wp-block-list\">\n<li>Visit the target page (product\/category\/cart).<\/li>\n\n\n\n<li>Confirm the popup appears at the right trigger.<\/li>\n\n\n\n<li>Confirm it is fully visible and functional on mobile.<\/li>\n\n\n\n<li>Confirm it closes correctly.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"How to Add Popup in WooCommerce Store using ShopLentor Popup Builder Module\" width=\"1290\" height=\"726\" src=\"https:\/\/www.youtube.com\/embed\/XmIcc3PgMkA?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><figcaption class=\"wp-element-caption\">How to Add Popup in a WooCommerce Store using ShopLentor<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"how-to-create-a-newsletter-or-subscription-popup-in-word-press\">How to Create a Newsletter or Subscription Popup in WordPress<\/h2>\n\n\n\n<p id=\"a-newsletter-popup-and-a-subscription-popup-in-word-press-serve-the-same-goal-capture-email-addresses-and-add-them-to-a-mailing-list-the-cleanest-method-to-add-this-type-of-popup-in-word-press-is\">A newsletter popup and a subscription popup in WordPress serve the same goal: capture email addresses and add them to a mailing list. The cleanest method to add this type of popup in WordPress is:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-1-create-your-email-signup-form-and-copy-the-shortcode\">Step 1 &#8211; Create Your Email Signup Form and Copy the Shortcode<\/h3>\n\n\n\n<p>Your <a href=\"https:\/\/hasthemes.com\/blog\/best-woocommerce-email-marketing-plugins\/\">email marketing plugin<\/a> (FluentCRM, Mailchimp for WordPress, MailPoet, etc.) will generate a form shortcode.<\/p>\n\n\n\n<p>Example using FluentCRM:<\/p>\n\n\n\n<p class=\"has-palette-color-5-background-color has-background\">Install and activate FluentCRM.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"628\" src=\"https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2025\/01\/go-to-contacts-in-fluent-crm-1200x628.png\" alt=\"Go to Contents in Fluent CRM\" class=\"wp-image-66262\" srcset=\"https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2025\/01\/go-to-contacts-in-fluent-crm-1200x628.png 1200w, https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2025\/01\/go-to-contacts-in-fluent-crm-600x314.png 600w, https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2025\/01\/go-to-contacts-in-fluent-crm-286x150.png 286w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<p class=\"has-palette-color-5-background-color has-background\">Click&nbsp;<strong>Lists or Tags<\/strong>&nbsp;to begin creating them.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"280\" src=\"https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2025\/01\/click-on-the-list.png\" alt=\"Click on the Lists\" class=\"wp-image-66263\" srcset=\"https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2025\/01\/click-on-the-list.png 750w, https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2025\/01\/click-on-the-list-768x286.png 768w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<p class=\"has-palette-color-5-background-color has-background\"><strong>To create a List<\/strong>: Click \u201cCreate List.\u201d<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"234\" src=\"https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2025\/01\/create-list.png\" alt=\"Click on Create List\" class=\"wp-image-66264\" srcset=\"https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2025\/01\/create-list.png 750w, https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2025\/01\/create-list-768x239.png 768w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<p class=\"has-palette-color-5-background-color has-background\">Enter a title, slug, and optional internal subtitle. Click \u201cCreate.\u201d<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"222\" src=\"https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2025\/01\/add-title-of-the-tag.png\" alt=\"Enter a title, slug, and optional internal subtitle\" class=\"wp-image-66267\" srcset=\"https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2025\/01\/add-title-of-the-tag.png 750w, https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2025\/01\/add-title-of-the-tag-768x227.png 768w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><figcaption class=\"wp-element-caption\">Enter a title, slug, and optional internal subtitle<\/figcaption><\/figure>\n\n\n\n<p class=\"has-palette-color-5-background-color has-background\"><strong>To create a Tag:<\/strong> Click \u201cCreate Tag.\u201d<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"223\" src=\"https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2025\/01\/click-on-the-create-tag.png\" alt=\"Click on the &quot;Create Tag&quot;\" class=\"wp-image-66266\" srcset=\"https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2025\/01\/click-on-the-create-tag.png 750w, https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2025\/01\/click-on-the-create-tag-768x228.png 768w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<p class=\"has-palette-color-5-background-color has-background\">Add a title, slug, and optional subtitle. Click \u201cCreate.\u201d<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"222\" src=\"https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2025\/01\/add-title-of-the-tag.png\" alt=\"Add Title of the Tag\" class=\"wp-image-66267\" srcset=\"https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2025\/01\/add-title-of-the-tag.png 750w, https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2025\/01\/add-title-of-the-tag-768x227.png 768w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<p class=\"has-palette-color-5-background-color has-background\">To create Subscription Form: Navigate to&nbsp;<strong>Forms<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"628\" src=\"https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2025\/01\/navigate-to-the-form-1200x628.png\" alt=\"Navigate to the form\" class=\"wp-image-66268\" srcset=\"https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2025\/01\/navigate-to-the-form-1200x628.png 1200w, https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2025\/01\/navigate-to-the-form-600x314.png 600w, https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2025\/01\/navigate-to-the-form-286x150.png 286w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><figcaption class=\"wp-element-caption\">Navigate to Forms<\/figcaption><\/figure>\n\n\n\n<p class=\"has-palette-color-5-background-color has-background\">and click \u201cCreate a New Form.\u201d<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"213\" src=\"https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2025\/01\/create-a-new-form.png\" alt=\"Create a New Form\" class=\"wp-image-66269\" srcset=\"https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2025\/01\/create-a-new-form.png 750w, https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2025\/01\/create-a-new-form-768x218.png 768w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<p class=\"has-palette-color-5-background-color has-background\">Select a pre-built template or start fresh.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"458\" src=\"https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2025\/01\/configure-form-title-list-tag.png\" alt=\"Configure Form Title List Tag\" class=\"wp-image-66271\" srcset=\"https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2025\/01\/configure-form-title-list-tag.png 750w, https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2025\/01\/configure-form-title-list-tag-768x468.png 768w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><figcaption class=\"wp-element-caption\">Enter the form title and assign it to a List<\/figcaption><\/figure>\n\n\n\n<p class=\"has-palette-color-5-background-color has-background\">Enter the form title and assign it to a List and Tags you\u2019ve created.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"628\" src=\"https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2025\/01\/copy-the-short-code-1200x628.png\" alt=\"Copy the Short Code\" class=\"wp-image-66272\" srcset=\"https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2025\/01\/copy-the-short-code-1200x628.png 1200w, https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2025\/01\/copy-the-short-code-600x314.png 600w, https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2025\/01\/copy-the-short-code-286x150.png 286w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<p class=\"has-palette-color-5-background-color has-background\">Copy that shortcode. Once your form is ready, copy its shortcode. It will look like this: <\/p>\n\n\n\n<p><strong>Add the Form to Your Popup<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"628\" src=\"https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2025\/01\/add-shortcode-1200x628.png\" alt=\"Add Shortcode\" class=\"wp-image-66273\" srcset=\"https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2025\/01\/add-shortcode-1200x628.png 1200w, https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2025\/01\/add-shortcode-600x314.png 600w, https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2025\/01\/add-shortcode-286x150.png 286w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><figcaption class=\"wp-element-caption\">Add Shortcode<\/figcaption><\/figure>\n\n\n\n<p class=\"has-palette-color-5-background-color has-background\">Open the ShopLentor popup template editor. Paste the shortcode you copied from FluentCRM into the pop-up content area.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-2-create-a-popup-template-in-shop-lentor-for-newsletter\">Step 2 &#8211; Create a Popup Template in ShopLentor (for Newsletter)<\/h3>\n\n\n\n<p>Follow Steps 1\u20133 from the WooCommerce popup section to:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"628\" src=\"https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2025\/01\/click-on-the-edit-with-elementor-1200x628.png\" alt=\"Click on the Edit with Elementor\" class=\"wp-image-66168\" srcset=\"https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2025\/01\/click-on-the-edit-with-elementor-1200x628.png 1200w, https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2025\/01\/click-on-the-edit-with-elementor-600x314.png 600w, https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2025\/01\/click-on-the-edit-with-elementor-286x150.png 286w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Install ShopLentor.<\/li>\n\n\n\n<li>Go to ShopLentor \u2192 Template Builder<\/li>\n\n\n\n<li>&nbsp;Click \u201cAdd New Template\u201d<\/li>\n\n\n\n<li>Go to template setting an<\/li>\n\n\n\n<li>Create a new Popup template named &#8220;Newsletter Signup Popup.&#8221;<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-3-add-the-email-form-shortcode-inside-the-popup\">Step 3 &#8211; Add the Email Form Shortcode Inside the Popup<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>In Elementor (editing the newsletter popup template):\n<ul class=\"wp-block-list\">\n<li>Add a Shortcode widget (standard Elementor widget).<\/li>\n\n\n\n<li>Paste your email form shortcode (e.g., [fluentcrm_form id=&#8221;1&#8243;]) into the shortcode field.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Add a short headline above the shortcode widget (e.g., <em>&#8220;Join 5,000+ subscribers \u2014 get weekly WordPress tips&#8221;<\/em>).<\/li>\n\n\n\n<li>Add a small privacy note below the form (e.g., <em>&#8220;No spam. Unsubscribe any time.&#8221;<\/em>) \u2014 this increases conversion trust.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-4-configure-newsletter-popup-triggers-and-frequency\">Step 4 &#8211; Configure Newsletter Popup Triggers and Frequency<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"362\" src=\"https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2025\/01\/trigger-settings.png\" alt=\"Configure Popup\" class=\"wp-image-66182\" srcset=\"https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2025\/01\/trigger-settings.png 750w, https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2025\/01\/trigger-settings-768x370.png 768w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><figcaption class=\"wp-element-caption\">Configure Popup<\/figcaption><\/figure>\n\n\n\n<p>Newsletter popups work best when visitors have spent some time on the page. <\/p>\n\n\n\n<p>Recommended settings:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td><strong>Setting<\/strong><\/td><td><strong>Recommended value<\/strong><\/td><\/tr><tr><td>Trigger<\/td><td>Time delay (8\u201312 seconds) OR scroll 40\u201350%<\/td><\/tr><tr><td>Exit intent<\/td><td>Great for blog posts and product pages<\/td><\/tr><tr><td>Cookie duration<\/td><td>7\u201330 days (don&#8217;t show again to recent subscribers)<\/td><\/tr><tr><td>Show frequency<\/td><td>Once per session minimum<\/td><\/tr><tr><td>Exclude pages<\/td><td>Checkout, Thank You, existing subscriber pages (if detectable)<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-5-test-the-full-signup-flow-end-to-end\">Step 5 &#8211; Test the Full Signup Flow End-to-End<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"628\" src=\"https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2025\/01\/your-popup-1200x628.png\" alt=\"Your Popup\" class=\"wp-image-66186\" srcset=\"https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2025\/01\/your-popup-1200x628.png 1200w, https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2025\/01\/your-popup-600x314.png 600w, https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2025\/01\/your-popup-286x150.png 286w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<p>Before going live, run a full test:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Open the target page in incognito mode.<\/li>\n\n\n\n<li>Wait for the popup trigger (or scroll to the threshold).<\/li>\n\n\n\n<li>Enter a test email address and submit the form.<\/li>\n\n\n\n<li>Confirm:\n<ul class=\"wp-block-list\">\n<li>The success message appears (&#8220;Thank you for subscribing!&#8221;).<\/li>\n\n\n\n<li>The test email appears in FluentCRM (or your email tool) with the correct tag\/list.<\/li>\n\n\n\n<li>The popup closes after submission (or shows a thank-you state).<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Test on mobile, confirm form fields are readable, and the submit button is easily tappable.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"best-practices-for-high-converting-popups-in-2026-best-practices\"><strong>Best Practices for High-Converting Popups in 2026<\/strong><\/h2>\n\n\n\n<p>Learning how to add popup in WordPress is only half the job. The second half is making sure those popups <em>actually work<\/em> \u2014 and don&#8217;t drive visitors away.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"dos\">Do&#8217;s<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>One offer per pop-up. A single clear CTA always outperforms a cluttered popup with multiple actions.<\/li>\n\n\n\n<li>Use benefit-focused headlines. &#8220;Get 10% off&#8221; &gt; &#8220;Subscribe to our newsletter.&#8221;<\/li>\n\n\n\n<li>Set frequency limits. Show the pop-up at most once per session; use a cookie to suppress it for 7\u201330 days after dismissal.<\/li>\n\n\n\n<li>Target the right pages. Product pages, blog posts, and landing pages are ideal. Checkout pages should almost always be excluded.<\/li>\n\n\n\n<li>Test two versions. Alternate between two different headlines or offer types for 2\u20134 weeks and keep the better performer.<\/li>\n\n\n\n<li>Add a privacy note. &#8220;We respect your privacy. Unsubscribe any time.&#8221; visibly increases signup rates.<\/li>\n\n\n\n<li>Keep forms minimal. An email address is enough for a newsletter pop-up. Add name only if you need personalization.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"donts\">Don&#8217;ts<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Never block mobile screens entirely. Google penalizes sites with intrusive interstitials on mobile (this is a confirmed ranking factor).<\/li>\n\n\n\n<li>Don&#8217;t hide the close button. Making it hard to close increases bounce rate, not conversions.<\/li>\n\n\n\n<li>Don&#8217;t show popups on first page load immediately. Give visitors at least 5\u20138 seconds or let them scroll first.<\/li>\n\n\n\n<li>Don&#8217;t ignore Core Web Vitals. Heavy popup scripts, large images, or layout-shifting popups hurt LCP, INP, and CLS scores \u2014 all of which directly affect Google rankings in 2026.<\/li>\n\n\n\n<li>Don&#8217;t run multiple popups simultaneously. If a visitor could see 3 different popups on one page, your popup strategy needs simplification.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"popup-types-at-a-glance-which-one-should-you-use\">Popup Types at a Glance: Which One Should You Use?<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td><strong>Popup Type<\/strong><\/td><td><strong>Best Plugin\/Widget<\/strong><\/td><td><strong>Best Trigger<\/strong><\/td><td><strong>Best Used On<\/strong><\/td><td><strong>Main Goal<\/strong><\/td><\/tr><tr><td>Basic modal popup<\/td><td>HT Mega Modal widget<\/td><td>Button click or time delay<\/td><td>Blog posts, landing pages<\/td><td>Announcements, simple CTAs<\/td><\/tr><tr><td>WooCommerce promo popup<\/td><td>ShopLentor Popup Builder<\/td><td>Scroll or time delay<\/td><td>Product pages, category pages, cart<\/td><td>Coupons, offers, sales<\/td><\/tr><tr><td>Newsletter subscription popup<\/td><td>ShopLentor + email tool form<\/td><td>Time delay (8\u201312 sec) or scroll 40%<\/td><td>High-traffic blog posts, homepage<\/td><td>Email list growth<\/td><\/tr><tr><td>Exit intent popup<\/td><td>ShopLentor Popup Builder<\/td><td>Exit intent<\/td><td>Product pages, blog posts (desktop)<\/td><td>Cart abandonment, last-chance offer<\/td><\/tr><tr><td>Announcement popup<\/td><td>HT Mega or ShopLentor<\/td><td>Page load<\/td><td>Site-wide or specific landing pages<\/td><td>Policy updates, shipping notices<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"frequently-asked-questions\">Frequently Asked Questions<\/h2>\n\n\n<div id=\"rank-math-faq\" class=\"rank-math-block\">\n<div class=\"rank-math-list \">\n<div id=\"faq-question-1692244113876\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Q: How do I add a popup in WordPress without coding?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>To add popup in WordPress without writing any code, install a visual popup builder plugin like HT Mega or ShopLentor, enable the popup module, and design your popup using Elementor&#8217;s drag-and-drop editor. Set your conditions and triggers in the plugin settings and publish \u2014 no code required at any step.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1692244123117\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Q: What is the easiest way to add popup in WordPress for beginners?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>The easiest way to add popup in WordPress is to use the HT Mega Modal widget inside Elementor. Install HT Mega, enable the Modal element, drag it onto your page in Elementor, add your content, and choose a trigger (button click or time delay). The entire setup takes under 10 minutes.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1692244146653\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Q: How do I add a popup in WordPress that only shows on WooCommerce product pages?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Use ShopLentor&#8217;s Popup Builder module. After creating your popup template, open Popup Settings and under Conditions, select &#8220;Product Pages&#8221; or a specific product category. This limits the popup to only those WooCommerce pages so it does not disrupt browsing elsewhere.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1692244162906\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Q: How do I create a newsletter popup in WordPress?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>To create a newsletter popup in WordPress: <br \/>(1) Create an email signup form in your email tool (FluentCRM, Mailchimp, etc.) and copy its shortcode. <br \/>(2) Create a popup template in ShopLentor. <br \/>(3) Add a Shortcode widget inside the popup and paste the form shortcode. <br \/>(4) Set a time delay or scroll trigger and configure cookie duration so it does not repeat. <br \/>(5) Test end-to-end: submit a test email and confirm it appears in your email tool.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1692244178065\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Q: Will popups hurt my WordPress site&#8217;s SEO in 2026?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Popups can hurt SEO if they block the main content on mobile (Google&#8217;s intrusive interstitial penalty), if they cause layout shift (CLS), or if they slow down the page (LCP\/INP). Well-coded, lightweight popups with proper delay triggers and a visible close button do not harm rankings. Follow the best practices section above to stay on the safe side.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1692244192188\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Q: Can I add a popup in WordPress to collect both name and email?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Yes. In your email tool&#8217;s form builder (e.g., FluentCRM), add a &#8220;First Name&#8221; field alongside the email field before generating the shortcode. Paste the updated shortcode inside your ShopLentor popup template. Keep it to two fields only &#8211; longer forms typically have lower conversion rates.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1692244215038\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Q: How many popups should I run at the same time on my WordPress site?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>As a rule, run one active popup per &#8220;zone&#8221; \u2014 one sitewide newsletter popup, one product-page offer popup, and one cart popup. Running more than 2\u20133 popup campaigns simultaneously increases the chance of popup conflicts and visitor frustration. Quality and targeting matter more than volume.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1692244243701\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Q: How do I stop a popup from showing again after someone subscribes?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Use the cookie duration setting in your popup builder to prevent the popup from reappearing for 7\u201330 days after a user dismisses or submits it. Some advanced setups also allow hiding the popup for users who are already logged in or who have already submitted the form, check your popup plugin&#8217;s advanced settings for these options.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1692244262214\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Q: Can I integrate popups with email marketing services?\u00a0<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Yes, many WordPress popup plugins allow integration with popular email marketing services. This enables you to seamlessly capture email addresses and automatically add subscribers to your email lists.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1692244280355\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Q: Are there guidelines for using popups effectively?\u00a0<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Yes, effective use of popups involves factors like clear messaging, attractive design, proper timing, easy close options, and respecting user preferences. A well-balanced approach can enhance user engagement.<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusion\">Conclusion<\/h2>\n\n\n\n<p>As we come to a close, it&#8217;s worth recapping the importance and benefits of using popups on your <a href=\"https:\/\/hasthemes.com\/blog\/how-to-design-a-wordpress-site\/\">WordPress site<\/a>. First and foremost, popups can help you grow your email list and capture leads. They can also be used to announce promotions, showcase new products, or encourage visitors to take specific action.&nbsp;<\/p>\n\n\n\n<p>Whether you&#8217;re using a simple WordPress popup form or a more complex design, the key is to make it eye-catching and engaging. By harnessing the power of popups, you can better connect with your audience and achieve your goals.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Quick Answer: To add a popup in WordPress, install a pop-up plugin like HT Mega or ShopLentor, enable the pop-up module, design your pop up with Elementor, then set display conditions (which pages) and triggers (time delay, scroll, or exit intent). This guide covers how to add popup in WordPress for general sites, WooCommerce stores, [&hellip;]<\/p>\n","protected":false},"author":28,"featured_media":70803,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[39],"tags":[118],"class_list":["post-59991","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-wordpress"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/hasthemes.com\/blog\/wp-json\/wp\/v2\/posts\/59991","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hasthemes.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hasthemes.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hasthemes.com\/blog\/wp-json\/wp\/v2\/users\/28"}],"replies":[{"embeddable":true,"href":"https:\/\/hasthemes.com\/blog\/wp-json\/wp\/v2\/comments?post=59991"}],"version-history":[{"count":6,"href":"https:\/\/hasthemes.com\/blog\/wp-json\/wp\/v2\/posts\/59991\/revisions"}],"predecessor-version":[{"id":70804,"href":"https:\/\/hasthemes.com\/blog\/wp-json\/wp\/v2\/posts\/59991\/revisions\/70804"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hasthemes.com\/blog\/wp-json\/wp\/v2\/media\/70803"}],"wp:attachment":[{"href":"https:\/\/hasthemes.com\/blog\/wp-json\/wp\/v2\/media?parent=59991"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hasthemes.com\/blog\/wp-json\/wp\/v2\/categories?post=59991"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hasthemes.com\/blog\/wp-json\/wp\/v2\/tags?post=59991"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}