Footer Flyout Widget

This plugin provides a sidebar which will be displayed as a footer flyout where mutliple widgets can be added. The sidebar can be customized as given in the footer flyout widget settings in admin menu or you can add custom css.

For Demo and Documentation visit http://www.wpwox.com/footer-flyout-widget

1. There are two ways to install the plugin:
   a) Use the ‘automatic install from the WordPress plugin directory’ option in the
   WordPress admin panel. Search for “Footer Flyout Widget”
   OR
   b) Download the zip-file, and use the ‘upload’ option in the WordPress > admin panel > plugins > new plugin > upload plugin

2. Activate the plugin through the ‘Plugins’ menu in WordPress

Modify the plugin settings in Footer Flyout Widget Menu after installation.

Once you have installed the plugin and activated it, a new sidebar named Footer Flyout Sidebar is created where you can add widgets to display in the flyout.

1. Position of Flyout: Select whether to show the flyout in left or right screen of the screen.

2. Show Only Heading first: Select yes if you want to show heading at first and then content after clicking on the heading. This only works when you specify custom heading at 14.

3. Show the Flyout on mobile screen: This option is to disable or enable the flyout in mobile screen less than 400px. Select no to disable and yes to enable.

4. Disable Animation: To disable the animation of flyout widget, select yes.

5. Text Color: Add the hex value of color you choose to use as standard text color.

6. Link and Heading Color: Add the hex value of color for links and headings.

7. Background Color: Add the hex value of color you choose to use as background color of the flyout.

8. Button Color: Add the hex value of color for the close button.

9. Button Background Color: Add the hex value of color for the background of close button.

10. Button Hover Color: Add the hex value of color for the close button on hover.

11. Button Hover Background Color: Add the hex value of color for the background of close button on hover.

12. Custom Height: Enter the custom height of flyout in px.

13. Custom Width: Enter the custom width of flyout in px.

14. Custom Heading: Add the Custom heading in this area that gets displayed in the flyout.

15. Custom CSS: In this area, you can add custom css to the flyout.

Can I add custom css for the sidebar?

Yes, you can add custom css from the Footer Flyout Widget Menu.

Can I add multiple widgets in the sidebar?

Yes, you can add multiple widgets in the sidebar.

1.0

• Initial release version

1.1

• Minor bug fixes