{"id":6,"date":"2014-11-17T03:01:11","date_gmt":"2014-11-17T03:01:11","guid":{"rendered":"http:\/\/demo.bluenotesentertainment.com\/wp-bne-flyout\/?page_id=6"},"modified":"2015-04-20T20:09:47","modified_gmt":"2015-04-20T20:09:47","slug":"home","status":"publish","type":"page","link":"https:\/\/demo.bnecreative.com\/flyouts\/","title":{"rendered":"Home"},"content":{"rendered":"
<\/div>\n

Welcome to BNE Flyouts!<\/h1>\n

Amazing Off-Canvas Hidden Content\u00a0for your WordPress website<\/h3>\n

BNE Flyouts<\/strong> is a premium WordPress plugin that adds hidden off-canvas\u00a0content that are displayed by sliding over or pushing your content. Show visitors contact forms, social links, testimonials, images, your social feeds, offer an subscription, display banners and so much more using the visual\/text editor.<\/p>\n

You can even use most 3rd party shortcodes from your theme or other plugins.<\/p>\n

Google Maps<\/a> Gravity Forms<\/a>\u00a0Videos and Audio<\/a>\n

<\/div>\n
<\/div>
<\/div>\n
<\/div>\n
\n\"unlimited-icon\"\n

Unlimited Flyouts\u00a0from any side<\/h2>\n

Flyouts Triggers and panels can be placed on all four sides for the browser window.\u00a0You can create as many as you want. Triggers can be hidden based on screen size or not shown at all.<\/p>\n

Top<\/a>\nRight<\/a>\nBottom<\/a>\nLeft<\/a>\n<\/div>\n

\n\"present-icon\"\n

Should I slide or push ?<\/h2>\n

Each flyout can display either by “Pushing” the page content or by “Sliding” on top.<\/p>\n

Slide Example<\/a>\nPush Example<\/a>\n<\/div>\n

<\/div>\n
<\/div>\n
\n\"side-icon\"\n

Set the size for each Flyout<\/h2>\n

You can set the size of each Flyout — width for Left and Right, height for Top and Bottom. Worried about it being to large on mobile? Don’t worry, if the size is larger than the screen, it will automatically go to a max-width\/height of 100%.<\/p>\n

200px Width<\/a> 500px Width<\/a>\u00a0900px\u00a0Width<\/a>\n<\/div>\n

\n\"design-icon\"\n

Custom styles for each one<\/h2>\n

Make each Flyout unique and matching your website design or personality. You can style the background with a solid color or image, including adjusting the font colors.<\/p>\n

Color Background<\/a>\nImage Background<\/a>\n<\/div>\n

<\/div>\n
<\/div>\n
<\/div>
<\/div>\n
<\/div>\n

You can trigger a Flyout from any linked element from your website!<\/h2>\n

Each Flyout has a unique classname allowing you to turn any element on your website as a trigger. This could be a mobile nav button, image, theme button or link, or even a menu item. All you need to do is include the classname on your element.<\/p>\n

\n

\"classname\"<\/p>\n<\/div>\n

\n

\"\"
\nClick the Ball <\/i><\/span><\/h3>\n

Or click on a text link like this one<\/a>.<\/p>\n

<a class=\"flyout-trigger-id-47\">Click Me<\/a><\/pre>\n
<img src=\"path_to_image.jpg\" class=\"flyout-trigger-id-47\"\/><\/pre>\n<\/div>\n
<\/div>\n
<\/div>\n
<\/div>
<\/div>\n
<\/div>\n
Every Flyout is Customizable and Unique!<\/h2>\n
Add your own creative touch to each Flyout. From styling the trigger button to giving the Flyout a custom color or background. Each Flyout is unique and customizable for any display.<\/p>\n