{"id":672,"date":"2018-03-27T14:47:47","date_gmt":"2018-03-27T06:47:47","guid":{"rendered":"http:\/\/www.leadsleap.com\/blog\/?p=672"},"modified":"2019-02-28T00:12:49","modified_gmt":"2019-02-27T16:12:49","slug":"2018-upgrades-in-our-popup-generator","status":"publish","type":"post","link":"https:\/\/leadsleap.com\/blog\/2018-upgrades-in-our-popup-generator\/","title":{"rendered":"Upgrades In Our Popup Generator"},"content":{"rendered":"<p>During the past few months, we have re-studied our system, gone through every tool and set out a list to improve everyone of them. In the next few months, you will see updates after updates being rolled out.<\/p>\n<p>The first upgrade in the list is our popup generator, the PopupXpert.<\/p>\n<p>Here are some of the exciting improvements we&#8217;ve made:<\/p>\n<p><span style=\"color: #ff6600;\"><strong>1) Responsive Popups<\/strong><\/span><\/p>\n<p><a href=\"http:\/\/www.leadsleap.com\/blog\/wp-content\/uploads\/2018\/03\/responsive.png\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-674\" src=\"http:\/\/www.leadsleap.com\/blog\/wp-content\/uploads\/2018\/03\/responsive.png\" alt=\"\" width=\"500\" height=\"470\" srcset=\"https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2018\/03\/responsive.png 500w, https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2018\/03\/responsive-300x282.png 300w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p>With many websites using responsive designs, having a responsive popup is necessary. Frankly this feature is overdue.<\/p>\n<p>Finally we&#8217;ve made the popups responsive.<\/p>\n<p>This means your popups will now automatically scale to fit different browser sizes.<\/p>\n<p>This feature applies to both popups and inline widget, such as <strong>end-of-post opt-in forms<\/strong> or <strong>sidebar opt-in forms<\/strong>. This is a good news for those of you with a responsive WordPress blog.<\/p>\n<p>You may ask, <em>&#8220;Do I need to update my popups\/inline widgets?&#8221;<\/em><\/p>\n<p>Nope. Your old popups or inline widgets will become responsive automatically.<\/p>\n<p><span style=\"color: #ff6600;\"><strong>2) More Templates To Choose From<\/strong><\/span><\/p>\n<p><a href=\"http:\/\/www.leadsleap.com\/blog\/wp-content\/uploads\/2018\/03\/templates.png\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-675\" src=\"http:\/\/www.leadsleap.com\/blog\/wp-content\/uploads\/2018\/03\/templates.png\" alt=\"\" width=\"808\" height=\"452\" srcset=\"https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2018\/03\/templates.png 808w, https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2018\/03\/templates-300x168.png 300w, https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2018\/03\/templates-768x430.png 768w, https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2018\/03\/templates-624x349.png 624w\" sizes=\"(max-width: 808px) 100vw, 808px\" \/><\/a><\/p>\n<p>We&#8217;ve expanded the popup templates and categorized them based on their types (lightbox, slidebar, cornerblock and inline).<\/p>\n<p>It is now much easier and clearer for you to choose a popup type and template that suits your need.<\/p>\n<p><span style=\"color: #ff6600;\"><strong>3) More Button Functions<\/strong><\/span><\/p>\n<p><a href=\"http:\/\/www.leadsleap.com\/blog\/wp-content\/uploads\/2018\/03\/button.png\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-677\" src=\"http:\/\/www.leadsleap.com\/blog\/wp-content\/uploads\/2018\/03\/button.png\" alt=\"\" width=\"348\" height=\"192\" srcset=\"https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2018\/03\/button.png 348w, https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2018\/03\/button-300x166.png 300w\" sizes=\"(max-width: 348px) 100vw, 348px\" \/><\/a><\/p>\n<p>Previously, you can only add one button, which is only meant to submit the opt-in form.<\/p>\n<p>Now, you can add more buttons if you want, and use them for the following purposes:<\/p>\n<p>&#8211; submit the form<br \/>\n&#8211; close the popup<br \/>\n&#8211; go to a url<br \/>\n&#8211; open a new window and go to a url<\/p>\n<p>For example, you can create popups like this one&#8230;<\/p>\n<p><a href=\"http:\/\/www.leadsleap.com\/blog\/wp-content\/uploads\/2018\/03\/button2.png\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-678\" src=\"http:\/\/www.leadsleap.com\/blog\/wp-content\/uploads\/2018\/03\/button2.png\" alt=\"\" width=\"648\" height=\"492\" srcset=\"https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2018\/03\/button2.png 648w, https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2018\/03\/button2-300x228.png 300w, https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2018\/03\/button2-624x474.png 624w\" sizes=\"(max-width: 648px) 100vw, 648px\" \/><\/a><\/p>\n<p><span style=\"color: #ff6600;\"><strong>4) Transparency Support<\/strong><\/span><\/p>\n<p><a href=\"http:\/\/www.leadsleap.com\/blog\/wp-content\/uploads\/2018\/03\/transparency-1.png\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-680\" src=\"http:\/\/www.leadsleap.com\/blog\/wp-content\/uploads\/2018\/03\/transparency-1.png\" alt=\"\" width=\"704\" height=\"404\" srcset=\"https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2018\/03\/transparency-1.png 704w, https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2018\/03\/transparency-1-300x172.png 300w, https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2018\/03\/transparency-1-624x358.png 624w\" sizes=\"(max-width: 704px) 100vw, 704px\" \/><\/a><\/p>\n<p>The PopupXpert now supports color transparency.<\/p>\n<p>You can add transparency to<\/p>\n<p>&#8211; background color<br \/>\n&#8211; text color<br \/>\n&#8211; images.<\/p>\n<p>It&#8217;s time to let your creative juice flow!<\/p>\n<p><span style=\"color: #ff6600;\"><strong>5) Auto Resize Of Base Dimension<\/strong><\/span><\/p>\n<p>Base dimension is an important parameter in PopupXpert because it determines how the popup is centered.<\/p>\n<p><a href=\"http:\/\/www.leadsleap.com\/blog\/wp-content\/uploads\/2018\/03\/base.png\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-686\" src=\"http:\/\/www.leadsleap.com\/blog\/wp-content\/uploads\/2018\/03\/base.png\" alt=\"\" width=\"618\" height=\"440\" srcset=\"https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2018\/03\/base.png 618w, https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2018\/03\/base-300x214.png 300w\" sizes=\"(max-width: 618px) 100vw, 618px\" \/><\/a><\/p>\n<p>For example, during the design process, you may creatively position an image or any other element outside the original base dimension. Changing the base dimension had been a pain in the past because you often had to realign all the elements.<\/p>\n<p>Now, this is done automatically with a click!<\/p>\n<p><a href=\"http:\/\/www.leadsleap.com\/blog\/wp-content\/uploads\/2018\/03\/resize.png\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-681\" src=\"http:\/\/www.leadsleap.com\/blog\/wp-content\/uploads\/2018\/03\/resize.png\" alt=\"\" width=\"344\" height=\"141\" srcset=\"https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2018\/03\/resize.png 344w, https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2018\/03\/resize-300x123.png 300w\" sizes=\"(max-width: 344px) 100vw, 344px\" \/><\/a><\/p>\n<p>After designing the popup, simply click &#8216;<strong>Auto adjust base dimension<\/strong>&#8216;. The base will automatically be resized with all the elements inside it.<\/p>\n<p>If you intentionally want to make the popup off-center, you can do it manually. Otherwise, there is no need to do anything once you auto adjust the base dimension.<\/p>\n<p><span style=\"color: #ff6600;\"><strong>6) A More Intuitive Popup Creator<\/strong><\/span><\/p>\n<p>If you have used the popup creator in the past, you may find the new creator somewhat different.<\/p>\n<p>We have made subtle changes in the layout and user interface, which I believe will make the creator more user-friendly and intuitive.<\/p>\n<p>If you experience any issue with your old popup with the new creator, contact me via our support ticket. You know I&#8217;m always here to assist you.<\/p>\n<p><strong><span style=\"color: #ff6600;\">What Next&#8230;<\/span><\/strong><\/p>\n<p>Following these changes, we are now ready for something interesting.<\/p>\n<p>We are going to integrate the <strong>PopupXpert<\/strong> and <strong>The Real Tracker<\/strong>!<\/p>\n<p>When that is done, you will be able to show your own popup on any tracked link. If you haven&#8217;t realized its potential, that means you can basically tap into other people&#8217;s work to build your own list!<\/p>\n<p>For now, give the new <a href=\"http:\/\/www.leadsleap.com\/popupxpert\/\" target=\"_blank\" rel=\"noopener\">PopupXpert<\/a> a try and let me know what you think. Thanks!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>During the past few months, we have re-studied our system, gone through every tool and set out a list to improve everyone of them. In the next few months, you will see updates after updates being rolled out. The first upgrade in the list is our popup generator, the PopupXpert. Here are some of the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[4,234],"tags":[],"_links":{"self":[{"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/posts\/672"}],"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=672"}],"version-history":[{"count":17,"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/posts\/672\/revisions"}],"predecessor-version":[{"id":716,"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/posts\/672\/revisions\/716"}],"wp:attachment":[{"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/media?parent=672"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/categories?post=672"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/tags?post=672"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}