{"id":21623,"date":"2026-07-15T11:22:20","date_gmt":"2026-07-15T11:22:20","guid":{"rendered":"https:\/\/notificationx.com\/?post_type=docs&#038;p=21623"},"modified":"2026-07-15T11:33:35","modified_gmt":"2026-07-15T11:33:35","password":"","slug":"create-exit-intent-popup-with-ai","status":"publish","type":"docs","link":"https:\/\/notificationx.com\/ja\/docs\/create-exit-intent-popup-with-ai\/","title":{"rendered":"How to Create an Exit Intent Popup with AI Using NotificationX"},"content":{"rendered":"<p class=\"wp-block-paragraph\"><a href=\"https:\/\/notificationx.com\/ja\/\" 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. And now, this feature is <strong>AI-powered<\/strong>. It means you can create an exit intent popup with AI instead of building your popup design from scratch. You can simply describe what you want in plain words, and NotificationX will generate a complete, ready-to-use design for you in seconds.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">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, all without spending time on manual design work.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Let&#8217;s see how to create an Exit Intent Popup with AI using NotificationX.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>How to Create an Exit Intent Popup with AI in NotificationX<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Follow this step-by-step process to design and show an exit intent popup on your website using AI in 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\/ja\/docs\/install-notificationx-pro\/\" 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>\u30b9\u30c6\u30c3\u30d71\uff1a\u65b0\u3057\u3044\u901a\u77e5\u3092\u8ffd\u52a0\u3059\u308b<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">WordPress\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u306b\u79fb\u52d5\u3057\u3066\u3001 <strong>wp-admin -&gt; NotificationX<\/strong>. Then, right at the top, click on &#8216;<strong>\u65b0\u3057\u304f\u8ffd\u52a0\u3059\u308b<\/strong>&#8216;.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img title=\"How to Create an Exit Intent Popup with AI Using NotificationX 1\" fetchpriority=\"high\" decoding=\"async\" width=\"2048\" height=\"982\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2026\/07\/image-4.png\" alt=\"add new notification\" class=\"wp-image-21628\" srcset=\"https:\/\/notificationx.com\/wp-content\/uploads\/2026\/07\/image-4.png 2048w, https:\/\/notificationx.com\/wp-content\/uploads\/2026\/07\/image-4-300x144.png 300w, https:\/\/notificationx.com\/wp-content\/uploads\/2026\/07\/image-4-1024x491.png 1024w, https:\/\/notificationx.com\/wp-content\/uploads\/2026\/07\/image-4-768x368.png 768w, https:\/\/notificationx.com\/wp-content\/uploads\/2026\/07\/image-4-1536x737.png 1536w, https:\/\/notificationx.com\/wp-content\/uploads\/2026\/07\/image-4-18x9.png 18w, https:\/\/notificationx.com\/wp-content\/uploads\/2026\/07\/image-4-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\">After you are done with step 1, you will be redirected to the &#8216;<strong>\u30bd\u30fc\u30b9<\/strong>&#8216; tab page of your NotificationX. You can also put a title. From the options, select &#8216;<strong>Exit Intent Popup<\/strong>&#8216; as your Source type.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img title=\"How to Create an Exit Intent Popup with AI Using NotificationX 2\" decoding=\"async\" width=\"3402\" height=\"1578\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2026\/07\/Screen-Capture-on-2026-05-20-at-16-14-17.gif\" alt=\"select you notification type as exit intent popup\" class=\"wp-image-21635\"  loading=\"lazy\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 3: Generate the Exit Intent Popup Design with AI<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This is where the AI does the heavy lifting for you. Head over to the &#8216;<strong>\u8a2d\u8a08<\/strong>&#8216; tab, where you will find the &#8216;<strong>Build with AI<\/strong>&#039;\u30aa\u30d7\u30b7\u30e7\u30f3\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Simply type a prompt describing the exit intent popup you want in the text field or pick from the default on the dashboard. For example, mention the offer, the tone, and the style you have in mind, such as <em>&#8220;Create a discount popup offering 20% off with a bold headline and a call-to-action button&#8221;.<\/em> Once you are happy with your prompt, click on the &#8216;<strong>Generate<\/strong>&#8216; icon.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img title=\"How to Create an Exit Intent Popup with AI Using NotificationX 3\" decoding=\"async\" width=\"3302\" height=\"1772\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2026\/07\/Screen-Capture-on-2026-07-15-at-12-05-02.gif\" alt=\"create exit intent popup with ai\" class=\"wp-image-21636\"  loading=\"lazy\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Within a few seconds, AI will generate a complete exit intent popup design for you, including the layout, colors, headline, subtitle, and button \u2014 all shown instantly in the live preview. If the result is not exactly what you had in mind, you can refine your prompt and generate again until you are satisfied.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img title=\"How to Create an Exit Intent Popup with AI Using NotificationX 4\" loading=\"lazy\" decoding=\"async\" width=\"3302\" height=\"1772\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2026\/07\/Screen-Capture-on-2026-07-15-at-12-06-25.gif\" alt=\"ai generated exit intent popup\" class=\"wp-image-21637\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Once the AI has generated your design, you still have full control to fine-tune it. Enable the &#8216;<strong>\u9ad8\u5ea6\u306a\u30c7\u30b6\u30a4\u30f3<\/strong>&#8216; button to manually adjust the background color, overlay background color, popup width, and close button color. You can also adjust the typography, font size and weight, content message color, and customize the button by changing its color, font size, radius, padding, and width.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img title=\"How to Create an Exit Intent Popup with AI Using NotificationX 5\" loading=\"lazy\" decoding=\"async\" width=\"3302\" height=\"1772\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2026\/07\/Screen-Capture-on-2026-07-15-at-12-07-28.gif\" alt=\"advanced design for exit intent popup\" class=\"wp-image-21638\" \/><\/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 &#8216;<strong>\u6b21<\/strong>&#8216; button, you will find the &#8216;<strong>\u30b3\u30f3\u30c6\u30f3\u30c4<\/strong>&#8216; tab. Here, you can review and edit the content for the popup. From setting the &#8220;Video Thumbnail&#8221;, 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 settings, click on the &#8216;<strong>\u6b21<\/strong>&#8216; 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 Create an Exit Intent Popup with AI Using NotificationX 6\" loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"982\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2026\/07\/image-6.png\" alt=\"customize your exit intent popup content\" class=\"wp-image-21639\" srcset=\"https:\/\/notificationx.com\/wp-content\/uploads\/2026\/07\/image-6.png 2048w, https:\/\/notificationx.com\/wp-content\/uploads\/2026\/07\/image-6-300x144.png 300w, https:\/\/notificationx.com\/wp-content\/uploads\/2026\/07\/image-6-1024x491.png 1024w, https:\/\/notificationx.com\/wp-content\/uploads\/2026\/07\/image-6-768x368.png 768w, https:\/\/notificationx.com\/wp-content\/uploads\/2026\/07\/image-6-1536x737.png 1536w, https:\/\/notificationx.com\/wp-content\/uploads\/2026\/07\/image-6-18x9.png 18w, https:\/\/notificationx.com\/wp-content\/uploads\/2026\/07\/image-6-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 &#8216;<strong>\u753b\u9762<\/strong>&#8216; 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 Create an Exit Intent Popup with AI Using NotificationX 7\" loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"950\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2026\/07\/437451b7-7627-43d9-ba07-50ad05c883f3.gif\" alt=\"control your popup visibility\" class=\"wp-image-21640\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 6: Configure the Customization<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Next, under the &#8216;<strong>\u30ab\u30b9\u30bf\u30de\u30a4\u30ba<\/strong>&#8216; 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 &#8216;<strong>\u516c\u958b\u3059\u308b<\/strong>&#8216; 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 Create an Exit Intent Popup with AI Using NotificationX 8\" loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"950\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2026\/07\/image-7.png\" alt=\"customize your popup notification\" class=\"wp-image-21641\" srcset=\"https:\/\/notificationx.com\/wp-content\/uploads\/2026\/07\/image-7.png 2048w, https:\/\/notificationx.com\/wp-content\/uploads\/2026\/07\/image-7-300x139.png 300w, https:\/\/notificationx.com\/wp-content\/uploads\/2026\/07\/image-7-1024x475.png 1024w, https:\/\/notificationx.com\/wp-content\/uploads\/2026\/07\/image-7-768x356.png 768w, https:\/\/notificationx.com\/wp-content\/uploads\/2026\/07\/image-7-1536x713.png 1536w, https:\/\/notificationx.com\/wp-content\/uploads\/2026\/07\/image-7-18x8.png 18w, https:\/\/notificationx.com\/wp-content\/uploads\/2026\/07\/image-7-360x167.png 360w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>\u6700\u7d42\u7d50\u679c<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">By following these steps and letting AI handle the design, 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 Create an Exit Intent Popup with AI Using NotificationX 9\" loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"960\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2026\/07\/image-2.png\" alt=\"final outcome of your exit intent popup with ai\" class=\"wp-image-21624\" srcset=\"https:\/\/notificationx.com\/wp-content\/uploads\/2026\/07\/image-2.png 2048w, https:\/\/notificationx.com\/wp-content\/uploads\/2026\/07\/image-2-300x141.png 300w, https:\/\/notificationx.com\/wp-content\/uploads\/2026\/07\/image-2-1024x480.png 1024w, https:\/\/notificationx.com\/wp-content\/uploads\/2026\/07\/image-2-768x360.png 768w, https:\/\/notificationx.com\/wp-content\/uploads\/2026\/07\/image-2-1536x720.png 1536w, https:\/\/notificationx.com\/wp-content\/uploads\/2026\/07\/image-2-18x8.png 18w, https:\/\/notificationx.com\/wp-content\/uploads\/2026\/07\/image-2-360x169.png 360w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">This is how easily you can create a stunning exit intent popup with AI using NotificationX \u2014 from design to execution, all in just a few clicks.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u554f\u984c\u304c\u767a\u751f\u3057\u305f\u5834\u5408\u306f\u3001 <a href=\"https:\/\/wpdeveloper.com\/support\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>\u652f\u63f4\u30c1\u30fc\u30e0<\/strong><\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>A guide to display an exit intent popup on your website to bring someone back into your sales funnel when they are about to leave.<\/p>","protected":false},"author":29,"featured_media":21624,"template":"","meta":{"_eb_attr":"","inline_featured_image":false,"_eb_data_table":"","_thinkrank_schema_form_data":"","_thinkrank_selected_schema_type":"","_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":"","_thinkrank_focus_keywords":["Exit Intent Popup with AI"],"_thinkrank_focus_keyword":"Exit Intent Popup with AI","_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-21623","docs","type-docs","status-publish","has-post-thumbnail","hentry","doc_category-configurations"],"year_month":"2026-08","word_count":692,"total_views":"477","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Shahidul Islam","author_nicename":"shahidul","author_url":"https:\/\/notificationx.com\/ja\/blog\/author\/shahidul\/"},"doc_category_info":[{"term_name":"Configurations","term_url":"https:\/\/notificationx.com\/ja\/docs-category\/configurations\/"}],"doc_tag_info":[],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/notificationx.com\/ja\/wp-json\/wp\/v2\/docs\/21623","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/notificationx.com\/ja\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/notificationx.com\/ja\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/notificationx.com\/ja\/wp-json\/wp\/v2\/users\/29"}],"version-history":[{"count":5,"href":"https:\/\/notificationx.com\/ja\/wp-json\/wp\/v2\/docs\/21623\/revisions"}],"predecessor-version":[{"id":21644,"href":"https:\/\/notificationx.com\/ja\/wp-json\/wp\/v2\/docs\/21623\/revisions\/21644"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/notificationx.com\/ja\/wp-json\/wp\/v2\/media\/21624"}],"wp:attachment":[{"href":"https:\/\/notificationx.com\/ja\/wp-json\/wp\/v2\/media?parent=21623"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/notificationx.com\/ja\/wp-json\/wp\/v2\/doc_category?post=21623"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/notificationx.com\/ja\/wp-json\/wp\/v2\/doc_tag?post=21623"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}