Recently we noticed that some WordPress themes automatically change symbols into Emoji. That makes the close button and others symbols look out of alignment.<\/p>\n
To solve this problem once and for all, we add the Font Awesome<\/a> library into the system.<\/p>\n Those of you who are familiar with Font Awesome, you probably are thinking, “‘Yeah!”.<\/p>\n The library consists of 500+ icons that you can add to your design. With our editor, you can easily style these icons to your liking.<\/p>\n You can use these icons as bullets, watermarks or even design images.<\/p>\n Let me quickly run through with you how to add an icon.<\/p>\n Below is a screenshot of the Widget Designer. To add a new icon element, just click the ‘i<\/strong>‘ button. You can then choose from a list of more than 100 icons as shown below:<\/p>\n We’ve only added 100+ commonly used icons for your immediate selection because 500 is really too many!<\/p>\n If you can’t find what you want, just click the ‘More icons’ link to go to Font Awesome website, take down the name of the icon you want to add and manually enter it into the Icon Name field (highlighted in yellow).<\/p>\n The next change is how we animate Static widgets.<\/p>\n For those who are new to the PopupXpert, there are 4 types of widgets:<\/p>\n The first three popups are overlay popups, i.e. they float above the content.<\/p>\n Different from the three, Static widget is fixed at a specific location within the content. Most people add it to the sidebar or at the end of an article.<\/p>\n Previously, a Static widget is\u00a0visible on page load<\/span> and it will animate when the visitor sees it.<\/p>\n Below is how it worked previous:<\/p>\n Now, new Static widget is invisible on page load<\/span>. When the visitor scrolls down, it will make a ‘grand’ appearance.<\/p>\n Here is how it works now:<\/p>\n I don’t like the old animations of highlight, vibrate and shake. They are pretty ‘old-schooled’. With css3, there are many new animations we can explore.<\/p>\n Of course, technology aside, the main thing is marketing. I feel that making a grand appearance like the example above will create greater impact. It also makes the animation look more professional. Professionalism = trust, and trust => conversion.<\/p>\n In short, the answer is no. Your existing popups will work as intended. These changes will only affect new popups.<\/p>\n However, should you edit your existing popup, your popup will automatically be upgraded to the new concept.<\/p>\n We have added some new animations to the system, like the one below.<\/p>\n More are coming in the next few days.<\/p>\n In total, we should have about 10 to 15 animations for you to choose from.<\/p>\n The last update is on productivity.<\/p>\n When designing the widget, the widget was previously fixed at the center of the screen. It may be blocked by the Widget Designer.<\/p>\n Now we made the widget base draggable. You can now move the entire widget around while designing.<\/p>\n The dragging handle is at the top and bottom of the widget base.<\/p>\n Last but not least, we’ve added a step by step guide on how to use the PopupXpert.<\/p>\n We have been adding features after features these few months and have been lagging in our documentation. My apologies.<\/p>\n We are catching up on that, starting from the PopupXpert.<\/p>\n![\"faicon\"](\"http:\/\/www.leadsleap.com\/blog\/wp-content\/uploads\/2015\/10\/faicon.png\")
<\/a><\/p>\n2) New Concept For Static Widget<\/span><\/h2>\n
\n
![\"staticOdemo\"](\"http:\/\/www.leadsleap.com\/blog\/wp-content\/uploads\/2015\/10\/staticOdemo.gif\")
<\/a><\/p>\n![\"staticNdemo\"](\"http:\/\/www.leadsleap.com\/blog\/wp-content\/uploads\/2015\/10\/staticNdemo1.gif\")
<\/a><\/p>\nWhy change the concept?<\/h4>\n
Will It Affect Your Existing Static Popups?<\/h4>\n
3) More Animations<\/span><\/h2>\n
![\"speedin\"](\"http:\/\/www.leadsleap.com\/blog\/wp-content\/uploads\/2015\/10\/speedin.gif\")
<\/a><\/p>\n4) The Widget Base Is Now Draggable<\/span><\/h2>\n
![\"movablewidget\"](\"http:\/\/www.leadsleap.com\/blog\/wp-content\/uploads\/2015\/10\/movablewidget.gif\")
<\/a><\/p>\n5) Step By Step Guide Added
\n<\/span><\/h2>\n
![\"Capture\"](\"http:\/\/www.leadsleap.com\/blog\/wp-content\/uploads\/2015\/10\/Capture.png\")
<\/a><\/p>\n