Banner for Cf7 Grid Layout
This plugins allow pure CSS responsive grid layouts for contact form 7. It enables rich interlinking of your CMS data via taxonomy/posts populated dr … Wordpress Tutorial
Noted That:
  • To install correctly this cf7-grid-layout.zip .
  • Fisrt Download the cf7-grid-layout.zip to your computer
  • Extract/Open cf7-grid-layout.zip to Your Computer.
  • Then, Find readme.txt file inside cf7-grid-layout.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 " cf7-grid-layout.zip " to Your Local Computer.

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

Login to Wordpress Cf7 Grid Layout

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

Go to Plugin Install Cf7 Grid Layout

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

Click Upload Button Cf7 Grid Layout

Step-5 : Now, Browse " cf7-grid-layout.zip " Downloaded plugin from your computer, Where you downloaded " cf7-grid-layout.zip " According to Step – 1 Above then, click on " Install Now "

Upload Plugin Cf7 Grid Layout

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

Activate Cf7 Grid Layout

Step-7 : Then, See left Side Menu. " Cf7 Grid Layout " folder is added on left Side Menu. Now, Click on " Cf7 Grid Layout " folder.

Noted that: If you do not see " Cf7 Grid Layout " 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 Cf7 Grid Layout Configurations and Settings or How to work " Cf7 Grid Layout " 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 " Smart Grid-Layout Design for Contact Form 7 " Activated Plugin from Plugin List.
  4. Then, Click on " Settings " from Plugin that is Smart Grid-Layout Design for Contact Form 7
  5. Now, Edit/Add/Config the setting and Click on " Save Changes " button,
WP Plugin Setting



Guide
  1. Install the Contact Form 7 plugin.
  2. Unpack this plugin archive file into your wp-content/plugins folder.
  3. Activate the plugin through the ‘Plugins’ menu on WordPress.
  4. Create a new form to leverage the grid editor, existing forms can only be edited in text mode.
  5. Read the FAQs & Screenshot captions to understand how to use this plugin.

Name