How to Setup WPForms in Your Website?

How to Add Contact Form to your website

What is WPForms?

WPForms is an online form plugin where you can create form in minutes without touching any code

Why WPForms?

We recommend WPForms because it comes with drag and drop builder

  • Drag and drop form builder
  • User-friendly
  • Common pre-built form templates
  • Mobile responsive
  • Instant form notification
  • Easily embed in pages

Add a contact form to your website to let visitors get in touch with you

  1. Go to Plugins > Add New

  2. Search for WPForms

  3. Install and Activate it
  4. After activate, Go to WPForms > Add New

  5. WPForms setup page display

  6. Add your form name at the top
  7. Select one of the template based on your requirement
    The template choose here is Simple Contact Form

Customize Form Fields

  1. You are now on Fields section of WPForms
    You can add additional field by drag from left and drop to the form at right
    The right side is preview of your form

  2. Click Field Options if you want to configure field details and settings

    To edit a field on form, Click on the field and edit it on left
    In Field Options, you can change field label, format and description.
    You can also select the field as required.
    To reorder the field in the form, just drag the field and drop it to the position you want.
  3. After done editing the form, Click Save button at top right corner

Configure Form Confirmations

  1. Go to Settings > Confirmation

  2. Select confirmation type from dropdown list
    – Message
    – Show page – show page on your site
    – Go to URL (Redirect) – redirect to new URL
    By default, WPForms show a confirmation message, you can add messages (either thank you note / a message confirm submission) that appear after they submit the form. 
  3. Edit / Add message

  4. Click Save button after done

Configure Form Notifications

Get notification everytime a visitor submit a form on your website

  1. Go to Settings > Notifications

  2. By default, these notification sent to admin email address
    But you can add any email as recipient
    To add multiple email, separate each email by a commas
    Your form name is pre-filled in Email Subject
    When you reply an inquiry, it will reply to the email that visitor fill in the form
    You can also notify visitor about their submission through Smart Tags in WPForms
  3. Click Save button after done

Add Form to page

Option 1

  1. Edit page that you wish to add form
  2. Click + icon at the top

  3. Click WPForms under Widgets section
  4. Select the form you wish to add from the dropdown list
  5. Click Update to save changes

Option 2

  1. Go to WPForms in dashboard

  2. Click Edit link below form you wish to add to page

  3. Click Embed button at top right corner

  4. Copy the shortcode display in the prompt out

  5. Close the prompt out
  6. Edit page you wish to add form
  7. Paste the shortcode in the page
  8. Click Update button at upper right
    You can now see the form added in edited website page

Test Form

  1. Go to web page that you add the form
  2. Fill and Submit the form
    Confirmation message shown
  3. Check inbox for email notification on email that you enter in Send to Email Address in WPForms
    If you received notification, the form is work
    If you don’t receive any notification, Check this documentation

Scroll to Top