Side Menu – add fixed side buttons

Description

The Side Menu is the free plugin to create a convenient sidebar on your site. It allows you to add fixed slideout buttons to the left or right of the page. Insert any links or display modal windows on click to provide additional content.

Demo

Demo

Main features

Improve the usability of your site using the compact sidebar. The Side Menu gives you the following options:

  • change the position of the navigation bar: left or right;
  • select from 600+ Font awesome icons to display on the button;
  • insert any links;
  • display modal windows with different content;
  • setup in-page navigation with the #anchor-links;
  • define the order of the menu items.

Can be used for:

  • the side menu on the page;
  • site navigation;
  • buttons to download individual files;
  • feedback from users (through the output of modal windows).

What can you use side menu for?

  • Grab users’ attention and lead them where you want or serve them the content or functionality you want
  • Insert your links and lead them to sections of your website or to external destinations
  • Engage & delight users with extra functions, widgets and content
  • Use it together with Wow Modal Windows & Wow Forms to be able to:
  • Set up an email optins, lead magnets
  • Set up a phone call request widgets
  • Setup online order forms, price calculators & other interactive widgets

The free Side Menu extension will give you the compact sidebar menu. It helps to focus users’ attention on the information that you need. It can serve to create site navigation or enhance functionality by outputting modal windows. Use it to add feedback forms, subscriptions, online calculators and other interactive widgets

Pro version

Pro version demo

Expand the possibilities of using the plugin by connecting its Pro version:

  • change the display style of the panel to your liking;
  • create an unlimited amount of menus;
  • align the navigation vertically;
  • add margin and gap between buttons;
  • change the size of the elements and icons;
  • set up the font size and style;
  • create and edit borders, change its color;
  • use not only the built-in icon font, but also the images that you select;
  • add built-in social share, print button and user menus;
  • select the color palette and backlight for each individual element;
  • change the parameters of the menu output depending on the language of the page, screen sizes, user status;
  • set the display of navigation on separate pages, use ID settings, exceptions and much more.

Compatibility with other popular plugins

A useful post

Frequently Asked Questions

  • How to open ‘Modal Window’ via a Side Menu?
  • How to hide side menu on mobile?

View Answers

Support

Search for answers and ask your questions at support center

Screenshots

  • This is an example of a side menu
  • Buttons slide out on hover
  • Use with Wow Modal Windows & Forms to create email optins and lead magnets
  • Pro version side menus example
  • Pro version side menus example
  • Side menu setup example
  • Pro version features

Installation

  • Installation option 1: Find and install this plugin in the Plugins -> Add new section of your wp-admin
  • Installation option 2: Download the zip file, then upload the plugin via the wp-admin in the Plugins -> Add new section. Or unzip the archive and upload the folder to the plugins directory /wp-content/plugins/ via ftp
  • Press Activate when you have installed the plugin via dashboard or press Activate in the in the Plugins list
  • Go to Side Menu section that will appear in your main menu on the left
  • Click Add new to create your first item
  • Setup your item
  • Click Save

FAQ

Installation Instructions
  • Installation option 1: Find and install this plugin in the Plugins -> Add new section of your wp-admin
  • Installation option 2: Download the zip file, then upload the plugin via the wp-admin in the Plugins -> Add new section. Or unzip the archive and upload the folder to the plugins directory /wp-content/plugins/ via ftp
  • Press Activate when you have installed the plugin via dashboard or press Activate in the in the Plugins list
  • Go to Side Menu section that will appear in your main menu on the left
  • Click Add new to create your first item
  • Setup your item
  • Click Save
How to open ‘Modal Window’ via a Side Menu?

Install plugin Modal Window

  • Create a modal window
  • In the option Show a modal window select -> Click on a link (with id)
  • Copy and paste the shortcode, such as [Wow-Modal-Windows id=1], to where you want the modal window to appear.
  • Create Side Menu Item
  • In the option Item type select -> modal window
  • Then enter which modal window to show. Enter Modal window ID such as wow-modal-id-1
  • Save Menu Item
How to hide side menu on mobile?

You can paste the code into a style for hide the side menu on mobile
@media screen and (max-width: 480px) {
.wp-side-menu {display:none;}
}

Reviews

What’s to review?

Installed, activated and that’s about the most fun I had! Everything’s locked. This should be a pro version, because you can’t use it unless you upgrade. Doesn’t look worth bothering with. Can’t believe how many have installed this. Really?

furious

so the latest upgrade just changed the layout of my whole site and locked the color options and you are basically holding me to ransom to upgrade to the pro version. I would have happily done that if that had just been an option, but this is some shady bullshit. Incredibly unprofessional.

Read all 9 reviews

Contributors & Developers

“Side Menu – add fixed side buttons” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

3.1.2

  • Deleted: quantity constraint

3.1.1

  • Fixed: main class

3.1

  • Fixed: minor bugs
  • Added: Support page
  • Added: Discount page

3.0

  • Added: 2 items of menu.
  • Changed: Admin style.
  • Changed: Structure of plugin.
  • Fixed: Main style.

2.2.1

  • Fixed: minor bugs.
  • Added: FAQ.

2.2

  • Added: New icons (Font Awesome 4.7)
  • Changed: Select of icons
  • Changed: Admin style

2.1

  • Save settings
  • Optimized code.

2.0

  • Fixed code
  • Change style

1.1.1

  • Fixed icon

1.1

  • Fixed code
  • Change style

1.0.2

  • Edited contacts

1.0.1

  • Fixed show

1.0

  • Initial release