Horje
SimpleModal Contact Form (SMCF) is an Ajax powered modal contact form. It utilizes the jQuery JavaScript library and the SimpleModal jQuery plugin.

Noted That:

  • To install correctly this simplemodal-contact-form-smcf.zip.
  • Fisrt Download the simplemodal-contact-form-smcf.zip to your computer
  • Extract/Open simplemodal-contact-form-smcf.zip to Your Computer.
  • Then, Find readme.txt file inside simplemodal-contact-form-smcf.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 the Tips Below.

Start the Tips:

1. First Download "simplemodal-contact-form-smcf.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 "simplemodal-contact-form-smcf.zip" Downloaded plugin from your computer, Where you downloaded simplemodal-contact-form-smcf.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. "SimpleModal Contact Form (SMCF)" folder is added on left sidemenu. Now, Click on "SimpleModal Contact Form (SMCF)" folder.

   Noted that: If you do not see "SimpleModal Contact Form (SMCF)" folder on left sidemenu then, see at left sidemenu "Settings" or "Tools".

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



Guide

Requirements:

  • PHP mail()
  • jQuery 1.3 or greater

Steps:

  1. Unzip SMCF archive and put all files/folders into your “plugins” folder (/wp-content/plugins/). You should end up with /wp-content/plugins/simplemodal-contact-form-smcf/.
  2. Activate the plugin (WordPress Admin > Plugins > Click “Activate” for “SimpleModal Contact Form (SMCF)”)
  3. Set the desired options (Admin Dashboard > Settings > SimpleModal Contact Form)
  4. Enable SMCF on your site! SMCF works by looking for links (HTML A elements) with a class of “smcf-link”. See below:

You have 4 options:

a) Add the “smcf-link” to your existing (or new) contact link:

Contact

b) Use the “smcf()” function in one of your theme files (sidebar.php, for example):

 

c) If your contact link is generated using wp_page_menu() or wp_list_pages(), you can enter the contact link title in the SMCF Options under “Contact Link Title” and SMCF will automatically attempt to add the smcf-link class for that link.

d) If you are using the WordPress Menus (Admin > Appearance > Menus) feature, you’ll need to perform the following steps to manually add the necessary CSS class to the Menu item that you want to trigger SimpleModal Contact Form:

  1. On the Menus screen, click the ‘Screen Options’ link on the top right. In the “drop down”, select ‘CSS Classes’ under ‘Show advanced menu properties’.
  2. Now, for the link you want to use to trigger SimpleModal Contact Form, enter smcf-link under ‘CSS Classes (optional)’.
  3. That Menu item should trigger SimpleModal Contact Form when clicked!

jquery, simplemodal, form, contact, javascript, plugin, library, powered, smcf, ajax,

Name

Reffered: https://wordpress.org/

Share on: