Kathryn - Contact Us Form Definition in Gravity Forms

⌘K
  1. Home
  2. Docs
  3. Kathryn: WordPress Accoun...
  4. General Setup
  5. Kathryn – Contact Us Form Definition in Gravity Forms

Kathryn – Contact Us Form Definition in Gravity Forms

To set up the contact us form like our demo, do the following within the Gravity Forms form definition page:

Form Settings

In the Form Settings fill in the “CSS Class Name” settings field with gforms-placeholder

Name, Email & Phone Fields

On the right side of the screen choose -> Advanced Fields

Click: Name, Email & Phone to add to form

                  Edit Name Field:

                                     – Edit Format -> Choose:  Simple

                  Edit all Fields:                 

                  Under Advanced Tab

                                    – Field Size -> Select: Large

                                    – Input Default Value (Ex: Name)

                                    – Input CSS Class Name to each field:

                                         – for Name enter “alignleft name”
                                         – for Email enter “alignleft email”
                                         – for Name enter “alignleft phone”

Comment Field

On the right side of the screen choose -> Standard Fields

Click : Paragraph Text to add to form

                  Edit Paragraph Text Field:

                                    -Input Field Label                 

                  Under Advanced Tab

                                    – Field Size -> Select: Medium

                                    – Input Default Value (Ex. Comment)

                                    – Input CSS Class Name “alignright comment”

Save Form

Was this article helpful to you? No Yes

How can we help?