Horje
WPWOX Footer Flyout Widget provides you with a fully customizable sidebar where you can add widgets and display them in the pages as a flyout. Wordpress Tutorial

Noted That:

  • To install correctly this footer-flyout-widget.zip .
  • Fisrt Download the footer-flyout-widget.zip to your computer
  • Extract/Open footer-flyout-widget.zip to Your Computer.
  • Then, Find readme.txt file inside footer-flyout-widget.zip and Open readme.txt .
  • Now, Read the Requirements of this plugin. Which Wordpress Version and PHP Version are required to run this Plugin in Your Wordpress Site.
  • Then, Follow the Tips Below.

Start the Tips:

1. First Download " footer-flyout-widget.zip " Plugin to your Local Computer. (Click Download)

2. Then, Login to your " yourdomain.com/wp-admin " Dashboard.

/stack/wp/e1593231376d7d849d2-4597-4fa3-a6ff-1eca18f72aab.png

3. Then, Click on " Plugins " + " Add New " from left sidemenu of Dashboard.

/stack/wp/e1593231378Screenshot20.png

4. Now, Click on "Upload Plugin" button.

/stack/wp/e1593231380Screenshot-2019-4-2AddPluginsHorjeWordPress.png

 

5. Now, Browse " footer-flyout-widget.zip "  Downloaded plugin from your computer, Where you downloaded footer-flyout-widget.zip According to Step – 1 Above then, click on " Install Now"

/stack/wp/e15931461531577025694plugin.png

6. Now, Click on " Active Plugin"

/stack/wp/e15932313830ca45529-bf73-4101-8178-53ae60ce549f.png

7. Then, See left sidemenu. " Footer Flyout Widget " folder is added on left sidemenu. Now, Click on " Footer Flyout Widget " folder.

   Noted that: If you do not see " Footer Flyout Widget " folder on left sidemenu then, see at left sidemenu " Settings " or " Tools ".

8. Now you configure yourself oR Watch video tutorial below about  Footer Flyout Widget Configurtions and Settings or How to work " Footer Flyout Widget " in your WordPress site.

 

oR

After Activated Plugin According to Step-6 then,

  1. Go to " Plugins " + " Installed Plugin " from Wordpress Admin Panel Leftside Menu.
  2. or Direct go to: https://yourdomain/wp-admin/plugins.php
  3. Then, Find " Footer Flyout Widget " Activated Plugin from Plugin List.
  4. Then, Click on " Settings " from Plugin that is Footer Flyout Widget
  5. Now, Edit/Add/Config the setting and Click on " Save Changes " button,
WP Plugin Setting



Guide
  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.


flyout , wpwox , footer , widget , provides , fully , customizable , sidebar , widgets , display ,

Name

Read Article
https://develop.horje.com/learn/1434/reference