Search Over 30,000 FREE Plugins from the Official WordPress Plugin Directory Repository

Caldera Forms - Drag and drop responsive WordPress form builder

A different kind of WordPress form builder.

Create beautiful, responsive forms with a simple drag and drop editor.

Caldera Forms' visual editor simplifies form building for WordPress. Set up your form with multiple columns, add additional pages, and funnel user responses with conditional logic to get more robust data and relevant information from your customers and site visitors. Anti-spam, AJAX, notification emails, and database entry tracking are enabled by default.

Caldera Forms is a free plugin by Caldera Labs. Learn more about Caldera Forms at CalderaForms.com

5 Stars! "Exceptionally well thought out and executed."

-Pippin Williamson: Developer of Easy Digital Downloads, Restrict Content Pro and AffiliateWP.

Responsive By Design

Caldera Forms is a different kind of WordPress form builder. With its intuitive drag and drop interface, it's never been easier and less stressful to create forms for your WordPress site that look awesome on any device. The visual editor simplifies form building for WordPress. Set up your form with multiple columns, add additional pages, and funnel user responses with conditional logic to get more robust data and relevant information from your customers and visitors.

Whether you are creating a simple contact form or a complex system, you'll love the drag and drop editor. Your site's visitors will love the totally responsive, live-updating forms.

"Caldera Forms does a thing well, let’s you build forms on your website quickly... I ship it with just about every site these days."

  • Alex Vasquez: Owner of the DigiSavvy agency.

Get Started Quickly With Form Templates

Caldera Forms ships with form templates that help you create beutiful, responsive forms quickly. With our powerful grid-base form builder, you can add new fields or modify the layout quickly.

Quickly configure the email notification, to let you know when a form has been submitted. Add one or more auto-responder processors to your forms to send emails to your lead.

"I've converted many sites from Gravity Forms because Caldera Forms is easier, more powerful, and the forms looks great on any device by default"

  • Matt Cromwell: Head of support for WordImpress

Anti-Spam By Default

Spam is annoying. No form builder is complete without a robust anti-spam system.

Anti-spam is not an add-on with Caldera Forms, your forms will repel spam using a highly-effective honey pot. Anti-spam does not require configuration or adding a Captcha that will hurt your conversions.

"A drag-and-drop builder that’s both easy and fun to use, we reckon Caldera Forms is possibly one of the best, most advanced free form builders available, and we highly recommend it."

  • Lisa-Robyn Keown - Aspen Grove Studios

All The Fields You Need

Caldera Forms has tons of field types to make a great form that will help your website succeed for you. You can set field defaults using the power of Caldera Forms magic tags. Impress your site's visitors when you take advantage of field sync!

Caldera Forms field types include:

  • Auto-complete
  • Calculation
  • Range Slider
  • Star Rating
  • Phone
  • Text
  • File Upload
  • HTML content block
  • Hidden
  • Button
  • Email
  • Paragraph
  • Toggle Switch
  • Dropdown Select
  • Checkbox
  • Radio
  • Date Picker
  • Color Picker
  • Auto-complete

"WordPress should have more plugins like this. Adding new forms, editing their settings and stuff is fun."

  • Ahmad Awais: Full Stack WordPress Developer

Awesome Conditional Logic

Caldera Forms provides a visual editor for conditional logic. Show only the fields you need to make your forms easy, and maximize conversions.

When creating a form, you want to make sure to only show and only require the necessary information. Forms with fields that are not always needed can be confusing. Conditional groups, applied to fields allow your forms to adapt to user input, as it is entered.

"I love Caldera. I'd marry it if possible."

  • Lee Jackson: WordPress Developer and host of the WP Innovator Podcast

Use Caldera Forms As Super-Powered Search Tool

Caldera Forms is more than just an awesome form builder. You can use Caldera Forms to create totally custom search forms. Search posts, users, categories, tags, custom post types, custom fields -- including those added with Advanced Custom Fields.

  • Easy Pods - Create custom WordPress search forms using the Caldera Forms drag and drop form editor. Search in any post type, taxonomy, or even users or a custom database table. Requires Pods works with any custom post type.
  • Easy Queries Create custom WordPress search forms using the Caldera Forms drag and drop form editor. Search across multiple post types, works great with Advanced Custom Fields.

"Great plugin that I will be using for years to come"

  • Devin Walker: Developer of Give, WooCommerce QuickCheckout and Maps Builder Pro.

Track, Edit and View Your Form Submissions

Caldera Forms tracks all of your form submission data in the WordPress database. The entry viewer is fast, dynamic and responsive. You can choose to create sub-menu pages for viewing form submissions and chose which users roles are allowed to view those pages.

Entry editing is a core feature of Caldera Forms. When editing entries, click the "Edit Entry" button to edit your saved data.

"While Gravity Forms may be the more established form solution plugin for WordPress, there is another contender out there that is a real gem. And that gem is Caldera Forms."

  • John Teague: Owner of Theme Surgeons

Addons

All Caldera Forms Add-ons

Caldera Forms to PDF is now available! Learn more at https://Caldera.space or get the plugin at [https://wordpress.org/plugins/caldera-forms-pdf].

  • MailChimp - Seamlessly integrate MailChimp optins into your forms.
  • Stripe - Accept credit card payments via Stripe.
  • PayPal Express - Accept payments via Paypal Express.
  • Connected Forms - Create sequences of forms with conditional logic. Split your forms into smaller pieces, with total control over what comes next.
  • Users - Register or login users from your form.
  • A/B Testing - A/B testing for your forms. Powered by Ingot
  • Aweber - Aweber marketting automation meets Caldera Forms.
  • ConvertKit - Convert leads to customers the ConvertKit way.
  • Geolocation - Make a text field a geolocation auto-complete field and recorded geocoded data.
  • Mark Viewed - Let users track what content they have viewed using a Caldera Forms.
  • Dwolla - Accept payments with low fees using Dwolla.
  • Authorize.net Accept all major credit cards by integrating Caldera Forms with Authorize.net.
  • BrainTree Accept credit card payments in your form through BrainTree.
  • Nexmo Get SMS notifications of form submissions.
  • Mail Templates - Add your logo, and your brand's color scheme to your emails sent from Caldera Forms.
  • Translations - Multi-lingual WordPress forms. Translate all form fields. One form, all the languages!
  • Caldera Custom Fields - Save form submissions as post and post meta.
  • Verify Email for Caldera Forms - Send an email with a validate link to verify the email address before completing the form submission.
  • Form as Metabox - Custom Fields - Use a Caldera Form as a metabox in the post editor to save custom field values.
  • Slack Integration for Caldera Forms - Get notifications in Slack whenever a Caldera Form is submitted.
  • Run Action - Trigger a WordPress action with your form submission.
  • Sprout Invoices Integration - Use Caldera Forms for Sprout Invoice forms.
  • Conditional Fail - Set conditions to cause that if met will allow or prevent form submssion.
  • Postmatic - Subscribe users to your posts and comments using Postmatic.

Third-party add-ons and integrations: * FileTrip Upload fields to Dropbox or Google Drive from Caldera Forms. * WP HTML Email Design fancy, responsive emails for Caldera Forms email notifications. * CleanTalk Anti-Spam - Additional anti-spam protection for your forms. * AffiliateWP  - Register affiliate referral commissions when a Caldera Form is submitted. * UpiCrm - Use Caldera Forms to add content to the UpiCRM database.

Author CalderaWP
Profile
Contributors Shelob9, Desertsnowman, christiechirinos
Tags a/b testing, advanced custom fields, authorize.net, authorize.net form, auto responder, aweber, Aweber form, awesome, Awesome Plugin, Bootstrap, bootstrap form builder, bootstrap forms, braintree, braintree form, builder, caldera forms, calderawp, contact, contact form, contact form builder, contact form builder wordpress, contact forms, converkit, converkit form, credit card form, custom form, custom forms, drag and drop forms, drag-and-drop, dwolla, dwolla form, easy, easy forms, echeck, eCheck form, echecks, email, form, form builder, form builder plugin wordpress, form builder wordpress, formbuilder, forms, forms creator, gravity forms, hi roy, login forms, mailchimp, MailChimp form, mailchimp popup, paypal, paypal form, plugin, pods, responsive, responsive forms, search, search forms, shortcode, split testing, stripe form, stripe popup, wordpress, wordpress builder plugin, wordpress forms builder, wordpress free form builder, wp form
  1. caldera-forms screenshot 1

    Mobile Friendly - Looks Great On Any Device!

  2. caldera-forms screenshot 2

    Easy, Powerful Grid-based Form Builder - Drag and drop editor!

  3. caldera-forms screenshot 3

    All The Field Types You Need - Tons of fields! So Many Fields!

  4. caldera-forms screenshot 4

    Powerful Conditional Logic - Hide and show fields based on user input!

  5. caldera-forms screenshot 5

    Go Further With Form Processors - Auto-responders, redirects included! Go further with our add-ons!

Upload the caldera-forms folder to /wp-content/plugins/ Activate the plugin through the 'Plugins' menu in WordPress Navigate to 'Caldera Forms' in wp-admin.

Once you have created a form using the Caldera Forms form builder, insert it in a page or post via the Shortcode inserter button in the post editor or use

Caldera Forms 1.4.9 ( February 14, 2017 ) Be My Plugin Update

Caldera Forms 1.4.8 ( January 18, 2017 ) 1.5 Awaits!

  • SEE: https://calderaforms.com/updates/caldera-forms-1-4-8
  • IMPORTANT: Caldera Forms 1.5 beta 2 will be released shortly, please test, Caldera Forms 1.5 is a big update.
  • FIXED: Potential conflict when using Caldera Forms SendGrid mode and the SendGrid plugin, which BTW you shouldn't do, but still, it shouldn't break stuff.
  • ADDED: caldera_forms_affiliate_id filter for kind plugin & theme authors who are including Caldera Forms to append their affiliate ID to links to our site in extend tab.
  • FIXED: Bad link to Caldera Forms add-ons page, featuring such find add-ons as our Mailchimp and PayPal add-ons, in out post-install banner.
  • FIXED: Type on Caldera Forms email notification tab.
  • FIXED: Bug where only first letter of field entry was sent when using summary magic tag in Caldera Forms email and PHP version was 5.3 or later. If this affected you, we're sorry, but you also really need to get your host to update your PHP version to PHP 5.6 or PHP7, or get a new host.
  • FIXED: Removed extra   from radio and checkbox form fields
  • FIXED: In some cases when importing or copying a form ID was changed, even if no form of that ID existed.
  • FIXED: Importing a form from another WordPress site or a backup now maintains its basic email settings, such as enable.

Caldera Forms 1.4.7 ( December 19, 2016 ) Happy Early Ch

Does Caldera Forms Have A Getting Started Guide?

Why yes it does. Check it out at https://CalderaWP.com/getting-started and start making awesome WordPress forms.

Are My Caldera Forms Going to Display Properly on All Types of Devices?

Yes. Caldera forms is responsive by design. With Caldera Forms' drag and drop layout editor, you can easily create multi-column layouts for desktop that will display properly on mobile devices thanks to our responsive bootstrap-driven design.

Is Caldera Forms Protected Against Spam?

Yes your forms are protected against spam submissions by default. We use a honeypot instead of a captcha because captchas are less effective than honeypots and captchas are bad for conversions.   You can also use our Akismet processor for anti-spam, which is available when Akismet is active on your site. You can also use Spam Shield.   On our own sites, we just use the default anti-spam and we find this to be over 99% effective.

Can I Send One or More Emails With Each Form Submission?

Yes, we have many options for sending emails on each submission of your form. Caldera Forms provides an email notification, which is turned on by default. In addition you can add one or more auto-responder processors to your forms.

How Can I Get Support for Caldera Forms?

 Support for Caldera Forms is available on our site.   Support is available to paying users a Caldera Forms add-ons or one of our cost-saving Caldera Forms bundles. Buy purchasing an add-on or bundle you get cool features, support and supports our work, which allows us to offer this awesome plugin for free.   Support for Caldera forms is not offered through WordPress.org.

Does Caldera Forms Have Documentation?

Yes it does. Our documentation can be searched here.  

Who Makes Caldera Forms?

Caldera Forms is a product of CalderaWP, a part of Caldera Labs. Caldera Forms' founding developer is David Cramer. Caldera Forms is now developed by David and Josh Pollock.  

Why Is Caldera Form So Awesome? Seriously, Even Its Free Version Has So Many Great Features!

Because we are awesome:)   We set out to make a different kind of WordPress form builder.

It's no secret that there are a lot of established leaders in this field. But we think that by starting with no conceptions of what a WordPress form builder should be or how it works, we were able to make something special.   We strive to provide a solid core product that can be used for free in hopes that you will use it, and think it is awesome. If you would like to support our work please consider purchasing one of our Caldera Forms add-ons, a cost-saving Caldera Forms bundles or one of our other fine WordPress plugins including Easy Pods, Easy Queries and Ingot.  

How Can I Send an Email to More Than One Person?

There are a lot of ways to send more than one email with Caldera Forms.

If you'd like to send two different emails, for example, one email with all of the submission details to the site owner and an auto-response message to the person who filled out the form. In this situation, you can use the main email notification to send to you and then use the auto-responder processor to send a simple "thank you, we will be in touch" message to the person who filled out the form.

If you use the starter contact for form template to create a form this is already set up for you. Simply add your email address as the recipient in the email tab and you're ready to go.   You can add more than one auto-responder processor to your form. Since these processors can make use of Caldera Forms conditional logic, you can add multiple auto-responder processors and set them to run or not run based on form input.

How Can I Save And View Forms Submissions?

 Form submission tracking in your WordPress database, is a core feature of Caldera Forms.

Tracking the entries from your forms is turned on for forms by default. You can turn it off from the settings tab of the form editor. When enabled all form entry data, with certain exceptions -- such as credit card numbers -- for security reasons, is saved.   You can view this information from the Caldera Forms admin page. You may optionally enable, form the form settings tab, a sub-menu page of the Caldera Forms menu page that will show entry data. You can choose to make these sub-menu pages available to users of other roles besides admins.  

Can You Use Caldera Forms to Create a Event Registration Form?

 Oh yes you can. Caldera forms is excellent for this if you need to accept payments for the event, you can use one of our many payment processors. If you need to register users, you can use our users add-on.  

Can I Use Caldera Forms For Front-end Editing Of Users?

Yes, you can. Our users add-on can register users, login users and even be used to edit user profiles. Matt Cromwell has an excellent tutorial on using Caldera Forms for front-end editing of user profiles.  

Can I Use Caldera Forms For Front-end Editing Of Posts?

Yes, you can. Our plugin Caldera Custom Fields allows you to use Caldera Forms to edit or create posts of any post type, and their custom fields. Mike Hemberger has an excellent post on creating a WordPress front-end editor with Caldera Forms.  

Does Caldera Form Support Multi Page Forms?

Oh, yes it does. By default Caldera Forms supports multi-page forms.  This is a core feature of Caldera Forms.

In the Caldera Forms form builder, there is a "Add Page" button, click that to add a page to your form. The Caldera Forms form builder supports adding as many pages as you want to your form, but don't get carried away. No one likes a form with too many pages!

Multi-page forms are loaded on one page. This way of creating multi-page forms is simple to use and excellent for shorter, less complicated forms. We also offer a Connected Forms add-on, which allow you to combine multiple Caldera Forms into a sequence of forms. The advantage of this method is that a connected form sequence can have conditional logic.  So for example, if one form asks your user select that they want to pay now or pay later, you can take them to a credit card payment form or a form to arrange payment details.

In addition, Connected Forms tracks partial submissions between each step in the form sequence allow users to come back to where they left off in the sequence.

Does Caldera Forms Create Accessible WordPress Forms ?

Some form builder plugins require an add-on to make their forms accessible to those with disabilities. That seems silly. Caldera Forms is committed to making the most accessible form builder possible. We do our best to add all necessary ARIA tags tags, use semantic markup and the correct title attributes. In addition Caldera Forms is 100% translation friendly.

If you see a way Caldera Forms could be a more accessible form builder, please open an issue. We are currently working to address several remaining accessibility issues and are always on the look out for other ways to improve our form builder so all vistors to your WordPress site are able to interact with your beautiful WordPress forms.

What Types Of Forms Can I Build With Caldera Forms?

Caldera Forms in one of the most robust WordPress form builders currently available, and, in combination with some of our extensions, can allow you to create a wide variety of forms using our drag and drop form builder. Here are sometimes of forms you can create:

  • Standard Contact Forms
  • Fancy Contact Forms
  • Custom Contact Forms
  • Registration & Login Forms
  • Dynamic Forms – where fields can change based on the users answers
  • Customer Application Forms
  • Product Purchase Forms
  • Support Ticket Forms
  • Newsletter Sign-Up Forms
  • Lead Capture Forms
  • Interest rate calculation forms
  • Various types of Calculators
  • Feedback Survey Forms
  • Credit Card Payment Form
  • PayPal Payment Form
  • Stripe Payment Form
  • Authorize.net Payment Form
  • Braintree Payment Form
  • MailChimp Form
  • AWeber Form
  • Converktit Form
  • Sell Memberships
  • Sell Courses
  • eCheck payment Forms

How Do I Add A Caldera Form To A Page On My WordPress Site Using A Shortcode?

Get more information on Caldera Forms shortcodes by visiting our Shortcode documentation or learn more about WordPress shortcodes in the codex.

Please note that you can also add a form to your theme directly using PHP. See this page Adding A Form To A Page Or Post Using Shortcodes

Once you finish creating your form using the Caldera Forms form builder system, the next step is to embed the forms into your WordPress website. Our shortcode system makes this process extremely quick and easy.

Steps To Add A Form Automatically

Step 1 : Go To A Page Or Post

Add or edit your website content by clicking on Pages or Posts in the WordPress left menu. Create a new page / post, or edit an existing page / post.

Step 2 : Inserting The Caldera Forms Shortcode

Insert a form’s shortcode by clicking on the Caldera Forms icon in the WordPress text editor and then select a form from the list.

Under the Options section, you can choose to have your form display with a modal (pop-up) window and to do this, check the box beside Set As Modal. Modal setting configuration has 3 options:

  • Open Modal Trigger Type – This allows you to choose the element that triggers the Modal. Select either Link or Button.
  • Open Modal Text – This is the text that appears in either the Link or Button.
  • Modal Width – This allows you set the width of your Modal window.

Once you have selected a form and configure the options, click on Insert Form.

Steps To Add A Form Manually

Step 1 : Go To The Caldera Forms Admin Page

Starting from the WordPress Dashboard, you can navigate to the Caldera Forms Admin Page by hovering over the Caldera Forms icon and in the drop-down menu clicking on Forms.

Step 2 : Get The Form Shortcode

  • Option 1:

Copy the shortcode by hovering over 1 form from the list of built forms and clicking on Get Shortcode. The shortcode for the specific form displays in the Get Shortcode section you click on and you must copy the entire shortcode string.

  • Option 2 :

    You can navigate to the form settings tab by clicking on Form Settings in the top Caldera Forms menu bar and copying the entire shortcode string.

Step 4 : Go To A Page Or Post

Add or edit your website content by clicking on Pages or Posts in the WordPress left menu. Create a new page / post, or edit an existing page / post.

Step 5 : Inserting The Caldera Forms Shortcode

Insert a form’s shortcode by pasting the shortcode in the WordPress text editor.

How Do I Create A New Form From A Template For My WordPress Site ?

If you are unfamiliar with building a form, using one of our pre-configured templates is a great way to learn our Caldera Forms as your form builder. Caldera Forms is an excellent way to quickly get a form up and running on your WordPress website.

Steps To Create A Form From A Template

Step 1 : Go To The Caldera Forms Admin Page

Starting from the WordPress Dashboard, you can navigate to the Caldera Forms Admin Page by hovering over the Caldera Forms icon and in the drop-down menu clicking on Forms.

Step 2 : Create A New Form

Create a new form by clicking on New Form in the top Caldera Forms menu bar. This launches the Create New Form pop-up window.

Step 3 : Select a Template And Enter Form Details

In the pop-up window, click on any of the form templates. Caldera Forms ships with many helpful templates. Many Caldera Forms extensions provide additional templates. Clicking on Change Template will allow you to choose either a different template or a blank form. Once you have selected a form, enter a Form Name, then click on Create Form. You are now in the Caldera Forms Layout Builder, and can start building your new form.

You can now go to the form builder to layout your form.

What If I Want To Start From A Blank Form?

If your project requires you to develop a specific form for your WordPress website, and you’re comfortable with building forms, our blank template gives you a fresh canvas to create any type of form you’d need.

Steps To Create A Blank Form

Step 1 : Go To The Caldera Forms Admin Page

Starting from the WordPress Dashboard, you can navigate to the Caldera Forms Admin Page by hovering over the Caldera Forms icon and in the drop-down menu clicking on Forms.

Step 2 : Create A New Form

Create a new form by clicking on New Form in the top Caldera Forms menu bar. This launches the Create New Form pop-up window.

Step 3 : Select Blank Form And Enter Form Details

In the pop-up window, click on Blank Form and enter a name in the Form Name field, then click on the Create Form button. You are now in the Caldera Forms Layout Builder, and can start building your new form.

You can now go to the form builder to layout your form.

How Do I Export or Import A Caldera Form ?

Creating a JSON export of your form is an easy way to copy a form from one WordPress website to another. It is also a good way to backup a form. It also is a good way to use one form and the basis for a new form that you then edit using the Caldera Forms form builder.

Steps To Export A JSON Form Backup File

Step 1 : Go To The Caldera Forms Admin Page

Starting from the WordPress Dashboard, you can navigate to the Caldera Forms Admin Page by hovering over the Caldera Forms icon and in the drop-down menu clicking on Forms.

Step 2: Export The Form

backup-jsonExport the form by hovering over 1 form from the list of built forms and clicking on Export. This launches the Export Form pop-up window. Download the JSON file by selecting Backup/Importable (JSON) from the Export Type drop-down menu. Start exporting by clicking on Export Form. You receive a prompt to Save the file to your local computer.

Steps To Import A JSON Form Backup File

Step 1 : Go To The Caldera Forms Admin Page

Starting from the WordPress Dashboard, you can navigate to the Caldera Forms Admin Page by hovering over the Caldera Forms icon and in the drop-down menu clicking on Forms.

Step 2 : Start The Import

Importing a JSON Caldera Form fileImport the JSON file by clicking on Import in the top Caldera Forms menu bar. This launches the Import Form pop-up window where you enter a Form Name, then continue by clicking on Choose File. You receive a prompt to find and open the JSON file from your local computer. Start importing by clicking on Import Form.

You can not go to the Caldera Forms form builder and edit the form.

How Do I Configure Caldera Forms Global Email Settings?

These Global Email Settings control how the form submissions are sent from your WordPress website to your email address. They affect the email notification and the auto-responder processor.

Steps To Configure Global Email Settings

Step 1 : Go To The Caldera Forms Admin Page

Starting from the WordPress Dashboard, you can navigate to the Caldera Forms Admin Page by hovering over the Caldera Forms icon and in the drop-down menu clicking on Forms.

Step 2 : Go To The Caldera Forms Email Settings Tab

You can navigate to the Email Settings tab by clicking on Email Settings in the top Caldera Forms menu bar.

Step 3 : Configure The Email Settings And Save The Form

Email setting page displaying options and inputsEmail setting configuration has 2 settings:

WordPress: By default Caldera Forms uses WordPress to send emails. This is often not reliable. SendGrid: SendGrid is a 3rd party service that when properly configured will deliver emails reliably. Creating a SendGrid key and more information on how and why to setup SendGrid documentation is here. Selected an Email Gateway and click on Save Email Settings.

Configuring Caldera Forms Global General Settings

Most of the time these settings should not change. They can be used to prevent loading of different CSS stylesheets in the front-end when your form is rendered. If you turn these settings off it is up to you to style the form in the front-end.

Step 1 : Go To The Caldera Forms Admin Page

Starting from the WordPress Dashboard, you can navigate to the Caldera Forms Admin Page by hovering over the Caldera Forms icon and in the drop-down menu clicking on Forms.

Step 2 : Go To The Caldera Forms General Settings Tab

You can navigate to the General Settings tab by clicking on General Settings in the top Caldera Forms menu bar. This launches the General Settings pop-up window.

Step 3 : Configure The General Settings And Save The Form

Configure general settings by clicking on the toggle switches to turn the setting ON or OFF.

General setting configuration has 3 options:

Alert Style: Turn this ON includes Bootstrap 3 styles on the frontend for form alert notices.

Form Styles: Turn this ON includes Bootstrap 3 styles on the frontend for form fields and buttons.

Grid Structure: Turn this ON includes Bootstrap 3 styles on the frontend for form grid layouts. Get more information by visiting the official Bootstrap website http://getbootstrap.com/css/.

Exit the pop-up window by clicking on the X in the top right corner, then, click on Save Form.

How Do I Use The Form Layout Builder?

Caldera Forms offers a super awesome form builder system. You can learn more about using our gird based form builder here.

How Do I Save And Preview A Form ?

The Caldera Forms form builder lets you layout your forms on a responsive grid. You can preview what you create in the form builder edit screen by using the preview button at the top of the form builer screen.

Steps To Saving And Previewing A New Form

Step 1 : Go To The Caldera Forms Admin Page

Starting from the WordPress Dashboard, you can navigate to the Caldera Forms Admin Page by hovering over the Caldera Forms icon and in the drop-down menu clicking on Forms.

Step 2 : Creating A New Form

Create a new form by clicking on New Form in the top Caldera Forms menu bar.

Step 3 : Saving The Form

Save a form by clicking on Save Form in the top Caldera Forms menu bar. If successful, a pop-down notice appears and states “Updated Successfully”.

Step 4 : Previewing The Form

Preview a form by clicking on Preview Form in the top Caldera Forms menu bar. A new browser tab automatically opens while the current form displays on the page.

Please note:

  • Previewing a form is only available to the website administrator.
  • Being in preview mode does not change form behavior. All emails will be sent, all processors will be processed.
  • We recommend that you do your final form testing on a published page using the form’s shortcode while logged out.

How Do I Configure Form Settings?

Step 1 : Go To The Caldera Forms Admin Page And Create Or Edit A Form

Starting from the WordPress Dashboard, you can navigate to the Caldera Forms Admin Page by hovering over the Caldera Forms icon and in the drop-down menu clicking on Forms. Create a new form by clicking on New Form in the top Caldera Forms menu bar. Edit an existing form by hovering over 1 form from the list of built forms and clicking on Edit. You are now experiencing the Caldera Forms responsive drag and drop form builder.

Step 2 : Go To The Form Settings Tab

You can navigate to the Form Settings tab by clicking on Form Settings in the top Caldera Forms menu bar.

Step 3 : Configuring The Form Settings And Saving The Form

  • Form Name – This gives your individual form a unique name.
  • Shortcode – This is not an option you can change, however you need this shortcode to integrate the form into a page or post.
  • Form Description – This gives your form a unique description.
  • State – If checked, this deactivates the current form.
  • Capture Entries – If enabled, form entries are saved. If disabled, no entries are saved.
  • Show Entry View Page? – If enabled, this option creates a sub-menu item of the Caldera Forms menu and a page to show entries.
  • Hide Form – If enabled, this option hides the form after successful submission.
  • Honeypot – If enabled, this option places an invisible field in the form to trick spambots.
  • Success Message – This sets the message displayed after a user submits a form.
  • Gravatar Field – This sets the Gravatar when viewing an entry from a non-logged in user.
  • AJAX Submissions – If enabled, this option ensures that the page does not reload after a user submits a form.
  • Custom Callback – If enabled, this option adds a custom Javascript callback handler on submission.
  • Multiple Ajax Submissions – If enabled, the form submits multiple times with out a new page load.

Finish entering all of your form settings and click on Save Form.

Get more information on custom Javascript callbacks by visiting our Custom Processing of Caldera Forms Submissions documentation.

How Do I Configure The Responsive Settings Of My Form?

Step 1 : Go To The Caldera Forms Admin Page And Create Or Edit A Form

Starting from the WordPress Dashboard, you can navigate to the Caldera Forms Admin Page by hovering over the Caldera Forms icon and in the drop-down menu clicking on Forms. Create a new form by clicking on New Form in the top Caldera Forms menu bar. Edit an existing form by hovering over 1 form from the list of built forms and clicking on Edit. You have reached the Caldera Forms form builder page - enjoy!

Step 2 : Go To The Responsive Settings Tab

You can navigate to the Responsive Settings tab by clicking on Responsive in the Caldera Forms sub-menu bar.

Step 3 : Configure The Responsive Settings And Save The Form

The different screen width options are the specific “breakpoints” you can set your grid to collapse at. Collapsing a grid essentially means moving from a 2 column grid to a 1 column grid. Once you select a screen size, click on Save Form.

How Do I Set Up The Form Email Notification For My Contact Form ?

This getting started guide covers the processes of configuring Caldera Forms email notification settings. These settings control the notification process for each form built within your current instance of Caldera Forms. Get more information on configuring global email settings by visiting our General and Email Settings Guide.

Configuring Caldera Forms Email Notification Settings

These settings control who the form submissions send to as well as what information sends.

Step 1 : Go To The Caldera Forms Admin Page And Create Or Edit A Form Starting from the WordPress Dashboard, you can navigate to the Caldera Forms Admin Page by hovering over the Caldera Forms icon and in the drop-down menu clicking on Forms. Create a new form by clicking on New Form in the top Caldera Forms menu bar. Edit an existing form by hovering over 1 form from the list of built forms and clicking on Edit. You are now in the Caldera Forms Layout Builder.

Step 2 : Go To The Email Notification Settings Tab

You can navigate to the Email Notification tab by clicking on Email in the Caldera Forms sub-menu bar.

Step 3 : Configure The Settings And Save The Form

You can fill in the notification settings here.

Once you enter your settings, click on Save Form.

Does Caldera Forms Have File Upload Fields?

The Caldera Forms form builder has two types of file upload fields. Basic file fields let you add file uploads to your WordPress forms using the browser's native form file fields. Advanced File Upload Fields are fancier form fields that you can add with our form builder. These form fields have a btter user interface.

The basic File Upload Field pptions in Caldera Forms let visitors to your WordPress site upload fields allow your users to add one or more files. Multiple uploads can be enabled with the “Allow Multiple” option.

These files become attachments in the WordPress media library, and can optionally be attached to emails sent with the Caldera Forms mailer. Attaching to emails is enabled with the “Attach To Mailer” option.

If your form allows public submissions, care should be used with what file types are allowed. Allowed extensions can be entered into the “Allowed Types” option field, as a comma separated list of allowed extensions. For example, “jpg,png,gif” would limit to images of those types, while “pdf” would only allow PDFs.

Native file upload fields are impossible to add custom CSS to. Also, while they do handle multiple file uploads, their handling off multiple files is not graceful. With a regular file field that is set to accept multiple files, all files must be added using the same file upload window, which is not good.

Caldera Forms file fields can only use the file types that are allowed by WordPress and your server configuration. For more information on how to modify which file types WordPress allows, see this article.

These limitations can be avoided by switching to an Advanced File Upload Field.

The advanced file upload field available in the Caldera Forms form builder is an alternative to our regular file field upload fields. While the regular file fields use the native HTML file uploader — the advanced file upload fields have a custom, and a better user interface. They also can be targeted with custom CSS.

While regular file upload fields support multiple file uploads, we strongly recommend you use an advanced file field if you need multiple file uploads from the same field in your form.

Advanced fields upload fields allow your users to add one or more files. Multiple uploads can be enabled with the “Allow Multiple” option.

These files become attachments in the WordPress media library, and can optionally be attached to emails sent with the Caldera Forms mailer. Attaching to emails is enabled with the “Attach To Mailer” option.

Does Caldera Forms Have Gravatar Fields?

The Gravatar field displays a users universal avatar based on their input to an email field. This field type binds to an email address field and dynamically shows the Gravatar for the email address. You can add these fields to your form from the form builder interface with a simple drag and drop. These form fields provide a nice bit of "wow" to your WordPress form as they automatically display the user's gravatar when they enter an email in an email field that matches their Gravatar user name.

Does Caldera Forms Have HTML Fields With Dynamic Fields ?

Caldera Forms comes with an HMTL field type. This is not an input field but rather a content block for displaying HTML on the form. This is useful for adding instructions, creating breaks or simply making the form look a little better.

One of the nicest features about the HTML block is that it supports dynamic field binding. This allows you to use field references as %field_slug% in the HTML block. These references are then dynamically updated as the form is filled in.

This is a very cool feature of the Caldera Forms form builder. With this you can create a field that shows a preview of form submissions that is updated dynamically with values from one, some or all of the fields you have added to your form using the form builder.

Does Caldera Forms Have Radio Button Fields?

Yes, the Caldera Forms form builder has radio button fields and a variety of other types of select fields.

The radio field, like the Dropdown Select Field, allows for a user to select a single option while seeing all options at once. The “inline” option in the field configuration can be used to make the options show in a horizontal, instead of a vertical list. Options are added to your WordPress form one option at a time, or many at a time using the bulk inserter. Bulk inserting opens a textarea. Each line is an option. Clicking insert options creates the list.

You can auto-populate field options with just a few clicks in our form builder. The built in sources are:

  • Post-Type : This will create an option for every post of the selected type
  • Taxonomy : This will create an option for every term of the selected type

The auto-populate can be extended using the caldera_forms_render_get_field_type-checkbox filter.

Is Caldera Forms A Great Choice For WordPress Contact Forms ?

Yes, Caldera Forms is a great choice for creating contact forms on your WordPress site. Yes, it has tons of super powerful features, but even if you just need a simple contact form, you're going to want to make sure your contact form is accessible, that your contact form is responsive and that your contact form is beautiful. Caldera Forms does that and more for your contact forms. You also get multiple auto-responders for your contact forms, database storage of entries to your contact form all for free. You could even add mailing list sign up to your contact form when integrating your contact form with MailChimp, Aweber or Convertkit add-ons.

Make your WordPress contact forms the best contact forms with Caldera Forms for free!

Does Caldera Forms Have Dropdown Select Fields ?

Yes, it does, over course it does. What kind of WordPress form builder would not?

The dropdown select is for selecting a single option from a list. The configuration panel for the dropdown select field is much the same as all the Select Option types: Auto-Populate, and Options. Options are added in the Caldera Forms form builder one option at a time, or using the bulk inserter. Bulk inserting opens a textarea. Each line is an option. Clicking insert options creates the list.

Select Option type fields have an option to auto-populate. These fields can be auto-populated from a data source. The built in sources are:

  • Post-Type: This will create an option for every post of the selected type
  • Taxonomy: This will create an option for every term of the selected type

The auto-populate can be extended using the caldera_forms_render_get_field_type-checkbox filter.

As of Caldera Forms 1.4.3, you can also use the result of an Easy Queries or Easy Pods query for auto-populating select fields.

Options are added an option at a time, or using the bulk inserter. Bulk inserting opens a textarea. Each line is an option. Clicking insert options creates the list. This is the fastest way to add options to a select field with our form builder.

Does Caldera Forms Have Checkbox Fields?

Yep. You can use the Caldera Forms form builder to add checkox fields to your WordPress form.

Checkboxes can be used as a multi-select list, or a single toggle. The configuration panel for the checkbox is much the same as all the Select field types that are supported by our form builder: Auto-Populate, and Options.

With checkbox fields you have an option in the form builder to make the options display either stacked, or side by side. This option in the Caldera Forms form builder is labelled as "inline" ?

Can I Get Some Caldera Forms Stickers ?

Do you think Caldera Forms is a great free WordPress form builder and want to show it off your love in sticker form? We have two types of stickers as of version 1.4.3 - Tweet @CalderaWP about how much you love our form builder & then ask politely for a sticker and we will send you one. Or come see us at WordCamp and we'll have all sorts of stickers for you to show off your love for Caldera Forms -- the awesome drag and drop responsive form builder for WordPress.

Does Caldera Forms Have Calculation Fields ?

Yep, and they are one fo the coolest features of our form builder. Caldera Forms calculation fields are mainly used for calculating and displaying total prices based on form input. Calculation fields have two modes: visual and manual. The visual editor is a simple way to add, subtract, multiply and divide the values of fields or variables.

In manual mode, you can create complex formulas. In manual mode, you can use any valid JavaScript arithmetic operator. Field or variable values can be used via magic tags.

For security reasons, calculation fields are processed both in the browser and then again on the server during submission. The calculations are processed in the browser so their results can be update live providing a great experience to your customers. The calculations are re-run during submission to prevent tampering.

For this reason, it is important that when using magic tags based on GET variables to not use them directly in the calculation. Instead, create a hidden field, set its value with the magic tag and then use that hidden field in the calculation.

  • Notes On Manual Calculations

Manual calculations are use JavaScript math functions. You should not use Math. In front of your functions or you will create an error. For example, to multiply the value of a field with the slug field_1 by the value of a field with the slug field_2 raised to the second power, you would use %field_1% * pow(%field_2%, 2 ).

Also keep in mind that you should not end your formula with a semicolon. You also can not use any variables or call other types of functions.

What Kind Of Cool Button Fields Does Caldera Forms Have ?

The Caldera Forms form builder supports 5 button types for use in your WordPress forms.

The primary use for the Button field it to trigger the form submission. Buttons can also be used to move to the next, or previous page of a multi-page form.

A form intended for user submission requires a button of the type “submit” Without one, a form cannot be submitted. The button config panel is fairly simple, allowing you to set the name, slug, custom class (wrapper class), type and class (actual button class)

Button Types

A button can be set as a Submit, Button, Next Page, Previous Page & Reset.

  • Submit - On click, will trigger the form to be submitted. If any required fields are not filled in, User will be prompted to fill them in.
  • Button - Used for more custom uses like javascript triggers.
  • Next Page - Triggers pagination to the next available page in a multi-page form.
  • Previous Page - Triggers pagination to the previous page in a multi-page form.
  • Reset - Resets the form to its load state. If returned to the form due to an invalid data, the reset will return it to this state, not an empty state.

Classes

A button config can be given 2 custom classes:

  • Custom Class - This class name is added to the div around the actual button element
  • Class - This class name is added to the actual button element

Since the form is based on Bootstrap 3, built in button classes do apply (provided style includes are enabled)

CSS Tips For Buttons

Buttons in a Caldera Form default to carrying the class “btn” and all Caldera Forms are wrapped in an element with the class “caldera-grid”. Therefore you can target all buttons in your form with “.caldera-grid .btn”

Here are some examples for changing Caldera Forms button - including submit button - color, width or centering the button

Note that these examples will change all buttons in the form. If you want to target one button, you will need to switch to using the button ID.

Does Caldera Forms Have A WYSIWYG / Rich Editor Field ?

Rich Editor WYSIWYG Fields are availble in the form builder new feature in Caldera Forms 1.5.0. Caldera Forms offers Rich Editor fields that offer a What You See Is What You Get fields (WYSIWYG) experience. These fields allow those interacting with your WordPress form to easily craft HTML with out writing any code. But they can if they want.

These fields are excellent for creating or editing post content using the Caldera Custom Fields add-on to create a front-end editor.

These fields are powered by the Trumbowyg JavaScript library.

Setting Up The Field

User Interface Options

Rich editor fields have the standard form field options of other forms fields in the Caldera Forms form builder. In addition they have these three fields:

  • Default : This is a text area, for the default value of the field. It is magic tag enabled.
  • Language Code : By default, this field’s interface is in English. You can enter a supported language code here to change the language.

Language Codes

The following language codes are supported:

  • ar
  • ca
  • cs
  • da
  • de
  • el
  • es
  • es_ar
  • fa
  • fi
  • fr
  • he
  • hr
  • hu
  • id
  • it
  • ja
  • ko
  • my
  • ph
  • pl
  • pt
  • ro
  • rs
  • rs_latin
  • ru
  • sk
  • sv
  • tr
  • ua
  • vi
  • zh_cn
  • zh_tw

Additional Information For Developers

Before saving to the database, the field’s value is sanitized using wp_kses. The “permissive” setting for Sanitization Level will cause the “post” context to be used via wp_kses_allowed_html. The “restrictive” option will caused the “data” context to be used. You can filter allowed tags using the wp_kses_allowed_html filter.

The Trumbowyg JavaScript library is used for WYSIWYG fields created using the Caldera Forms form builder. The options passed to Trumbowyg when instantiating it on the field can be modified using the caldera_forms_wysiwyg_options filter.

Share  
Download
Version 1.4.9

Requires WordPress version: 4.4 or higher

Compatible up to: 4.7.2

Last Updated 14 Feb 2017

Date Added: 07 Jun 2014

Plugin Homepage

Evaluation
star1
star2
star3
star4
star5

4.8 stars
201 ratings
266,624 downloads

Compatibility

Not Enough Data

Reports:
Works: 0
Broken: 0

Probably Works.
Considering downloads, would expect problems reported.