View
302
Download
0
Embed Size (px)
Citation preview
How to make Contact Form using Caldera Plugin
www.aimeeemejas.com
What is Caldera Forms?
www.aimeeemejas.com
Caldera is a free Wordpressplugin to create responsive
Contact Form
www.aimeeemejas.com
It’s easy to use because of its drag and drop feature
www.aimeeemejas.com
Are your ready?
www.aimeeemejas.com
Let’s start!
www.aimeeemejas.com
Go to your Wordpress Dashboard
www.aimeeemejas.com
Click Plugin and Add New
www.aimeeemejas.com
Type in Caldera Forms on the search bar
www.aimeeemejas.com
www.aimeeemejas.com
Select Caldera Forms – Drag and drop
www.aimeeemejas.com
Click Install Now
Click activate the plugin
www.aimeeemejas.com
Go back to your WordpressDashboard
www.aimeeemejas.com
Hover your mouse toCaldera Forms
www.aimeeemejas.com
Click New Form
www.aimeeemejas.com
Choose Blank Form
www.aimeeemejas.com
Put the name of yourContact Form
www.aimeeemejas.com
Click Create Form
www.aimeeemejas.com
Click Add Field and drag to white space
www.aimeeemejas.com
Select Single Line Text
www.aimeeemejas.com
You have now your first field
www.aimeeemejas.com
Click this button to split the field into two
www.aimeeemejas.com
Select the other half then Delete field
www.aimeeemejas.com
Click okay
www.aimeeemejas.com
Type First Name on the space provided
www.aimeeemejas.com
Put check on Required button
www.aimeeemejas.com
Let’s add another field
www.aimeeemejas.com
Click Plus (+) button to add another field
www.aimeeemejas.com
Do the same process for other fields
www.aimeeemejas.com
Select Single Line Text
www.aimeeemejas.com
Type in Last Name and put check on Required button
www.aimeeemejas.com
Select Email Address field
www.aimeeemejas.com
Type in Email Address and put check on Required button
www.aimeeemejas.com
This time, let’s create a dropdown select
www.aimeeemejas.com
Choose Select and DrowdownSelect
www.aimeeemejas.com
Type the title name here
www.aimeeemejas.com
Put check button on Required field
www.aimeeemejas.com
Scroll down and click Add Option
www.aimeeemejas.com
Type in the services you offer
www.aimeeemejas.com
Click Add option for other services
www.aimeeemejas.com
Put all the VA services you offer
www.aimeeemejas.com
Add another field for Message.
www.aimeeemejas.com
Let’s add button field
www.aimeeemejas.com
Select Button
www.aimeeemejas.com
Type Submit for our Button field
www.aimeeemejas.com
Click Email
www.aimeeemejas.com
Type in your email address here
www.aimeeemejas.com
Check other details
www.aimeeemejas.com
Click Form Settings
www.aimeeemejas.com
Customize the Success Message
www.aimeeemejas.com
www.aimeeemejas.com
Click Preview Form
www.aimeeemejas.com
Click Save Form
www.aimeeemejas.com
Preview
www.aimeeemejas.com
Now, let’s createContact Page
www.aimeeemejas.com
Go back to your WordpressDashboard
www.aimeeemejas.com
Go to Page and Add New
www.aimeeemejas.com
I already created my Contact Page
www.aimeeemejas.com
www.aimeeemejas.com
Put the title here
www.aimeeemejas.com
Click Caldera Forms
Choose which forms you will use and Click Insert Form
www.aimeeemejas.com
The shortcode will automatically embed on the page
www.aimeeemejas.com
Click Update
www.aimeeemejas.com
Click Preview Changes
www.aimeeemejas.com
This is how it looks like
www.aimeeemejas.com
Now, let’s check if our form is working!
www.aimeeemejas.com
Open an Incognito Window
www.aimeeemejas.com
Go to your Website Contact Page
www.aimeeemejas.com
Fill out the form
www.aimeeemejas.com
Click Submit
www.aimeeemejas.com
After submission you’ll see this message
www.aimeeemejas.com
Check your email for notification
www.aimeeemejas.com
You can also check in Caldera
www.aimeeemejas.com
Click Entries
www.aimeeemejas.com
You will see these entries
www.aimeeemejas.com
Click View
www.aimeeemejas.com
www.aimeeemejas.com
And we’re done!
www.aimeeemejas.com
www.aimeeemejas.com
Thank you for viewing!
www.aimeeemejas.com
Visit
www.aimeeemejas.com
for other dynamic tutorial
guides
www.aimeeemejas.com
I would love to hear
your comments.
www.aimeeemejas.com
www.aimeeemejas.com
Source:
https://calderaforms.com
www.aimeeemejas.com