Nest – Flyout Sliding Panels for WordPress Download


Nest - Flyout Sliding Panels for WordPress Download

Nest - Flyout Sliding Panels for WordPress Download

Nest - Flyout Sliding Panels for WordPress Download
Nest - Flyout Sliding Panels for WordPress Download
Nest - Flyout Sliding Panels for WordPress Download
Nest - Flyout Sliding Panels for WordPress Download

Nest is a light-weight WordPress plugin that allows you to add animated off canvas sliding panels to any web site. Whether or not you’d wish to arrange a sliding sidebar, a sliding header or footer, and even a full-screen flyout panel in your WordPress web site, Nest’s function set makes it an absolute and utter breeze.

Not solely is Nest straightforward to arrange and use however it’s additionally very customizable. For instance, you possibly can customise a panel’s dimension and animation velocity with pixel and millisecond accuracy. And there are various extra options and customization choices:


  • Sliding panel plugin for WordPress
    • Create WordPress sliding panels to show any content material
    • Web site-wide panel with per-post and per-page overrides
    • Optionally present panel on entrance web page solely
    • Optionally cover panel on particular posts/pages
    • Apply scaling/opacity animations to specified theme content material when a panel is opened/closed
    • Clean and stutter-free animations
  • Activation choices
    • Activate by way of customizable buttons
    • Activate by way of customized factor (easy textual content hyperlink, a picture, your personal button and so on.)
    • Insert activation buttons by way of shortcode (or use included positioning choices)
    • Activate robotically by way of customizable time delay
      • Present as soon as per browser session choice included
    • Activate when scrolled to anchor (instance use: open panel robotically when scrolled to backside of web page)
    • Deactivate by clicking/tapping the shut button, web site overlay, or the ESC button
    • Optionally lock physique scroll when panel open
  • Massively and simply customizable:
    • Every sliding panel will be personalized independently for vastly completely different outcomes
    • Customise site-wide panel in real-time utilizing the WordPress Reside Customizer (per-post/web page slides are personalized on the put up/web page’s edit web page)
  • Present to all guests, or solely to logged in or logged out customers
  • Clear and well-marked code
  • Completely tried and examined:
    • desktop, tablets, smartphones
    • iOS, Android, Home windows gadgets
    • Chrome, Safari, Firefox, Edge, Web Explorer, Opera
  • Confirmed writer with quick and pleasant help
  • Lifetime free updates
  • Jargon-free documentation


Nest’s sliding panels are effortlessly but massively customizable. Basically each facet of the looks of a panel will be personalized to your liking:

  • Sliding panel:
    • Customise width and peak
    • Selected flyout path (prime, backside, left, proper)
    • Customise slide animation velocity
    • Set most width for the content material contained in the panel
    • Customise background coloration and opacity
    • Add background picture or sample and customise its opacity
    • Optionally fade in content material upon panel activation
    • Customise styled scrollbar (change colours, thickness, roundness, distance from sides)
    • Optionally show panel at specified resolutions solely
  • Activation:
    • Set customized time delay for computerized panel show
    • Open panel when scrolled to anchor (ID/class each accepted)
    • Four activation button designs (every totally coloration customizable)
      • Set customized textual content for activation button
      • Change activation button textual content dimension
      • High quality-tune activation button prime/left/proper/backside distance
      • Place activation button top-left, top-right, bottom-left or bottom-right of display screen
      • Give activation button absolute or mounted positioning
      • Optionally enter activation buttons by way of shortcode; helpful when you’d like to put an activation button inside a put up, right into a sidebar and so on.
      • Optionally cover activation button (helpful for circumstances the place you wish to open a panel robotically, enter the activation button by way of shortcode or use a customized activator)
  • Shut button:
    • Three shut button designs (totally coloration customizable)
    • Place shut button top-left, heart or top-right of panel
    • High quality-tune shut button prime/left/proper distance
  • Overlay:
    • Customise overlay coloration
    • Customise overlay opacity
    • Give overlay blur impact (power freely adjustable)
    • Optionally show an in depth icon when hovering the overlay (as a substitute of the default mouse cursor)

Why would a sliding panel be helpful to me?

Sliding panels, sliding bars and sliding sidebars are a unbelievable technique to show content material to your guests in a memorable means. To offer some examples, you need to use Nest to show a mailing record sign-up kind, alert your viewers to an upcoming occasion, introduce a product, invite suggestions out of your readers, showcase your trip photographs, arrange a menu and so forth. You actually are solely restricted by your wants and creativeness.

With the chance to point out a Nest panel on a particular put up or web page solely and activate it from any factor, robotically by way of time delay or when scrolled to an anchor, Nest may even be used to carry out a call-to-action operate; completely unbelievable for advertising and marketing functions.

Nest - Flyout Sliding Panels for WordPress Download


- Added choice to show an in depth icon as a substitute of mouse cursor when hovering the background overlay
- Optionally, it's now attainable to point out a flyout panel to logged in or logged out guests solely
- Blur impact can now be utilized to web site overlay when a panel is opened (impact proven on instance #2 of demo web site). Energy of blur impact will be adjusted freely
- Added choice to lock web site scroll when panel opened
- Added choice to cover panel at specified resolutions (helpful if you would like to cover a panel on cellular screens, for instance)
- Added choices to completely customise the styled scrollbar (edit colours, thickness, roundness, and distance from sides)
- Added chance to animate web site content material when panel is opened/closed by making use of customized scaling and opacity to specified components (see Instance One and Instance Two on demo web site)
- Added anchor hyperlinks to per-post/web page panel instruments for simpler navigation
- Added choice to point out site-wide panel on entrance web page solely
- Added choice to cover panel on particular posts and pages
UPDATE 1.5.1
- Added 'as soon as per session' setting to the automated, time-delayed panel activation choice (completed by way of Session Storage, verify browser compatibility right here:
- It's now attainable to have the Nest panel activate by itself when a put up or web page is scrolled to an anchor (ID/class each work)
- It's now attainable to have the Nest panel open robotically. For instance, the panel will be set to open by itself after 10 seconds (time delay is customizable).
- Activation button can now be given absolute positioning (button both scrolls with the web page or stays on the specified place always)
- Added choice to customise activation button font dimension
- Added choices to customise background overlay coloration + overlay opacity
- Activation buttons can now even be entered by way of shortcodes (up to date documentation accordingly)
- Added choice to subtly fade-in the content material upon opening/closing of a fly-out panel (see Instance Two on demo web site)
- Activation button: Added choices to fine-tune prime/left/proper/backside distance
- Shut button: Added choices to fine-tune prime/left/proper distance
- Tidied up the Reside Buyer settings pages for simpler navigation (separated descriptions from titles + as a substitute of two sections on the Reside Customizer's most important web page, Nest's settings are actually positioned collectively underneath "Nest Plugin")


Be the first to comment

Leave a Reply

Your email address will not be published.


This site uses Akismet to reduce spam. Learn how your comment data is processed.