{"id":270,"date":"2014-12-30T08:06:36","date_gmt":"2014-12-30T00:06:36","guid":{"rendered":"http:\/\/www.leadsleap.com\/blog\/?p=270"},"modified":"2018-03-23T15:07:25","modified_gmt":"2018-03-23T07:07:25","slug":"how-to-create-stunning-popups-in-minutes","status":"publish","type":"post","link":"https:\/\/leadsleap.com\/blog\/how-to-create-stunning-popups-in-minutes\/","title":{"rendered":"How To Create Stunning Popups In Minutes"},"content":{"rendered":"<p>It is no longer a secret that animated widgets like exit popup and sliding block will increase the response rate. You can use such widgets to increase the opt-in conversion, encourage users to click on an offer, or suggest other articles to your blog readers.<\/p>\n<p>The question is, how do you create these widgets?<\/p>\n<p>Yes, there are scripts and plugins that do the animation job. However, users are usually limited to a few standard templates.<\/p>\n<p>Now, history is about to change. You can create animated widgets from scratch, with minimal HTML knowledge needed&#8230; for free.<\/p>\n<p>Introducing&#8230; the LeadsLeap PopupXpert!<\/p>\n<p>The\u00a0PopupXpert is probably the first-of-its-kind in the IM industry. Say goodbye to expensive programmers or popup scripts.<\/p>\n<p>There are 2 components to the PopupXpert:<\/p>\n<p><span style=\"color: #ff6600;\"><strong>1) A user-friendly Widget Editor<\/strong><\/span><\/p>\n<p>If you have experience with graphic software like Photoshop, you will find the interface of the Widget Editor a bit familiar. Every HTML element has its own layer. To design a widget, you simply have to:<\/p>\n<ul>\n<li>add the elements (such as Text, Link, Background, Image, Button and Input Field),<\/li>\n<li>style them by simply changing the parameters,<\/li>\n<li>move them to position, any position!<\/li>\n<\/ul>\n<p>The Widget Editor also comes with some cool features. You can<\/p>\n<ul>\n<li>lock the elements and move them simultaneously,<\/li>\n<li>move the elements using mouse, keyboard arrows or by entering the values,<\/li>\n<li>drag and resize elements (for selected elements),<\/li>\n<li>add embedded videos and social plugins through the use of iframes,<\/li>\n<li>import Form details from most list management providers such as Aweber and Mailchimp,<\/li>\n<li>add ID and class to the elements for advanced styling and js actions.<\/li>\n<\/ul>\n<p>We try to make the editor easy to use for novice, yet powerful enough for advanced programmers.<\/p>\n<p><span style=\"color: #ff6600;\"><strong>2) A powerful Animation Editor<\/strong><\/span><\/p>\n<p>After you&#8217;ve designed your widget, you can then add Animation to it and make it animate on certain Event.<\/p>\n<p>For example, you can set the widget to popup when users attempt to exit the browser. Or you can make the widget vibrate when it comes in view.<\/p>\n<p>There are many different Animation and Event options. It&#8217;s up to you to mix and match. If there is any animation or event that you want and not found, let us know. We will do our best to add it in.<\/p>\n<p><span style=\"color: #ff6600;\"><strong>But that&#8217;s not all!<\/strong><\/span><\/p>\n<p>The system also comes with:<\/p>\n<ul>\n<li><strong>Traffic tracking<\/strong> &#8211; Track the visits and clicks automatically.<\/li>\n<li><strong>Split testing<\/strong> &#8211; See which widget converts the best.<\/li>\n<li><strong>Device detection<\/strong> &#8211; Automatically show different widget for PC and mobile devices, since what works on PC may often look like a disaster in mobile devices.<\/li>\n<\/ul>\n<p>There are many more features I wish to add in, but I need time.<\/p>\n<p><span style=\"color: #ff6600;\"><strong>Action time&#8230;<\/strong><\/span><\/p>\n<p>Without further ado, <a title=\"Go to Popupxpert\" href=\"http:\/\/www.leadsleap.com\/popupxpert\/\" target=\"_blank\">click here to try the PopupXpert now<\/a>! When you are there, click the <strong>Help<\/strong> button to read the quick start guide. It&#8217;s an easier way to start, rather than trying to figure out by trial and error.<\/p>\n<p>Note: The link above will bring you to the creator interface. There is another management page where you create campaigns, monitor traffic etc. You can access that page <a title=\"go to PopupXpert Manager\" href=\"http:\/\/www.leadsleap.com\/members\/popupxpert.manager.php\" target=\"_blank\">here<\/a>.<\/p>\n<p>Last but not least, I wish all of you a happy and prosperous 2015!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>It is no longer a secret that animated widgets like exit popup and sliding block will increase the response rate. You can use such widgets to increase the opt-in conversion, encourage users to click on an offer, or suggest other articles to your blog readers. The question is, how do you create these widgets? Yes, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[234,221,113],"tags":[],"_links":{"self":[{"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/posts\/270"}],"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=270"}],"version-history":[{"count":5,"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/posts\/270\/revisions"}],"predecessor-version":[{"id":284,"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/posts\/270\/revisions\/284"}],"wp:attachment":[{"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/media?parent=270"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/categories?post=270"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/tags?post=270"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}