Creates a Animated slide-in widget panel

The Genesis Slide-in Widget creates a slide-in panel, to quickly show side content, navigation, contact form, notifications or profile information. Set background-color, button position and choose the width of the panel.

Download

Genesis Slide-in Widget Plugin Installation

The Plugin installation is a straightforward process. There are two ways to install the plugin:

WordPress Dashboard upload:

1. Download the plugin to your computer
2. Navigate to Plugins -> Add New
3. Select  ‘Add New’  at the top and ‘Upload Plugin’ on the next page
4. Browse to the plugin you’ve just downloaded and select it
5. Click ‘Install Now’ and the plugin will be installed
6. Active the plugin

Install from the WordPress repository:

1. Navigate to Plugins -> Add New
2. Select ‘Add New’ at the top
3. Use the search field and search for ‘Genesis slide-in widget’
4. If you find the plugin, hit the ‘Install button’ and the plugin will be installed
5. Active the plugin

Set the widget

Navigate to Appearance > Widgets. In the right column you see a new widget area with the name Slide-in Widget. Add a widget of your choice, for example a custom menu or text widget. If you don’t set a widget there is nothing to show!

When the widget is set and saved go to the frontpage and see the result.

Configuration of the Genesis slide-in widget

 The Plugin settings can be found in your WordPress back-end under Genesis in the navigation bar.

Load plugin styling.
Disables all of the styling. This includes all the effects.

Show Button
Uncheck this option if you don’t want to show the trigger button. Instead you can use the shortcode to fire the slide-in widget.

Button text
Set the title of the button. The button fire’s the overlay widget area.

Button Color
Set the Button background color.

Position
Set the position of the button fixed or absolute.

Settings panel
Slide the widget panel in from the left or right. Set the width of the widget panel. You can choose, 10%, 20%, 30%, 40%, 50% and 100%.

Color Settings
Set the background color of the widget slide in panel. The background color can be set in rgba or hex. The text color is only set on text not on links.

How to use the short-code

If you like to fire the Slide-in widget not only from the activation button you can use the short-code. With the short-code you can place the trigger in the content of your posts, pages, or widgets.

The short-code above creates a activation link with the text “Activate the Slide in widget”. Change this text to your own, and that is it!