You've Got Questions, We've Got Answers

See below for answers to some of the most frequently asked questions about Caldera Forms, Caldera Forms add-ons, Caldera Forms, licensing, and more.

Common Caldera Forms Pro Questions

Yes, but it will take some custom code. Here is the overview of what you need to do:

On form submission, save the PDF URL at the caldera_forms_submit_complete hook.

Docs: https://calderaforms.com/doc/caldera_forms_submit_complete/

This is what you need: https://pastebin.com/Wg64bvib

This adds the URLurl for downloading the PDF to the user meta field _last_entry_pdf

In the account page or wherever, create a link using using the user meta field _last_entry_pdf

Yes, you can. When you log in to Caldera Forms Pro, you can create a layout with control over colors, fonts, etc and you can add images. 

See: https://calderaforms.com/doc/using-the-caldera-forms-pro-layout-builder/

The generated layout can be edited from the Caldera Forms Pro layout builder. You can do all of those things there. 

See: https://calderaforms.com/doc/using-the-caldera-forms-pro-layout-builder/

What you are asking about, we call message layouts. Message layouts in Caldera Forms Pro can be used to design emails or PDFs. It is a feature of Caldera Forms Pro, all plans.

Simply log in to Caldera Forms Pro — app.calderaformspro.com — and then select “Layouts” from the left-side menu. Then on the next screen, use the form on the right side to create a new layout. Then choose the new layout from the list and click edit. There are detailed directions on how to create layout here:

https://calderaforms.com/doc/using-the-caldera-forms-pro-layout-builder/

In the getting started guide for Caldera Forms Pro, there is information on how to set up Caldera Forms Pro to use a specific layout for PDFs:

https://calderaforms.com/doc/caldera-forms-pro-getting-started/

Contact us at calderaforms.com/contact for a new password.

The “action URL” is the URL that the form submission will be sent to. You can change it using the caldera_forms_submission_url filter. If you change it, then the form will submit to that URL, not WordPress. Caldera Forms will not validate the form submission, or record an entry, or send any emails, or run any of your processors. 

See: https://calderaforms.com/doc/caldera_forms_submission_url/

If any of those things above mentioned are a problem — i.e., you need Caldera Forms for more than just the form HTML and conditionals — then I would recommend alternative ways to send the data to a different URL. Most people use the Run Action processor for that – https://calderaforms.com/downloads/caldera-forms-run-action/

Here is a good example of someone submitting form data to another API using Run Action: https://whoischris.com/import-leads-wordpress-insightly-caldera-forms-insight-ly-api-v2-2/

You can set who gets the email and the reply to based on the form submission or the page it’s loaded on.

This can be done using the caldera_forms_submission_url filter.

See: https://calderaforms.com/doc/caldera_forms_submission_url/

Keep in mind, this means that no Caldera Forms processors or emails or entry tracking or anti-spam will occur. If you want your form to process the same way it does now and send submission data to a second server, I’d recommend you use the Run Action add-on instead.

See: https://calderaforms.com/downloads/caldera-forms-run-action/

After you have set up the Run Action processor, add a callback function hooked to that action you specified. In that callback, the variable passed to that is an array with all of your field values, keyed by field slug. You’ll need to use that to create a new array, with the names set how this API wants it and then use wp_remote_post to POST the data to their API.

So let’s say you have a field with the slug “module” and a field with the slug email. Also, we would be assuming you nee the date to go to https://google.com (you can change that) and you set “my_run_action” as the pre-process filter in Run Action. Here is how the code would look:

https://gist.github.com/Shelob9/7309e5b3e505caef56110d62a898c989

Make sure to read the inline comments in the code. You will need to fill out a few parts to complete this. 

This is an important part of how Caldera Forms Pro ensures your emails are delivered, instead of being flagged as a phishing attack. If they email wasn’t set from a trusted domain, the email could appear to becoming from my email address, but sent by your server, which looks like a phishing attack to Gmail, Exchange or other clients, so they will most likely not deliver it.

With Caldera Forms Pro, the from is coming from a verified domain with properly set DNS records. We’re putting a lot of work into managing that system so you don’t have to worry about any of it and you benefit from future improvements we implement to keep up with how sending an email from a WordPress site is getting harder as time goes on.

The “reply-to” email address will of course still be respected, so that the person who gets the email will be able to reply to the person filling out the form, if you want to fill it out this way.

What you’re looking to set up could easily look like a phishing scam to Google. A WordPress site sending emails from email addresses on different domains just looks suspect. With Caldera Forms Pro, we take care of all of the DNS settings to send verified and encrypted emails so Gmail or Exchange will not flag them.

Annual plans have unlimited sites. The limitations on our tiers are the number of  add-ons and features you get and the number of messages you can process through Caldera Forms Pro per month.

If our API sends back an error that you are not authorized to send — account was cancelled or over limit — WordPress will fallback to your default. We really don’t want to ever turn off our service to a customer. So right now, it alerts us that you are over, but doesn’t turn off the emails. Then we manually reach out to the customer to get them to upgrade. We’d rather eat the extra cost for the month then break a customer site, always!

We don’t have a WooCommerce checkout add-on for Caldera Forms, but you can use Caldera Forms to populate the WooCommerce cart so that the WooCommerce checkout has the items / variations chosen and payment can happen there. The reason we didn’t build is we’re afraid of having to keep it up to date with WooCommerce and the huge number of WooCommerce add-ons. 

This took some custom code. We’d be happy to guide you — you’d need to write the code — through our support services. Or we can refer you to a developer that knows WooCommerce and Caldera Forms — for example, Chris Flanagan, who created the Caldera Forms PayPal Pro add-on, is also a WooCommerce extensions expert.

You can request more support at https://calderaforms.com/support/

There is no client plugin any more forCaldera Forms 1.5.8 or later. Please update and remove client plugin.

Common Caldera Forms Add-On Questions

Caldera Forms Pro Basic and Starter are each for 1 website. The Individual, Agency and Advanced plans all have unlimited websites.

We recommend you buy single site add-on licenses (Starter plan) as needed, unless you need more than 3, at which point it is more economical to purchase an Individual plan or higher bundle with unlimited licenses.

You are paying for access to the powerful Caldera Forms Pro app, and the download of the add-on plugin(s), as well as updates and support for one year. You are also supporting us, so we can continue developing and supporting our plugins.

Yes. Any new add-ons we release will be added to that bundles and those with active licenses will receive the new add-ons.

The price listed is for a 1 year license. You can renew your license after one year for 50% of the original price. For your convenience, an automatic payment is created when you purchase.

Your subscription can be cancelled at anytime after purchase in your CalderaForms.com account. Once cancelled, your license key will not renew automatically and will expire on the expiration date. <em>There is no “kill switch” in our products</em>. Your forms will always continue to work, but without a subscription, they will not have access to the Caldera Forms Pro app’s enhanced features, plugin updates nor support.

Common Caldera Forms Questions

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 of Caldera Forms add-ons. 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.

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, 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, 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 some types 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
  • Convertkit 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.

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 3: 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.

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 grid 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 better user interface.

The basic File Upload Field options 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 of 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.

Developers should see this section for more information.

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.

You Don't Have To Do This Alone.

Through our partnership with WP Buffs, we provide quick, caring and detailed support to all customers of Caldera Forms Pro. We can help you find the answers you’re looking for in the documentation, and if you’re not satisfied, get your money back within 30 days, no questions asked.