{"id":354,"date":"2015-06-03T11:40:43","date_gmt":"2015-06-03T11:40:43","guid":{"rendered":"http:\/\/www.leadsleap.com\/blog\/?p=354"},"modified":"2015-06-03T11:40:43","modified_gmt":"2015-06-03T11:40:43","slug":"leadsleap-widget-is-now-responsive-and-mobile-friendly","status":"publish","type":"post","link":"https:\/\/leadsleap.com\/blog\/leadsleap-widget-is-now-responsive-and-mobile-friendly\/","title":{"rendered":"LeadsLeap Widget is now responsive and mobile-friendly"},"content":{"rendered":"<p>Everything online is becoming mobile-friendly. Blogs, websites, social networks and even Google Adsense.<\/p>\n<p>Now, LeadsLeap Widget is mobile-friendly too.<\/p>\n<p>What does it take to be mobile-friendly?<\/p>\n<p>1) The widget and its content should be able to fit into any window dimension.<br \/>\n2) It should be able to resize dynamically as the window dimension changes.<\/p>\n<p>In other words, the widget has to be responsive. It should be able to change and adapt accordingly.<\/p>\n<p>To show you how our responsive widget works, check out this demo page:<\/p>\n<p><a href=\"http:\/\/www.leadsleap.com\/widget-responsive-demo.htm\" target=\"_blank\">LeadsLeap Responsive Widget Demo<\/a><\/p>\n<p>Cool huh?<\/p>\n<p>Other than making the widget responsive, we have also changed the design of the widget.<\/p>\n<p>Below are some of the important changes:<\/p>\n<p><span style=\"color: #ff6600;\"><strong>1) New traffic stat to reflect recent ad popularity<\/strong><\/span><\/p>\n<p>Previously we only display the total clicks of an ad. It is cumulative. Hence old members&#8217; ads may have 1000s or 10000s of total clicks. This is helping old members to get more clicks, but it is penalizing new members who have just started.<\/p>\n<p>To better reflect the current popularity of an ad, we&#8217;ve added the weekly hits for the ad. Prospects can now have an idea of how popular an ad is recently.<\/p>\n<p>To give you a better idea, here&#8217;s a picture showing the difference.<\/p>\n<p><a href=\"http:\/\/www.leadsleap.com\/blog\/wp-content\/uploads\/2015\/06\/Untitled-1.png\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-355\" src=\"http:\/\/www.leadsleap.com\/blog\/wp-content\/uploads\/2015\/06\/Untitled-1.png\" alt=\"Untitled-1\" width=\"500\" height=\"105\" srcset=\"https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2015\/06\/Untitled-1.png 500w, https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2015\/06\/Untitled-1-300x63.png 300w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p><span style=\"color: #ff6600;\"><strong>2) A header to let prospects learn more<\/strong><\/span><\/p>\n<p>We&#8217;ve also added a header with a question-mark icon that people can click to learn more about the widget. Below is the into message that will be shown when someone clicks on the question-mark icon.<\/p>\n<p><a href=\"http:\/\/www.leadsleap.com\/blog\/wp-content\/uploads\/2015\/06\/Capture2.png\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-356\" src=\"http:\/\/www.leadsleap.com\/blog\/wp-content\/uploads\/2015\/06\/Capture2.png\" alt=\"Capture2\" width=\"383\" height=\"132\" srcset=\"https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2015\/06\/Capture2.png 383w, https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2015\/06\/Capture2-300x103.png 300w\" sizes=\"(max-width: 383px) 100vw, 383px\" \/><\/a><\/p>\n<p>The intro message serves two purposes:<\/p>\n<p>&#8211; to explain what are the links.<br \/>\n&#8211; to encourage your visitors to join you as a traffic partner.<\/p>\n<p><span style=\"color: #ff6600;\"><strong>3) You have full control on the look and feel of the widget<\/strong><\/span><\/p>\n<p>The last change that I want to highlight is the widget setup page.<\/p>\n<p>Previously you can only change the color and border settings. Now you have control over almost everything.<\/p>\n<p>Don&#8217;t like the traffic stats? Just hide it.<\/p>\n<p>Having a dark background on your website? No problem.<\/p>\n<p>Below is what you will see when you go to the <a href=\"http:\/\/www.leadsleap.com\/members\/widget.get.php\" target=\"_blank\">widget setup page<\/a> now:<\/p>\n<p><a href=\"http:\/\/www.leadsleap.com\/blog\/wp-content\/uploads\/2015\/06\/widgetsetup.png\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-357\" src=\"http:\/\/www.leadsleap.com\/blog\/wp-content\/uploads\/2015\/06\/widgetsetup.png\" alt=\"widgetsetup\" width=\"663\" height=\"512\" srcset=\"https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2015\/06\/widgetsetup.png 663w, https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2015\/06\/widgetsetup-300x231.png 300w, https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2015\/06\/widgetsetup-624x481.png 624w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/a><\/p>\n<p><span style=\"color: #ff6600;\"><strong>What Should You Do Now?<\/strong><\/span><\/p>\n<p>If you have LeadsLeap Widget on your website, take a look at it and see if you like the new look.<\/p>\n<p>Your current widget is NOT responsive. It is based on the width that you&#8217;ve chosen last time. The color scheme is also based on the color scheme you&#8217;ve selected previously.<\/p>\n<p>If you like the current look, leave it. If you prefer to upgrade it to the new responsive widget, just go to the <a href=\"http:\/\/www.leadsleap.com\/members\/widget.get.php\" target=\"_blank\">widget setup page<\/a>, get the new code and replace the old one.<\/p>\n<p>With the new widget, we are now ready for more exciting development. Look forward to it real soon!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Everything online is becoming mobile-friendly. Blogs, websites, social networks and even Google Adsense. Now, LeadsLeap Widget is mobile-friendly too. What does it take to be mobile-friendly? 1) The widget and its content should be able to fit into any window dimension. 2) It should be able to resize dynamically as the window dimension changes. In [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[4],"tags":[],"_links":{"self":[{"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/posts\/354"}],"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=354"}],"version-history":[{"count":1,"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/posts\/354\/revisions"}],"predecessor-version":[{"id":358,"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/posts\/354\/revisions\/358"}],"wp:attachment":[{"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/media?parent=354"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/categories?post=354"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/tags?post=354"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}