{"id":36,"date":"2025-08-01T09:27:00","date_gmt":"2025-08-01T06:27:00","guid":{"rendered":"https:\/\/html-online.com\/articles\/?p=36"},"modified":"2025-08-05T14:08:40","modified_gmt":"2025-08-05T11:08:40","slug":"popup-abandoning-visitors-javascript-alert-tab-close","status":"publish","type":"post","link":"https:\/\/html-online.com\/articles\/popup-abandoning-visitors-javascript-alert-tab-close\/","title":{"rendered":"Show a PopUp to Abandoning Visitors"},"content":{"rendered":"<p>Try to convince your abandoning visitors to stay on your page and turn them into customers with a simple trick: show them <a href=\"\/articles\/simple-popup-box\/\">a popup<\/a> asking them to subscribe to a newsletter, to <a href=\"\/articles\/dynamic-social-media-share-widget-addthis-alternative\/\">like\/share<\/a> the page, present some hot deals, related articles, ads or anything that might make them convert. In this article I&#8217;m sharing with you the very simple <a href=\"\/articles\/category\/javascript\/\">JavaScript<\/a> code to make this working.<br \/>\nI know popups are considered to be annoying, pushy and people hate them but in this case we&#8217;re talking about visitors who have already decided to leave your site so you have nothing to lose by nagging them a little.<\/p>\n<h3 class=\"aligncenter\"><a href=\"https:\/\/html-online.com\/demo\/mouse-leave-detect\/\" target=\"blank\" rel=\"noopener noreferrer\">Live demo<\/a><\/h3>\n<p><a href=\"\/\/cubesolve.com\/\" target=\"_blank\" rel=\"nofollow noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"406\" class=\"aligncenter size-full wp-image-37\" src=\"\/articles\/wp-content\/uploads\/2016\/11\/rubiks-cube-tutorial.jpg\" alt=\"how to solve a Rubik's Cube\" srcset=\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2016\/11\/rubiks-cube-tutorial.jpg 600w, https:\/\/html-online.com\/articles\/wp-content\/uploads\/2016\/11\/rubiks-cube-tutorial-300x203.jpg 300w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><\/a><br \/>\n<!--more--><\/p>\n<h2>Case Study<\/h2>\n<p>This <a href=\"https:\/\/cubesolve.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">online Rubik&#8217;s Cube tutorial<\/a> website is asking the leaving visitor to vote with likes if they found the guide useful and shows share buttons as well.<br \/>\nThis popup technique has not only generated more likes but also increased the average session duration with <strong>60%<\/strong> and reduced the bounce rate with <strong>10%<\/strong>. These statistics prove that this onsite retargeting technique really does a good job.<\/p>\n<h2>Third Party Solutions<\/h2>\n<p>There are many companies offering similar services. Usually you pay them a subscription fee and they provide you with the code and an interface to design your popup, and to manage email subscriptions etc.<br \/>\n<strong>Just to mention a few examples:<\/strong><\/p>\n<ul>\n<li><a href=\"https:\/\/www.optimonk.com\/\" target=\"_blank\" rel=\"nofollow noopener\">Opti Monk<\/a> \u2013 Recover up to 15% of Abandoning Visitors with Onsite Retargeting<\/li>\n<li><a href=\"https:\/\/optinmonster.com\/\" target=\"_blank\" rel=\"nofollow noopener\">Optin Monster<\/a> \u2013 Convert Visitors into Subscribers<\/li>\n<li>Exit Monitor \u2013 Discontiunued<\/li>\n<li><a href=\"https:\/\/optkit.com\/\" target=\"_blank\" rel=\"nofollow noopener\">OptKit<\/a> \u2013 The best way to convert more traffic. Real-time behavior triggered Call-To-Action&#8217;s that engage and delight your visitors.<\/li>\n<li><a href=\"https:\/\/sleeknote.com\/\" target=\"_blank\" rel=\"nofollow noopener\">SleekNote<\/a> \u2013 Create &amp; Customize Lead Forms! Set up lead capture forms on your website in minutes. No coding required. Sync your new email leads with your favorite email service provider.<\/li>\n<\/ul>\n<p>This is a nice list to choose from but scroll down if you&#8217;d like to have full control over your own code and you&#8217;re looking for a simple JavaScript solution.<\/p>\n<h2>Play Fair<\/h2>\n<p>Popups are usually annoying so make sure there&#8217;s a way to close the popup and don&#8217;t show the same thing more than once per session. You can set up a counter, just like in our example below.<\/p>\n<h2>Source Code<\/h2>\n<p>Check out the minimalist <a href=\"https:\/\/html-online.com\/demo\/mouse-leave-detect\/\" target=\"blank\" rel=\"noopener noreferrer\">live demo here<\/a>. Move your mouse on the page to see the coordinates displayed and then try to close the window. The page shows an alert box to prevent you from closing the page.<\/p>\n<h3>JavaScript<\/h3>\n<p>We need variables to keep track of our mouse X, Y positions and a counter to make sure we show the popup only once per visit.<br \/>\nA mousemove event listener records the mouse coordinates and displays them on the page (you can remove or hide the display feature). A jQuery mouseleave function detects if the visitor has left the page on the top of the window (upper 100 pixels) and displays the popup.<\/p>\n<pre style=\"background: #fff; color: #000;\">var mouseX <span style=\"color: #687687;\">=<\/span> <span style=\"color: #cd0000; font-style: italic;\">0<\/span>;\nvar mouseY <span style=\"color: #687687;\">=<\/span> <span style=\"color: #cd0000; font-style: italic;\">0<\/span>;\nvar popupCounter <span style=\"color: #687687;\">=<\/span> <span style=\"color: #cd0000; font-style: italic;\">0<\/span>;\n\n<span style=\"color: #6d79de; font-weight: bold;\">document<\/span>.addEventListener(<span style=\"color: #d80800;\">\"mousemove\"<\/span>, function(e) {\n    mouseX <span style=\"color: #687687;\">=<\/span> e.clientX;\n    mouseY <span style=\"color: #687687;\">=<\/span> e.clientY;\n    <span style=\"color: #6d79de; font-weight: bold;\">document<\/span>.<span style=\"color: #3c4c72; font-weight: bold;\">getElementById<\/span>(<span style=\"color: #d80800;\">\"coordinates\"<\/span>).innerHTML <span style=\"color: #687687;\">=<\/span> <span style=\"color: #d80800;\">\"&lt;br \/&gt;X: \"<\/span> <span style=\"color: #687687;\">+<\/span> e.clientX <span style=\"color: #687687;\">+<\/span> <span style=\"color: #d80800;\">\"px&lt;br \/&gt;Y: \"<\/span> <span style=\"color: #687687;\">+<\/span> e.clientY <span style=\"color: #687687;\">+<\/span> <span style=\"color: #d80800;\">\"px\"<\/span>;\n});\n\n<span style=\"color: #687687;\">$<\/span>(<span style=\"color: #6d79de; font-weight: bold;\">document<\/span>).mouseleave(function () {\n    <span style=\"color: #0100b6; font-weight: bold;\">if<\/span> (mouseY <span style=\"color: #687687;\">&lt;<\/span> <span style=\"color: #cd0000; font-style: italic;\">100<\/span>) {\n        <span style=\"color: #0100b6; font-weight: bold;\">if<\/span> (popupCounter <span style=\"color: #687687;\">&lt;<\/span> <span style=\"color: #cd0000; font-style: italic;\">1<\/span>) {\n            <span style=\"color: #3c4c72; font-weight: bold;\">alert<\/span>(<span style=\"color: #d80800;\">\"Please don't close the tab!\"<\/span>);\n        }\n        popupCounter <span style=\"color: #687687;\">++<\/span>;\n    }\n});\n<\/pre>\n<h3>HTML<\/h3>\n<p>The markup is very simple and can be completely removed. I added a container to display the current mouse coordinates in real time but you won&#8217;t need this.<\/p>\n<pre style=\"background: #fff; color: #000;\"><span style=\"color: #1c02ff;\">&lt;<span style=\"font-weight: bold;\">div<\/span>&gt;<\/span>\n    <span style=\"color: #1c02ff;\">&lt;<span style=\"font-weight: bold;\">span<\/span> <span style=\"font-style: italic;\">id<\/span>=<span style=\"color: #d80800;\">\"coordinates\"<\/span>&gt;&lt;\/<span style=\"font-weight: bold;\">span<\/span>&gt;<\/span>  \n<span style=\"color: #1c02ff;\">&lt;\/<span style=\"font-weight: bold;\">div<\/span>&gt;<\/span>\n<\/pre>\n<p>You will have to design a nice modal window, or use our <a href=\"https:\/\/html-online.com\/articles\/simple-popup-box\/\">simple popup box:<br \/>\n<img decoding=\"async\" src=\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2017\/11\/simple-popup-box.jpg\" alt=\"simple popup box html css js\"><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Try to convince your abandoning visitors to stay on your page and turn them into customers with a simple trick: show them a popup asking them to subscribe to a newsletter, to like\/share the page, present some hot deals, related articles, ads or anything that might make them convert. In this article I&#8217;m sharing with &hellip; <a href=\"https:\/\/html-online.com\/articles\/popup-abandoning-visitors-javascript-alert-tab-close\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Show a PopUp to Abandoning Visitors&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,3,4,5],"tags":[],"class_list":["post-36","post","type-post","status-publish","format-standard","hentry","category-articles","category-freebies","category-html","category-javascript"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>PopUp to Abandoning Visitors - JavaScript to Detect Before Close<\/title>\n<meta name=\"description\" content=\"convince your abandoning visitors to stay on your page and turn them into customers with a simple trick: show them a popup asking them\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/html-online.com\/articles\/popup-abandoning-visitors-javascript-alert-tab-close\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"PopUp to Abandoning Visitors - JavaScript to Detect Before Close\" \/>\n<meta property=\"og:description\" content=\"convince your abandoning visitors to stay on your page and turn them into customers with a simple trick: show them a popup asking them\" \/>\n<meta property=\"og:url\" content=\"https:\/\/html-online.com\/articles\/popup-abandoning-visitors-javascript-alert-tab-close\/\" \/>\n<meta property=\"og:site_name\" content=\"HTML Online\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/htmlcoding\/\" \/>\n<meta property=\"article:published_time\" content=\"2025-08-01T06:27:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-05T11:08:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2017\/11\/simple-popup-box.jpg\" \/>\n<meta name=\"author\" content=\"HTML Editor\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"HTML Editor\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/html-online.com\/articles\/popup-abandoning-visitors-javascript-alert-tab-close\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/html-online.com\/articles\/popup-abandoning-visitors-javascript-alert-tab-close\/\"},\"author\":{\"name\":\"HTML Editor\",\"@id\":\"https:\/\/html-online.com\/articles\/#\/schema\/person\/019f9afa07f209153df0fecfc90b8c1d\"},\"headline\":\"Show a PopUp to Abandoning Visitors\",\"datePublished\":\"2025-08-01T06:27:00+00:00\",\"dateModified\":\"2025-08-05T11:08:40+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/html-online.com\/articles\/popup-abandoning-visitors-javascript-alert-tab-close\/\"},\"wordCount\":525,\"publisher\":{\"@id\":\"https:\/\/html-online.com\/articles\/#organization\"},\"image\":{\"@id\":\"https:\/\/html-online.com\/articles\/popup-abandoning-visitors-javascript-alert-tab-close\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2017\/11\/simple-popup-box.jpg\",\"articleSection\":[\"Articles\",\"Freebies\",\"HTML\",\"JavaScript\"],\"inLanguage\":\"en-GB\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/html-online.com\/articles\/popup-abandoning-visitors-javascript-alert-tab-close\/\",\"url\":\"https:\/\/html-online.com\/articles\/popup-abandoning-visitors-javascript-alert-tab-close\/\",\"name\":\"PopUp to Abandoning Visitors - JavaScript to Detect Before Close\",\"isPartOf\":{\"@id\":\"https:\/\/html-online.com\/articles\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/html-online.com\/articles\/popup-abandoning-visitors-javascript-alert-tab-close\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/html-online.com\/articles\/popup-abandoning-visitors-javascript-alert-tab-close\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2017\/11\/simple-popup-box.jpg\",\"datePublished\":\"2025-08-01T06:27:00+00:00\",\"dateModified\":\"2025-08-05T11:08:40+00:00\",\"description\":\"convince your abandoning visitors to stay on your page and turn them into customers with a simple trick: show them a popup asking them\",\"breadcrumb\":{\"@id\":\"https:\/\/html-online.com\/articles\/popup-abandoning-visitors-javascript-alert-tab-close\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/html-online.com\/articles\/popup-abandoning-visitors-javascript-alert-tab-close\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/html-online.com\/articles\/popup-abandoning-visitors-javascript-alert-tab-close\/#primaryimage\",\"url\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2017\/11\/simple-popup-box.jpg\",\"contentUrl\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2017\/11\/simple-popup-box.jpg\",\"width\":535,\"height\":223,\"caption\":\"simple popup box html css js\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/html-online.com\/articles\/popup-abandoning-visitors-javascript-alert-tab-close\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/html-online.com\/articles\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Show a PopUp to Abandoning Visitors\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/html-online.com\/articles\/#website\",\"url\":\"https:\/\/html-online.com\/articles\/\",\"name\":\"HTML Online Articles\",\"description\":\"Tips, tricks, tutorials\u2026\",\"publisher\":{\"@id\":\"https:\/\/html-online.com\/articles\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/html-online.com\/articles\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/html-online.com\/articles\/#organization\",\"name\":\"HTML Online\",\"url\":\"https:\/\/html-online.com\/articles\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/html-online.com\/articles\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2022\/06\/logo.jpg\",\"contentUrl\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2022\/06\/logo.jpg\",\"width\":350,\"height\":350,\"caption\":\"HTML Online\"},\"image\":{\"@id\":\"https:\/\/html-online.com\/articles\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/htmlcoding\/\",\"https:\/\/www.linkedin.com\/in\/ferencdenes\/\",\"https:\/\/www.youtube.com\/channel\/UCn38Jw1sJzbjVHO95Zp0Sww\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/html-online.com\/articles\/#\/schema\/person\/019f9afa07f209153df0fecfc90b8c1d\",\"name\":\"HTML Editor\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/html-online.com\/articles\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7c1d8f5e7f1dc3e261766a96ac50c6a907fa5c236e87ab73379c57c9114e92cd?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7c1d8f5e7f1dc3e261766a96ac50c6a907fa5c236e87ab73379c57c9114e92cd?s=96&d=mm&r=g\",\"caption\":\"HTML Editor\"},\"description\":\"In 2013, while wrestling with a mountain of client articles and an uncooperative CMS, I decided enough was enough. So, I created an online HTML editor purely out of necessity (and mild frustration). What began as a tool for my own sanity quickly evolved into a gift for the world\u2014or at least for anyone trying to avoid breaking their website's code. Since then, I've shared my tech notes on my blog, which serves as both a handy reference and a digital diary of the adventures and misadventures of a coder.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/ferencdenes\/\",\"https:\/\/www.youtube.com\/@htmlg\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"PopUp to Abandoning Visitors - JavaScript to Detect Before Close","description":"convince your abandoning visitors to stay on your page and turn them into customers with a simple trick: show them a popup asking them","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/html-online.com\/articles\/popup-abandoning-visitors-javascript-alert-tab-close\/","og_locale":"en_GB","og_type":"article","og_title":"PopUp to Abandoning Visitors - JavaScript to Detect Before Close","og_description":"convince your abandoning visitors to stay on your page and turn them into customers with a simple trick: show them a popup asking them","og_url":"https:\/\/html-online.com\/articles\/popup-abandoning-visitors-javascript-alert-tab-close\/","og_site_name":"HTML Online","article_publisher":"https:\/\/www.facebook.com\/htmlcoding\/","article_published_time":"2025-08-01T06:27:00+00:00","article_modified_time":"2025-08-05T11:08:40+00:00","og_image":[{"url":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2017\/11\/simple-popup-box.jpg","type":"","width":"","height":""}],"author":"HTML Editor","twitter_card":"summary_large_image","twitter_misc":{"Written by":"HTML Editor","Estimated reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/html-online.com\/articles\/popup-abandoning-visitors-javascript-alert-tab-close\/#article","isPartOf":{"@id":"https:\/\/html-online.com\/articles\/popup-abandoning-visitors-javascript-alert-tab-close\/"},"author":{"name":"HTML Editor","@id":"https:\/\/html-online.com\/articles\/#\/schema\/person\/019f9afa07f209153df0fecfc90b8c1d"},"headline":"Show a PopUp to Abandoning Visitors","datePublished":"2025-08-01T06:27:00+00:00","dateModified":"2025-08-05T11:08:40+00:00","mainEntityOfPage":{"@id":"https:\/\/html-online.com\/articles\/popup-abandoning-visitors-javascript-alert-tab-close\/"},"wordCount":525,"publisher":{"@id":"https:\/\/html-online.com\/articles\/#organization"},"image":{"@id":"https:\/\/html-online.com\/articles\/popup-abandoning-visitors-javascript-alert-tab-close\/#primaryimage"},"thumbnailUrl":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2017\/11\/simple-popup-box.jpg","articleSection":["Articles","Freebies","HTML","JavaScript"],"inLanguage":"en-GB"},{"@type":"WebPage","@id":"https:\/\/html-online.com\/articles\/popup-abandoning-visitors-javascript-alert-tab-close\/","url":"https:\/\/html-online.com\/articles\/popup-abandoning-visitors-javascript-alert-tab-close\/","name":"PopUp to Abandoning Visitors - JavaScript to Detect Before Close","isPartOf":{"@id":"https:\/\/html-online.com\/articles\/#website"},"primaryImageOfPage":{"@id":"https:\/\/html-online.com\/articles\/popup-abandoning-visitors-javascript-alert-tab-close\/#primaryimage"},"image":{"@id":"https:\/\/html-online.com\/articles\/popup-abandoning-visitors-javascript-alert-tab-close\/#primaryimage"},"thumbnailUrl":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2017\/11\/simple-popup-box.jpg","datePublished":"2025-08-01T06:27:00+00:00","dateModified":"2025-08-05T11:08:40+00:00","description":"convince your abandoning visitors to stay on your page and turn them into customers with a simple trick: show them a popup asking them","breadcrumb":{"@id":"https:\/\/html-online.com\/articles\/popup-abandoning-visitors-javascript-alert-tab-close\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/html-online.com\/articles\/popup-abandoning-visitors-javascript-alert-tab-close\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/html-online.com\/articles\/popup-abandoning-visitors-javascript-alert-tab-close\/#primaryimage","url":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2017\/11\/simple-popup-box.jpg","contentUrl":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2017\/11\/simple-popup-box.jpg","width":535,"height":223,"caption":"simple popup box html css js"},{"@type":"BreadcrumbList","@id":"https:\/\/html-online.com\/articles\/popup-abandoning-visitors-javascript-alert-tab-close\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/html-online.com\/articles\/"},{"@type":"ListItem","position":2,"name":"Show a PopUp to Abandoning Visitors"}]},{"@type":"WebSite","@id":"https:\/\/html-online.com\/articles\/#website","url":"https:\/\/html-online.com\/articles\/","name":"HTML Online Articles","description":"Tips, tricks, tutorials\u2026","publisher":{"@id":"https:\/\/html-online.com\/articles\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/html-online.com\/articles\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/html-online.com\/articles\/#organization","name":"HTML Online","url":"https:\/\/html-online.com\/articles\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/html-online.com\/articles\/#\/schema\/logo\/image\/","url":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2022\/06\/logo.jpg","contentUrl":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2022\/06\/logo.jpg","width":350,"height":350,"caption":"HTML Online"},"image":{"@id":"https:\/\/html-online.com\/articles\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/htmlcoding\/","https:\/\/www.linkedin.com\/in\/ferencdenes\/","https:\/\/www.youtube.com\/channel\/UCn38Jw1sJzbjVHO95Zp0Sww"]},{"@type":"Person","@id":"https:\/\/html-online.com\/articles\/#\/schema\/person\/019f9afa07f209153df0fecfc90b8c1d","name":"HTML Editor","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/html-online.com\/articles\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7c1d8f5e7f1dc3e261766a96ac50c6a907fa5c236e87ab73379c57c9114e92cd?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7c1d8f5e7f1dc3e261766a96ac50c6a907fa5c236e87ab73379c57c9114e92cd?s=96&d=mm&r=g","caption":"HTML Editor"},"description":"In 2013, while wrestling with a mountain of client articles and an uncooperative CMS, I decided enough was enough. So, I created an online HTML editor purely out of necessity (and mild frustration). What began as a tool for my own sanity quickly evolved into a gift for the world\u2014or at least for anyone trying to avoid breaking their website's code. Since then, I've shared my tech notes on my blog, which serves as both a handy reference and a digital diary of the adventures and misadventures of a coder.","sameAs":["https:\/\/www.linkedin.com\/in\/ferencdenes\/","https:\/\/www.youtube.com\/@htmlg"]}]}},"_links":{"self":[{"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/posts\/36","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/comments?post=36"}],"version-history":[{"count":2,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/posts\/36\/revisions"}],"predecessor-version":[{"id":2082,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/posts\/36\/revisions\/2082"}],"wp:attachment":[{"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/media?parent=36"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/categories?post=36"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/tags?post=36"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}