{"id":21349,"date":"2026-05-20T12:07:18","date_gmt":"2026-05-20T12:07:18","guid":{"rendered":"https:\/\/notificationx.com\/?post_type=docs&#038;p=21349"},"modified":"2026-07-15T05:36:00","modified_gmt":"2026-07-15T05:36:00","password":"","slug":"how-to-configure-exit-intent-popup","status":"publish","type":"docs","link":"https:\/\/notificationx.com\/ms\/docs\/how-to-configure-exit-intent-popup\/","title":{"rendered":"How to Configure Exit Intent Popup in NotificationX?"},"content":{"rendered":"<p class=\"wp-block-paragraph\"><a href=\"https:\/\/notificationx.com\/ms\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>NotificationX<\/strong><\/a> allows you to display an exit intent popup on your website to bring someone back into your sales funnel when they are about to leave. With this feature, you can display your latest sales, discounts, or urgent announcements amazingly on the website to influence your potential customers to buy your products or take your services.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Let\u2019s see how to configure the \u2018Exit Intent Popup\u2019 notification type with NotificationX.<\/p>\n\n\n\n<figure class=\"wp-block-embed aligncenter 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 title=\"How to Add an Exit Intent Popup in WordPress?\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/o2WV1wRb_LU?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen loading=\"lazy\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>How to Configure Exit Intent Popup in NotificationX<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Follow this step-by-step process to show an exit intent popup on your website with NotificationX.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Note: To use this freemium feature, make sure you have <\/em><a href=\"https:\/\/notificationx.com\/ms\/docs\/install-activate-notificationx\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong><em>installed and activated<\/em><\/strong><\/a> <em>NotificationX on your WordPress website before getting started.<\/em><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Langkah 1: Tambah Pemberitahuan Baharu<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Pergi ke Papan Pemuka WordPress anda dan arahkan ke <strong>wp-admin -&gt; NotificationX<\/strong>. Then, right at the top, click on \u2018<strong>Tambah baru<\/strong>&#039;.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img title=\"How to Configure Exit Intent Popup in NotificationX? 1\" fetchpriority=\"high\" decoding=\"async\" width=\"2048\" height=\"982\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2026\/05\/image-23.png\" alt=\"configure exit intent popup\" class=\"wp-image-21356\" srcset=\"https:\/\/notificationx.com\/wp-content\/uploads\/2026\/05\/image-23.png 2048w, https:\/\/notificationx.com\/wp-content\/uploads\/2026\/05\/image-23-300x144.png 300w, https:\/\/notificationx.com\/wp-content\/uploads\/2026\/05\/image-23-1024x491.png 1024w, https:\/\/notificationx.com\/wp-content\/uploads\/2026\/05\/image-23-768x368.png 768w, https:\/\/notificationx.com\/wp-content\/uploads\/2026\/05\/image-23-1536x737.png 1536w, https:\/\/notificationx.com\/wp-content\/uploads\/2026\/05\/image-23-18x9.png 18w, https:\/\/notificationx.com\/wp-content\/uploads\/2026\/05\/image-23-360x173.png 360w\" sizes=\"(max-width: 2048px) 100vw, 2048px\"  loading=\"eager\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 2: Select Your Notification Type<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Selepas anda selesai dengan langkah 1, anda akan dialihkan ke &#039;<strong>Sumber<\/strong>\u2019 tab page of your NotificationX. You can also put a title. From the options, select \u2018<strong>Exit Intent Popup<\/strong>\u2019 as your Source type.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img title=\"How to Configure Exit Intent Popup in NotificationX? 2\" decoding=\"async\" width=\"3402\" height=\"1578\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2026\/05\/Screen-Capture-on-2026-05-20-at-16-14-17.gif\" alt=\"exit intent popup in notificationx\" class=\"wp-image-21357\"  loading=\"eager\" fetchpriority=\"high\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 3: Choose the Exit Intent Popup Theme &amp; Design<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Daripada &#039;<strong>Reka bentuk<\/strong>\u2019 tab, you can choose a theme based on your needs. The first 3 themes are totally FREE.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The next 4 themes are included in the PRO version. From the \u2018<strong>Tema<\/strong>\u2019 section, the chosen layout is how the \u2018Exit Intent Popup\u2019 will be displayed on your website.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img title=\"How to Configure Exit Intent Popup in NotificationX? 3\" decoding=\"async\" width=\"3402\" height=\"1578\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2026\/05\/Screen-Capture-on-2026-05-20-at-16-18-26.gif\" alt=\"exit intent popup in notificationx\" class=\"wp-image-21358\"  loading=\"lazy\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Next, to make the theme customizable, enable the \u2018<strong>Reka Bentuk Lanjutan &#039;<\/strong> button. There you will be able to change the color of background color, overlay background color and control the popup width. You can even change the close button color for the popup.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You will also be able to adjust the typography and font\/ size weight, content message color. Change the button design to a customized color in the button by adjusting font size, radius, padding and width.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img title=\"How to Configure Exit Intent Popup in NotificationX? 4\" loading=\"lazy\" decoding=\"async\" width=\"3402\" height=\"1578\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2026\/05\/Screen-Capture-on-2026-05-20-at-16-31-39.gif\" alt=\"advanced design customization\" class=\"wp-image-21359\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 4: Customize the Content for Exit Intent Popup<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">After clicking the \u2018<strong>Seterusnya<\/strong>\u2019 button, you will find the \u2018<strong>Kandungan<\/strong>\u2019 tab. Here, you can choose the content for the popup. From setting the \u201cVideo Thumbnail\u201d, to Badge Text, Headline, Subtitle &amp; Video URL, you can set everything from this section.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">After the setting, click on the \u2018<strong>Seterusnya<\/strong>\u2019 button to control the visibility of the exit intent popup.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img title=\"How to Configure Exit Intent Popup in NotificationX? 5\" loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"982\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2026\/05\/image-22.png\" alt=\"exit intent popup in notificationx\" class=\"wp-image-21350\" srcset=\"https:\/\/notificationx.com\/wp-content\/uploads\/2026\/05\/image-22.png 2048w, https:\/\/notificationx.com\/wp-content\/uploads\/2026\/05\/image-22-300x144.png 300w, https:\/\/notificationx.com\/wp-content\/uploads\/2026\/05\/image-22-1024x491.png 1024w, https:\/\/notificationx.com\/wp-content\/uploads\/2026\/05\/image-22-768x368.png 768w, https:\/\/notificationx.com\/wp-content\/uploads\/2026\/05\/image-22-1536x737.png 1536w, https:\/\/notificationx.com\/wp-content\/uploads\/2026\/05\/image-22-18x9.png 18w, https:\/\/notificationx.com\/wp-content\/uploads\/2026\/05\/image-22-360x173.png 360w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 5: Control the Visibility<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Next, from the \u2018<strong>Paparan<\/strong>\u2019 tab, select the visibility option where you want to show\/ hide the exit intent popup on your website. You can also select to whom you want to display this notification type.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img title=\"How to Configure Exit Intent Popup in NotificationX? 6\" loading=\"lazy\" decoding=\"async\" width=\"3402\" height=\"1578\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2026\/05\/Screen-Capture-on-2026-05-20-at-16-43-01.gif\" alt=\"exit intent popup visibility\" class=\"wp-image-21361\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 6: Configure the Customization&nbsp;<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Next, under the \u2018<strong>Sesuaikan<\/strong>\u2019 tab, you can choose the Appearance of the exit intent popup. That means which position on your website you want to display the notification. You can also set Trigger Sensitivity and control the mobile visibility. Set the Timing to show a delay before the first notification. Click on the \u2018<strong>Menerbitkan<\/strong>\u2019 button to make the exit intent popup live on your website.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img title=\"How to Configure Exit Intent Popup in NotificationX? 7\" loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1187\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2026\/05\/image-11-scaled.jpeg\" alt=\"exit intent popup customization\" class=\"wp-image-21353\" srcset=\"https:\/\/notificationx.com\/wp-content\/uploads\/2026\/05\/image-11-scaled.jpeg 2560w, https:\/\/notificationx.com\/wp-content\/uploads\/2026\/05\/image-11-300x139.jpeg 300w, https:\/\/notificationx.com\/wp-content\/uploads\/2026\/05\/image-11-1024x475.jpeg 1024w, https:\/\/notificationx.com\/wp-content\/uploads\/2026\/05\/image-11-768x356.jpeg 768w, https:\/\/notificationx.com\/wp-content\/uploads\/2026\/05\/image-11-1536x712.jpeg 1536w, https:\/\/notificationx.com\/wp-content\/uploads\/2026\/05\/image-11-2048x950.jpeg 2048w, https:\/\/notificationx.com\/wp-content\/uploads\/2026\/05\/image-11-18x8.jpeg 18w, https:\/\/notificationx.com\/wp-content\/uploads\/2026\/05\/image-11-360x167.jpeg 360w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Hasil Akhir<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">By following these steps and with a bit more modification, this is how your Exit Intent Popup will appear on your WordPress website.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img title=\"How to Configure Exit Intent Popup in NotificationX? 8\" loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"851\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2026\/05\/image-27.png\" alt=\"Exit Intent Popup Final Look\" class=\"wp-image-21371\" srcset=\"https:\/\/notificationx.com\/wp-content\/uploads\/2026\/05\/image-27.png 2048w, https:\/\/notificationx.com\/wp-content\/uploads\/2026\/05\/image-27-300x125.png 300w, https:\/\/notificationx.com\/wp-content\/uploads\/2026\/05\/image-27-1024x426.png 1024w, https:\/\/notificationx.com\/wp-content\/uploads\/2026\/05\/image-27-768x319.png 768w, https:\/\/notificationx.com\/wp-content\/uploads\/2026\/05\/image-27-1536x638.png 1536w, https:\/\/notificationx.com\/wp-content\/uploads\/2026\/05\/image-27-18x7.png 18w, https:\/\/notificationx.com\/wp-content\/uploads\/2026\/05\/image-27-360x150.png 360w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Sekiranya anda menghadapi sebarang masalah, anda boleh menghubungi kami <a href=\"https:\/\/wpdeveloper.com\/support\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Pasukan penyokong<\/strong>.<\/a> <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">What if you would like to design and create the popup from design to execution, all by yourself? You can use AI in NotificationX. Follow this documentation to learn how.<\/p>","protected":false},"excerpt":{"rendered":"<p>Follow the entire process on configuring the exit intent popup in NotificationX &amp; display latest sales, discounts, urgent announcements &amp; more.<\/p>","protected":false},"author":29,"featured_media":21371,"template":"","meta":{"_eb_attr":"","inline_featured_image":false,"_eb_data_table":"","_thinkrank_schema_form_data":"{\"video_description\":\"Enjoy the videos and music you love, upload original content, and share it all with friends, family, and the world on YouTube.\",\"video_embed_url\":\"https:\\\/\\\/www.youtube.com\\\/embed\\\/o2WV1wRb_LU\"}","_thinkrank_selected_schema_type":"VideoObject","_thinkrank_additional_schemas":"","_thinkrank_canonical_url":"","_thinkrank_og_title":"","_thinkrank_og_description":"","_thinkrank_og_image":"","_thinkrank_twitter_title":"","_thinkrank_twitter_description":"","_thinkrank_twitter_image":"","_thinkrank_imported_from":"rankmath","_thinkrank_focus_keywords":["exit intent popup","configure exit intent popup","exit intent popup in notificationx"],"_thinkrank_focus_keyword":"exit intent popup","_thinkrank_robots_meta_enabled":0,"_thinkrank_robots_meta":"","_thinkrank_advanced_robots_meta":"","_thinkrank_primary_category":0,"_analytify_skip_tracking":false,"_xspeed_no_cache":false,"_xspeed_expiry_hours":0,"footnotes":""},"doc_category":[154],"doc_tag":[],"class_list":["post-21349","docs","type-docs","status-publish","has-post-thumbnail","hentry","doc_category-configurations"],"year_month":"2026-09","word_count":565,"total_views":"1524","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Shahidul Islam","author_nicename":"shahidul","author_url":"https:\/\/notificationx.com\/ms\/blog\/author\/shahidul\/"},"doc_category_info":[{"term_name":"Configurations","term_url":"https:\/\/notificationx.com\/ms\/docs-category\/configurations\/"}],"doc_tag_info":[],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/notificationx.com\/ms\/wp-json\/wp\/v2\/docs\/21349","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/notificationx.com\/ms\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/notificationx.com\/ms\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/notificationx.com\/ms\/wp-json\/wp\/v2\/users\/29"}],"version-history":[{"count":11,"href":"https:\/\/notificationx.com\/ms\/wp-json\/wp\/v2\/docs\/21349\/revisions"}],"predecessor-version":[{"id":21622,"href":"https:\/\/notificationx.com\/ms\/wp-json\/wp\/v2\/docs\/21349\/revisions\/21622"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/notificationx.com\/ms\/wp-json\/wp\/v2\/media\/21371"}],"wp:attachment":[{"href":"https:\/\/notificationx.com\/ms\/wp-json\/wp\/v2\/media?parent=21349"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/notificationx.com\/ms\/wp-json\/wp\/v2\/doc_category?post=21349"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/notificationx.com\/ms\/wp-json\/wp\/v2\/doc_tag?post=21349"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}