Buy me a coffee

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/
Please check your email carefully. Recently I got a lot of questions with wrong emails.

Notes: If you do not receive a reply within 24 hours, you should resubmit the question.
Because most likely you entered the wrong email, or the question was not sent to my email.

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!

Leave a Comment

Ask me a question, free

If your site is private or in trial, just setup password and share url. See how to: https://beaverhero.com/squarespace-how-to/
Please check your email carefully. Recently I got a lot of questions with wrong emails.

If you haven't heard from me within 24 hours please check your junk/spam folder