{"id":800,"date":"2020-04-21T14:53:14","date_gmt":"2020-04-21T06:53:14","guid":{"rendered":"https:\/\/www.leadsleap.com\/blog\/?p=800"},"modified":"2020-04-21T14:57:59","modified_gmt":"2020-04-21T06:57:59","slug":"2-major-updates-in-popupxpert-system","status":"publish","type":"post","link":"https:\/\/leadsleap.com\/blog\/2-major-updates-in-popupxpert-system\/","title":{"rendered":"2 Major Updates In PopupXpert System"},"content":{"rendered":"\n<p>We&#8217;ve made 2 areas of improvement in our Opt-in Form system &#8211; PopupXpert.<\/p>\n\n\n\n<p>If you use the PopupXpert, or are planning to use our free List Manager to manage your list, this update is important to you.<\/p>\n\n\n\n<p>The 2 areas of improvements are:<\/p>\n\n\n\n<p><strong>1) The Opt-in Form Editor<\/strong><\/p>\n\n\n\n<p><strong>2) The opt-in form itself<\/strong><\/p>\n\n\n\n<p>Details below\u2026<\/p>\n\n\n\n<h2><strong>1) Opt-in Form Editor<\/strong><\/h2>\n\n\n\n<h3>a) Neater Layout<\/h3>\n\n\n\n<p>You can take a  glimpse  at the new PopupXpert <a href=\"http:\/\/www.leadsleap.com\/popupxpert\/\">here<\/a>, or just refer to the screenshot below: <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" width=\"500\" height=\"252\" src=\"https:\/\/www.leadsleap.com\/blog\/wp-content\/uploads\/2020\/04\/1a.png\" alt=\"\" class=\"wp-image-801\" srcset=\"https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2020\/04\/1a.png 500w, https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2020\/04\/1a-300x151.png 300w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/figure>\n\n\n\n<p>On the left is all the settings. They are labeled in 1, 2, 3, 4, 5, so users are very clear what to do next. <\/p>\n\n\n\n<p>On the right is the &#8216;Photoshop-style&#8217; Element Editor. You use it to design the opt-in form.<\/p>\n\n\n\n<p>With the new layout, it is impossible to be lost (well, that&#8217;s what I hope). <\/p>\n\n\n\n<h3>b) Redirect Subscriber to a Custom URL<\/h3>\n\n\n\n<p>This is a recent feature request from one member.<\/p>\n\n\n\n<p>He wants to be able to redirect subscriber to another URL after opt-in.<\/p>\n\n\n\n<p>This feature is only valid if you use our List Manager. If you use a third party autoresponder, it should be provided by the service provider.<\/p>\n\n\n\n<p>Below is a screenshot of where you set up the Redirect URL .<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" width=\"473\" height=\"339\" src=\"https:\/\/www.leadsleap.com\/blog\/wp-content\/uploads\/2020\/04\/1b.png\" alt=\"\" class=\"wp-image-802\" srcset=\"https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2020\/04\/1b.png 473w, https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2020\/04\/1b-300x215.png 300w\" sizes=\"(max-width: 473px) 100vw, 473px\" \/><\/figure>\n\n\n\n<h3>c) New Form Type Added<\/h3>\n\n\n\n<p>We added a new form type called &#8216;Screenfill&#8217;. This form type is similar to Lightbox, but it has a full page background.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" width=\"546\" height=\"483\" src=\"https:\/\/www.leadsleap.com\/blog\/wp-content\/uploads\/2020\/04\/1c.png\" alt=\"\" class=\"wp-image-803\" srcset=\"https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2020\/04\/1c.png 546w, https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2020\/04\/1c-300x265.png 300w\" sizes=\"(max-width: 546px) 100vw, 546px\" \/><\/figure>\n\n\n\n<p>This type of popup is gaining popularity because it takes up the full attention of the audience.<\/p>\n\n\n\n<h3>d) Hide\/unhide element<\/h3>\n\n\n\n<p>In the past, if you want to try different design elements, you can only delete an element and add it back if you regret. That&#8217;s not efficient.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" width=\"389\" height=\"340\" src=\"https:\/\/www.leadsleap.com\/blog\/wp-content\/uploads\/2020\/04\/1d.png\" alt=\"\" class=\"wp-image-804\" srcset=\"https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2020\/04\/1d.png 389w, https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2020\/04\/1d-300x262.png 300w\" sizes=\"(max-width: 389px) 100vw, 389px\" \/><\/figure>\n\n\n\n<p>We&#8217;ve also added a &#8216;hide\/unhide&#8217; toggle to the Element Editor.<\/p>\n\n\n\n<p>Now you can simply hide the element and unhide anytime.<\/p>\n\n\n\n<h3>e) Other performance improvement<\/h3>\n\n\n\n<p>The last improvement cannot be illustrated by a screenshot. You will have to give it a try to experience the faster and better editor.<\/p>\n\n\n\n<h2>2) User experience for the opt-in form<\/h2>\n\n\n\n<p>We&#8217;ve added an animation to the input placeholder and submit button.<\/p>\n\n\n\n<p>When a person fills in the field, the placeholder text will shrink to the top.<\/p>\n\n\n\n<p>When the person submits the form, the button will fade and a loading image will be shown.<\/p>\n\n\n\n<p>See the animation in action\u2026<\/p>\n\n\n\n<ul class=\"wp-container-2 wp-block-gallery-1 wp-block-gallery columns-1 is-cropped\"><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" width=\"774\" height=\"522\" src=\"https:\/\/www.leadsleap.com\/blog\/wp-content\/uploads\/2020\/04\/2.gif\" alt=\"\" data-id=\"805\" data-link=\"https:\/\/www.leadsleap.com\/blog\/?attachment_id=805\" class=\"wp-image-805\"\/><\/figure><\/li><\/ul>\n\n\n\n<h3>How To Update Your Widget<\/h3>\n\n\n\n<p><em>&#8220;Will the animation be shown in my existing widget?&#8221;<\/em><\/p>\n\n\n\n<p>The answer is No.<\/p>\n\n\n\n<p>To update, you simply have to open your widget in the Editor again and Save.<\/p>\n\n\n\n<p>That&#8217;s it!<\/p>\n\n\n\n<p>But there is one additional thing you are advisable to do.<\/p>\n\n\n\n<p>Delete the icon in the input field.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" width=\"492\" height=\"116\" src=\"https:\/\/www.leadsleap.com\/blog\/wp-content\/uploads\/2020\/04\/2b-1.png\" alt=\"\" class=\"wp-image-807\" srcset=\"https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2020\/04\/2b-1.png 492w, https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2020\/04\/2b-1-300x71.png 300w\" sizes=\"(max-width: 492px) 100vw, 492px\" \/><\/figure>\n\n\n\n<p>The icons were added previously to remind users the purpose of the input field while they type. But with the new animation, the icon no longer serves its purpose.<\/p>\n\n\n\n<p>Give the new PopupXpert a try. Let me have your comments below.<\/p>\n\n\n\n<p>The best is yet to be\u2026<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We&#8217;ve made 2 areas of improvement in our Opt-in Form system &#8211; PopupXpert. If you use the PopupXpert, or are planning to use our free List Manager to manage your list, this update is important to you. The 2 areas of improvements are: 1) The Opt-in Form Editor 2) The opt-in form itself Details below\u2026 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[4,29,234],"tags":[],"_links":{"self":[{"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/posts\/800"}],"collection":[{"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/comments?post=800"}],"version-history":[{"count":1,"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/posts\/800\/revisions"}],"predecessor-version":[{"id":808,"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/posts\/800\/revisions\/808"}],"wp:attachment":[{"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/media?parent=800"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/categories?post=800"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/tags?post=800"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}