{"id":201026,"date":"2025-02-04T12:51:19","date_gmt":"2025-02-04T17:51:19","guid":{"rendered":"https:\/\/optinmonster.com\/?post_type=optinmonster_docs&#038;p=201026"},"modified":"2025-08-21T04:18:48","modified_gmt":"2025-08-21T08:18:48","slug":"how-to-close-lightbox-popup-campaigns-on-background-click","status":"publish","type":"optinmonster_docs","link":"https:\/\/optinmonster.com\/docs\/how-to-close-lightbox-popup-campaigns-on-background-click\/","title":{"rendered":"How to Close Lightbox Popup Campaigns on Background Click"},"content":{"rendered":"\n<p>Discover how to easily customize Lightbox Popup campaign closures with OptinMonster to enhance user experience and boost conversions! Using this feature allows your popup campaigns to close smoothly and without fuss, which can boost your website&#8217;s performance.<br><br>In this guide, you&#8217;ll learn how to enable or disable the close on background click feature.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Before You Start<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>This article assumes you&#8217;ve already <a href=\"https:\/\/optinmonster.com\/docs\/how-to-create-a-lightbox-popup-optin\/\" target=\"_blank\" rel=\"noopener\" title=\"\">created a Lightbox Popup campaign<\/a>.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Close on Background Click<\/h2>\n\n\n\n<p>To enable or disable the close on background feature, follow these steps:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>From the campaign builder, navigate to the <strong>Display Rules<\/strong> view located in the top navigation bar.<br><img decoding=\"async\" width=\"900\" height=\"489\" class=\"wp-image-201432\" style=\"width: 900px;\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2025\/02\/displayRules.png\" alt=\"\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2025\/02\/displayRules.png 3024w, https:\/\/optinmonster.com\/wp-content\/uploads\/2025\/02\/displayRules-300x163.png 300w, https:\/\/optinmonster.com\/wp-content\/uploads\/2025\/02\/displayRules-1024x556.png 1024w, https:\/\/optinmonster.com\/wp-content\/uploads\/2025\/02\/displayRules-768x417.png 768w, https:\/\/optinmonster.com\/wp-content\/uploads\/2025\/02\/displayRules-1536x834.png 1536w, https:\/\/optinmonster.com\/wp-content\/uploads\/2025\/02\/displayRules-2048x1112.png 2048w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/li>\n\n\n\n<li>Next, navigate to the <strong>Actions<\/strong> tab located in the bottom navigation bar.<br><img decoding=\"async\" width=\"900\" height=\"489\" class=\"wp-image-201433\" style=\"width: 900px;\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2025\/02\/actionsView.png\" alt=\"\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2025\/02\/actionsView.png 3024w, https:\/\/optinmonster.com\/wp-content\/uploads\/2025\/02\/actionsView-300x163.png 300w, https:\/\/optinmonster.com\/wp-content\/uploads\/2025\/02\/actionsView-1024x556.png 1024w, https:\/\/optinmonster.com\/wp-content\/uploads\/2025\/02\/actionsView-768x417.png 768w, https:\/\/optinmonster.com\/wp-content\/uploads\/2025\/02\/actionsView-1536x834.png 1536w, https:\/\/optinmonster.com\/wp-content\/uploads\/2025\/02\/actionsView-2048x1112.png 2048w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/li>\n\n\n\n<li>Toggle the <strong>Close on background click <\/strong>button to enable or disable the<strong> <\/strong>close on background click feature. <br><img decoding=\"async\" width=\"900\" height=\"489\" class=\"wp-image-201434\" style=\"width: 900px;\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2025\/02\/closeOnBackground.png\" alt=\"\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2025\/02\/closeOnBackground.png 3024w, https:\/\/optinmonster.com\/wp-content\/uploads\/2025\/02\/closeOnBackground-300x163.png 300w, https:\/\/optinmonster.com\/wp-content\/uploads\/2025\/02\/closeOnBackground-1024x556.png 1024w, https:\/\/optinmonster.com\/wp-content\/uploads\/2025\/02\/closeOnBackground-768x417.png 768w, https:\/\/optinmonster.com\/wp-content\/uploads\/2025\/02\/closeOnBackground-1536x834.png 1536w, https:\/\/optinmonster.com\/wp-content\/uploads\/2025\/02\/closeOnBackground-2048x1112.png 2048w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/li>\n\n\n\n<li>Save the changes made to the campaign.<\/li>\n<\/ol>\n\n\n\n\n\n<h2 class=\"wp-block-heading\">FAQs<\/h2>\n\n\n\n<h5 class=\"wp-block-heading\">Why don&#8217;t I see the option to close the campaign on background click? <\/h5>\n\n\n\n<p>Close on background click is only available for Lightbox Popup campaigns. If the campaign you&#8217;re editing is not a Lightbox Popup type and you would like to make it one, you can change the campaign type following this <a href=\"https:\/\/optinmonster.com\/docs\/how-to-change-the-campaign-type\/\" target=\"_blank\" rel=\"noopener\" title=\"\">guide<\/a>. <\/p>\n\n\n\n<p><br><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Discover how to easily customize Lightbox Popup campaign closures with OptinMonster to enhance user experience and boost conversions! Using this feature allows your popup campaigns to close smoothly and without fuss, which can boost your website&#8217;s performance. In this guide, you&#8217;ll learn how to enable or disable the close on background click feature. Before You&nbsp;&hellip;<\/p>\n","protected":false},"author":27437,"comment_status":"open","ping_status":"closed","template":"","documentation\/categories":[11],"documentation\/tags":[31399,31415,31411],"class_list":["post-201026","optinmonster_docs","type-optinmonster_docs","status-publish","hentry","categories-functionality"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/201026","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation"}],"about":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/types\/optinmonster_docs"}],"author":[{"embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/users\/27437"}],"replies":[{"embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/comments?post=201026"}],"version-history":[{"count":18,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/201026\/revisions"}],"predecessor-version":[{"id":201676,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/201026\/revisions\/201676"}],"wp:attachment":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/media?parent=201026"}],"wp:term":[{"taxonomy":"categories","embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/categories?post=201026"},{"taxonomy":"internal_tags","embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/tags?post=201026"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}