How to Create a Simple Contact Form with Caldera Forms

In this post, we will learn how to create a simple contact form in WordPress using Caldera Forms Free. Like this:

If your site is private or in trial, just setup password and share url. See how to: https://beaverhero.com/squarespace-how-to/
Thanks don't pay the bill. Would you like to donate a small sum ($1, $2, $5...), if your problem is solved?

Step 1. Install & Activate Caldera Forms

Follow this guide to know how to Install, Activate and Configure Caldera Forms Free.

Step 2. Create Contact Form

First, Caldera Forms > New Form

caldera-forms-new-form1-min

There are some form templates. But we will choose Blank Form, so you know how to create a Contact Form from scratch!

caldera-forms-new-form2-min

Name Your Form > Create Form

caldera-forms-new-form3-min

Hover on White Box > Click Plus icon

caldera-forms-new-form4

Click Set Field at Single Line Text

caldera-forms-new-form5

Type Name & Required

caldera-forms-your-name-1-min

Click Grey Plus icon to create New White Box

caldera-forms-new-white-box1-min

Do similar “Your Name” Field

caldera-forms-new-form4

Click Set Field at Email Address

caldera-forms-your-email-min

Type Name & Required

caldera-forms-your-email2-min

Do Similar to create Your Message Field

caldera-forms-your-message1-min

and

caldera-forms-your-message2-min

And Button

caldera-forms-submit-button2-min

Then Save Form and Preview Form

caldera-forms-save-form-min

Preview Form

caldera-forms-preview-form-min

Step 3. Email Settings

First, click Email

caldera-forms-form-settings4-min

In email

caldera-forms-form-settings5-min

and

Step 4. Form Settings

You can customize Success Message

caldera-forms-success-message1-min

For example

caldera-forms-success-message2-min

%your_name%, %your_email% are slug of fields.

caldera-forms-slug-field-min

Preview Form

caldera-forms-success-message3-min

Step 5. Insert Contact Form into Post/Page

Form Settings > Copy Shortcode

caldera-forms-shortcode1-min

Past it anywhere you need to insert contact form. You can paste in Posts, Pages, Sidebar,…

caldera-forms-shortcode2-min

Done!

Share this post:

Leave a Reply

avatar
  Subscribe  
Notify of