Banner for Unhide Contact Form 7 Mouse Over
It brings your contact form 7 when your mouse is over of a specific div. Wordpress Tutorial
Noted That:
  • To install correctly this unhide-contact-form-7-mouse-over.zip .
  • Fisrt Download the unhide-contact-form-7-mouse-over.zip to your computer
  • Extract/Open unhide-contact-form-7-mouse-over.zip to Your Computer.
  • Then, Find readme.txt file inside unhide-contact-form-7-mouse-over.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:

Step-1 : Download " unhide-contact-form-7-mouse-over.zip " to Your Local Computer.

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

Login to Wordpress Unhide Contact Form 7 Mouse Over

Step-3 : Then, Click on " Plugins " + " Add New " from left Side Menu of Dashboard.

Go to Plugin Install Unhide Contact Form 7 Mouse Over

Step-4 : Now, Click on " Upload Plugin " button.

Click Upload Button Unhide Contact Form 7 Mouse Over

Step-5 : Now, Browse " unhide-contact-form-7-mouse-over.zip " Downloaded plugin from your computer, Where you downloaded " unhide-contact-form-7-mouse-over.zip " According to Step – 1 Above then, click on " Install Now "

Upload Plugin Unhide Contact Form 7 Mouse Over

Step-6 : Now, Click on " Active Plugin "

Activate Unhide Contact Form 7 Mouse Over

Step-7 : Then, See left Side Menu. " Unhide Contact Form 7 Mouse Over " folder is added on left Side Menu. Now, Click on " Unhide Contact Form 7 Mouse Over " folder.

Noted that: If you do not see " Unhide Contact Form 7 Mouse Over " folder on left Side Menu then, see at left Side Menu " Settings " or " Tools ".

Step-8 : Now you configure yourself oR Watch video tutorial below about Unhide Contact Form 7 Mouse Over Configurations and Settings or How to work " Unhide Contact Form 7 Mouse Over " 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 " Unhide Contact Form 7 on Mouse Over " Activated Plugin from Plugin List.
  4. Then, Click on " Settings " from Plugin that is Unhide Contact Form 7 on Mouse Over
  5. Now, Edit/Add/Config the setting and Click on " Save Changes " button,
WP Plugin Setting



Guide
  1. Open fancy-contact-form-7.js
  2. Update var contactFormWrapper = jQuery(‘#rpcMMKJWQIM9YF1KSY2NC32TK93XXGDTVNI’); with your main contact form wrapper ID
  3. Update jQuery(‘#rpcRPTE57344V8BB5BS0GY7B72U9F7AOXT2’).mouseover(function() with the div you would like to appear you form when the mouse is over
  4. Upload it to plugins folder (/wp-content/plugins/)
  5. Activate the plugin
  6. It is done. Use it!!!

Name