puckettworks

<p>Puckettwork’s Super Simple Sticky Sidebar adds a fixed-position panel to the left or right edge of your site. It stays visible as visitors scroll, making it ideal for calls to action, contact info, announcements, or navigation links. Very Simple but effective for anything that needs a static menu or text links (or ads) attached to the left or right of the screen. I was creating an online manual and wanted the table of contents with section links to stay on the left side of the screen as the user scrolled through the manual. This plugin allows the links to remain on the screen at all times so the user can jump to a particular section in the manual.  I thought it may be useful since I couldn’t find anything like it so I created a plugin to do the job.</p>
<p>Puckettwork’s Super Simple Sticky Sidebar has a good selection of configurable settings like color, position, transparency, size and offsets. That should be enough to customize it to your needs.  Settings can be found under the menu Settings–>puckettworks simple sticky sidebar.</p>
<h3>Features</h3>
<p>Visual editor (TinyMCE) for rich content   bold, italic, lists, links, images, and raw HTML<br />
  Left or right side positioning<br />
  Background color picker<br />
  Adjustable width (px or %), vertical position, padding, title font size, and opacity<br />
  Collapsible toggle button with state remembered in local Storage<br />
  Page visibility rules   show on all pages, only specific pages, or exclude specific pages<br />
  Target by page/post ID or content type (front page, blog, single posts, pages, archives)</p>


Puckettworks Super Simple Sticky Sidebar

A fixed sticky sidebar. Fully configurable from Settings.

Tomer Aharon

Gal Dubinski

Premio

<p>WP Sticky Sidebar plugin will make your floating sidebar menu visible at all times, making it permanently visible while scrolling. The biggest problem with default sidebars is that they can be seen only when the user is in a particular viewport where the sidebar appears. So what’s wrong with that? The biggest problem is that your visitors can’t navigate easily from anywhere on the site using the sidebar menu, and in many cases your bounce rate will skyrocket because you will find that your website’s visitors are leaving the site because they did not find what they were looking for.</p>
<p>Once you install the plugin, your fixed sidebar menu will always be visible, and this will increase your website’s usability, accessibility and therefore will increase your general conversion rate. If you want to change the CSS style, disable on scroll down or disable on specific pages. check out the <a href="https://premio.io/downloads/wpstickysidebar/" title="WP Sticky Sidebar pro plans" rel="nofollow ugc"><strong>Pro version</strong></a>.</p>
<h4>BENEFITS</h4>
<ul>
<li>Your floating sidebar menu will help your visitors navigate easily through your site</li>
<li>Allow your visitors find page they were looking for and reduce bounce rate</li>
<li>Super easy to install, usually will work out of the box</li>
</ul>
<h4>HOW DOES IT WORK</h4>
<p>By default, it uses “#secondary” css id under “Sticky Class” setting field and that should be modified for different themes to make them work. Don’t forget this, it’s a mandatory field for certain themes. Use additional margin top to fine tune sidebar menu position.</p>
<p>Sticky sidebar plugin will work out of box with some themes which use “#secondary” id for sticky sidebar menu by default such as: Twenty Sixteen, Twenty Fourteen, Twenty Twelve, Total, Flat Bootstrap and many more… Plugin is localized (multi language support) and will allow you to create a responsive fixed sidebar (as far as your theme is).</p>
<h4>WHAT DO YOU GET IN THE FREE PLAN?</h4>
<ul>
<li>
<p>Sticky Sidebar Class: CSS class or id of the sidebar element desired to be sticky. Defaults to “#secondary”. This is mandatory field and it must be filled!</p>
</li>
<li>
<p>Container Class: Container element class or id. If left blank script will try to guess. It must be element that contains both sidebar menu and content. Usually it is #main, #main-content or #primary. Mostly this parameter is not needed for majority of themes.</p>
</li>
<li>
<p>Additional Top Margin: An additional top margin in pixels to your floating sidebar.</p>
</li>
<li>
<p>Additional Bottom Margin: An additional bottom margin in pixels to your floating sidebar.</p>
</li>
<li>
<p>Disable sidebar stickiness if screen width is smaller than: this feature will prevent the appearance of the sticky sidebar.</p>
</li>
<li>
<p>Update floating sidebar menu height: Troubleshooting option, try this if your sidebar menu loses its background color. True or False.</p>
</li>
</ul>
<h4>WHAT DO YOU GET IN THE PRO PLAN?</h4>
<ul>
<li>Disable floating sidebar on Desktop/Mobile</li>
<li>Add CSS style to the sticky sidebar – create your custom sidebar</li>
<li>Disable floating sidebar on specific pages, front page, blog page, posts, categories, tags, archives<br />
<a href="https://premio.io/downloads/wpstickysidebar/" title="WP Sticky Sidebar pro plans" rel="nofollow ugc"><strong>>>> See Pro plans here</strong></a> </li>
</ul>
<h4>Testimonials</h4>
<blockquote>
<p>“I was using my default theme’s sticky sidebar, but it was not working as I want on my blog, then I got this plugin and it worked perfectly.”</p>
<p> <strong>Divesh Diggiwal, </strong> WebTechPreneur</p>
</blockquote>
<p>Plugin integrates magnificent <a href="https://github.com/WeCodePixels/theia-sticky-sidebar" rel="nofollow ugc">Theia Sticky Sidebar</a> v1.7.0 javascript code (Released under the MIT license, Copyright 2013-2016 WeCodePixels and other contributors) with WordPress</p>


WP Sticky Sidebar – Floating Sidebar On Scroll for Any Theme

Thank you

Works very well

WP Sticky Sidebar plugin will make your menu or header stick to the side of page, after desired number of pixels when scrolled 📌

Puckettworks Super Simple Sticky Sidebar vs WP Sticky Sidebar – Floating Sidebar On Scroll for Any Theme