Caldera Forms – More Than Contact Forms – WordPress plugin

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

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.

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.

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.

 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.

Yes it does. Our documentation can be searched here. Â

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. Â

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.

 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. Â

 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. Â

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. Â

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. Â

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.

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.

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

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.

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.

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.

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.

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.

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.

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.

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.

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

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.

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.

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.

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.

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.

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.

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.

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.

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!

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.

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” ?

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.

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.

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.

Rich Editor WYSIWYG Fields are available 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.

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

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.

This happens because the validation token — a WordPress nonce — could not be verified. This happens mainly because a caching plugin or CDN, such as Cloudflare is in use and caches the pages for longer than the WordPress nonce life — by default 12 hours.

To fix this issue, set a cache exclusion for the page with your form or set a cache life of less than 12 hours.

This could also be a sign of a more serious issue on your server, but is probably cache related.