Download Flyouts - Off Canvas Custom Content for WordPress

Download Flyouts – Off Canvas Custom Content for WordPress


BNE Flyouts is a premium WordPress plugin that adds hidden off-canvas content that is displayed by pushing or sliding over your page content. Flyouts or “panels” can display any type of content such as contact forms, social links, testimonials, images, social feeds, display banners, custom menus, biography, or even custom data using a shortcode you’ve created elsewhere. The possibilities are endless!

Unlimited Flyouts From Any Side

Flyouts - Off Canvas Custom Content for WordPress - 1
Flyout Triggers and panels can be placed on all four sides of the browser window. You can create as many as you want. The Triggers, floating buttons and images, can be hidden based on screen size or not shown at all. You can also call a Flyout using the provided classnames on any element with your page content area such as a theme button, link, image, etc.

Slide or Push to Show

Flyouts - Off Canvas Custom Content for WordPress - 2
Each Flyout can be shown either by “Pushing” the page content or by “Sliding” over it from any side. Use what is best for your theme design or style.

Set the Size for Each Flyout

Flyouts - Off Canvas Custom Content for WordPress - 3
You can set the size of each Flyout — width for Left and Right, height for Top and Bottom. Worried about it being too 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%.

Style each Flyout Individually

Flyouts - Off Canvas Custom Content for WordPress - 4
Make each Flyout unique and styled to your website design or personality. You can style the background with a solid color or image, including adjusting the font colors.

Trigger From Anywhere

Flyouts - Off Canvas Custom Content for WordPress - 5
Each Flyout has a unique classname allowing you to use any element on your website as a trigger. This could be a mobile nav button, image, theme button, text link, or even a menu link. All you need to do is include the classname on your element.

Features

  • Add any type of content, HTML, text, images, iframe, Google Maps, and most shortcodes.
  • Display Custom Menus that you have created from Appearance > Menu
  • Hide Flyout trigger buttons/images based on screen sizes (mobile, tablet, desktop).
  • Restrict display of Flyouts to certain pages, post, user roles with ability to extend to further customizations with the included bne_flyout_custom_restrictions() filter. See FAQ here to get you started.
  • Link triggers (floating buttons) to other pages instead of Flyouts.
  • Automatic Updates from the WordPress Dashboard.

Support

We will answer basic support questions on CodeCanyon. If you have any issues with running Flyouts on your website, please contact us. We cannot guarantee that there will not be any conflicts with your theme or other plugins; however, we will do our best to help you solve any issues. Download includes a pdf support document and online documentation is always available at support.bnecreative.com.

Plugin Requirements

  • WordPress Version: 4.0+
  • Your theme must provide wp_head() and wp_footer() hooks. These are usually found in header.php and footer.php respectively and 90% of the time already there as it’s a standard inclusion in themes.
  • Browser Support: IE 9+, Safari, Google Chrome, Firefox.

Changelog

You can update BNE Flyouts automatically from your WP Dashboard or by re-downloading your purchase files.
View the latest changelog here.

created by bluenotes
last update 2018-06-18T14:31:19+10:00

Latest Tweets

  • wordpress
    It's the final countdown! There are officially 4 days until State of the Word 2022. Mark your calendars and join co… https://t.co/jv2LmhmPr3 about 6 hours ago
  • wordpress
    It's the final countdown! There are officially 5 days until State of the Word 2022. Mark your calendars and join co… https://t.co/dAaXlVjjmm about a day ago
  • wordpress
    📸 This time of year is a great opportunity to bring out your inner photographer. Fancy challenging yourself? Find d… https://t.co/j5x3b2Q5t2 about a day ago
  • wordpress
    Want to add an internal link faster than it’ll take you to read this? With WordPress 6.1, just use the “[[“ shortcu… https://t.co/A1AixNsLfz about 2 days ago
  • wordpress
    It's the final countdown! There are officially 6 days until State of the Word 2022. Mark your calendars and join co… https://t.co/Fg5BHYGTYK about 2 days ago
  • wordpress
    It's the final countdown! There are officially 7 days until State of the Word 2022. Mark your calendars and join co… https://t.co/KFKXuH2i07 about 3 days ago
  • wordpress
    The contrasting palette that contributor @jessicalyschik used for her style variation is a nod to pianist Belle Che… https://t.co/o2OtyzrWy1 about 3 days ago
  • wordpress
    💡 Did you know? Openverse and the Photo Directory are different #WordPress projects, but they complement each other… https://t.co/2QyViXuuI8 about 4 days ago
  • wordpress
    Tomorrow! Join #WPDiversity to get started with speaking at #WordPress events like #WordCamp. Register now!… https://t.co/fhZ9UB5n8g about 5 days ago
  • wordpress
    HAPPENING TOMORROW --> Join #WordPress for a live, online, and interactive workshop entitled, "Image SEO Best Pract… https://t.co/MbFdTE38ac about 5 days ago
  • wordpress
    Creating a block theme? WordPress 6.1 lets you add another layer of responsiveness with fluid typography:… https://t.co/Hxnkt6tpPx about 6 days ago
  • wordpress
    The 2022 WordPress Survey is open! If WordPress is a part of your life in any way, sharing your experience can have… https://t.co/Kgqv0DQcou about 6 days ago
  • wordpress
    There are bound to be peaks and valleys in your personal and professional journeys. #WordPress grows with you and y… https://t.co/paLC0kFD3o about 7 days ago
  • wordpress
    Upcoming online workshop for intermediate/advanced #WordPress site builders and developers. Explore Global Styles (… https://t.co/Kggn4y9DnS about 7 days ago
  • wordpress
    You CAN speak at #WordCamp! Join #WPDiversity's free session to help diverse speakers start speaking at #WordPress… https://t.co/ssGIalnupP about 8 days ago
  • wordpress
    New Online Workshop - Using the Navigation Block in #WordPress 6.1 - Register for this free interactive session her… https://t.co/jvLQ0CMsHI about 8 days ago
  • wordpress
    The Cover Block in #WordPress allows you to display text and other content on top of an image or video. It is a gre… https://t.co/N6IymzcOfZ about 8 days ago
  • wordpress
    WordPress 6.1 lets you combine border controls to create unique decorations for all kinds of elements on your site.… https://t.co/mQfRvuUuii about 9 days ago
  • wordpress
    Only two weeks until the 2022 State of the Word event. Remember to mark your calendars for the big day on December… https://t.co/Z9sLwIDTd4 about 10 days ago
  • wordpress
    Share Your Experience: The 2022 WordPress Survey is Open - Take the annual survey and provide your feedback about… https://t.co/KqDpOdHbWx about 10 days ago