Collapse

Announcement

Collapse
No announcement yet.

Steps To Create a Contact Form with Gravity Forms

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Steps To Create a Contact Form with Gravity Forms

    Gravity Forms:

    Gravity forms is a wordpress plugins which is used for making the contact forms.
    Gravity form can be used for making the contact form,WordPress post creation,calculators.
    Gravity form uses it own pre-built function and form builder. It also uses the same MySQL database system as WordPress, but stores all forms and entries in its own tables.
    Gravity form is easy to modify the forms.

    Steps to build the Gravity forms:

    Gravity form is the paid plugin you can download the plugin from the following link:
    Install and start using the best WordPress form plugin now! Gravity Forms provides the most trusted online form creator, built with your websites in mind.


    Steps to create the Gravity Form:
    1. Click on Form -> Add New Form -> Enter the form name and click on Create Form

    Click image for larger version  Name:	edit-1.jpg Views:	1 Size:	17.9 KB ID:	674​

    2. Edit the form by clicking on Edit Button
    Gravity form is like Drag and Drop Field Only where you can drag the fields from the standard fields, Advanced Fields, Post Fields and Pricing Fields.

    Click image for larger version  Name:	create-2.jpg Views:	1 Size:	33.8 KB ID:	675​

    3. For example :Create a Simple Contact Form:

    Click image for larger version  Name:	field-3.jpg Views:	1 Size:	23.4 KB ID:	676​

    4. Field rules and values can be set by clicking on click to expand and edit the option:

    Click image for larger version  Name:	edit-option.jpg Views:	1 Size:	36.1 KB ID:	677​

    Once the form is done you can preview the form and see how the form looks:

    We can copy the shortcode:
    The format of the shortcode is as follows: [gravityform id="1" title="true" description="true"]
    The user only have to change the id:
    Which is displayed over here:

    Click image for larger version  Name:	id.jpg Views:	1 Size:	19.0 KB ID:	678

    Copy the shortcode in the page and we can see the gravity form.

    This how you can display the Gravity Forms.
Working...
X