Widgets

Form

Estimated reading: 4 minutes 1200 views

The Elementor Addon Elements is a powerful plugin that enhances the functionality of Elementor’s Form widget in our pro version. With this plugin, you can create a new post in your chosen custom post types when a user submits the form. Let’s talk about the new features that we added to Elemento’s Form that make your forms even better.

Explored Added Functionality to Elementor Form

A powerful addition is the taxonomy option under the form field type. It simplifies the process of displaying or mapping form data to taxonomy and custom fields. With these user-friendly additions, Elementor Addon Elements takes your form creation and post generation experience to a new level.

To do this, select the field type as Taxonomy under the Form Field Section Settings.

  • Type: Select type as taxonomy.
  • Label: Enter the label.
  • Required: Enable the option to make it necessary.
  • Select Taxonomy: Select the taxonomy that you want to show.
  • Select Field Type: Select field type as radio, checkbox, or multiple selection.
  • Inline List: Enable the option to display values in an inline order.
  • Column Width: Select the width of a column.
Elementor Form: Added Taxonomy Field Type
Elementor Form: Added Taxonomy Field Type

Next, In the Action After Submit settings, a new option, “Create a New Post,” is added. It empowers users to generate a post with submitted details, seamlessly integrating with ACF so that you can display dynamic data in your posts. Ensure you’ve set up your taxonomies, terms, custom fields, and post types in advance through ACF.

To use the “Create New Post” feature, go to the Action After Submit Settings and choose “Create New Post” from the options. It lets you easily access and utilize the feature.

Elementor Form: Create New Post Option
Elementor Form: Create New Post Option

After selecting the Create a New Post option, a new “Create New Post” control is displayed. Users can effortlessly display data either using shortcodes or manually inserting it. The flexibility extends to assigning multiple or single categories and taxonomies directly through the form. Additionally, users can insert form field data into custom fields for more personalized content.

Once you choose the option, a new “Create New Post” control will appear.

  • Post Type: Select the post type in which you want to create posts.
  • Post Status: Select the created post status.
  • Post Title: Enter the post title manually or use a shortcode. Check here to learn how to find a shortcode.
  • Post Content: Enter the post content manually or use a shortcode.
  • Post Thumbnail: Enter the shortcode of a thumbnail image.
Elementor Form: Create New Post Settings
Elementor Form: Create New Post Settings
  • Post Categories: Add the post categories using the Add Item button.
    • Category Slug: Enter the slug of the category.
Elementor Form: Post Categories Settings
Elementor Form: Post Categories Settings
  • Post Taxonomy: Add the post taxonomies using the Add Item button.
    • Taxonomy Slug: Enter the slug of the taxonomy.
    • Term: Enter the name of the taxonomy term manually or use the shortcode that you find in the advanced settings of the taxonomy form field.
Elementor Form: Post Taxonomies Settings
Elementor Form: Post Taxonomies Settings
  • Custom Fields: Add the custom fields using the Add Item button.
    • Field Name: Enter the field name that you created using ACF.
    • Field Value: Enter the shortcode for the field value manually or use the shortcode that you find in the advanced settings of a particular form field.
Elementor Form: Custom Fields Settings
Elementor Form: Custom Fields Settings

How to Find Shortcode for Fields

To get the shortcode of your form fields, follow these steps:

  • Go to the advanced settings of your form fields by clicking on Form Fields ➝ Advanced.
  • Look for the Shortcode option, copy the shortcode, and paste it where you need it.
Elementor Form: Find Form Fields Shortcode
Elementor Form: Find Form Fields Shortcode

Take a look at our in-depth guide on using the new features of Elementor’s Form.

Share this Doc

Form

Or copy link

CONTENTS