Create a Post Form

Fluent Forms offers Post Forms, making it easy for you to accept user-submitted posts through forms and publish them directly on their site. This form automatically sets up a post after a user submits the data.

This article will guide you through creating a Post Form with Fluent Forms.

Enable the Post/CPT Creation Module

NOTE

Before you create a Post Form, enable the Post/CPT Creation module. Without it, Post Fields will not appear under Input Fields in the Form Builder.

To enable the module, go to Integrations from the WordPress sidebar or the Fluent Forms navbar.

Now, search for Post/CPT Creation through the search bar, turn on the Toggle, and your Post/CPT Creation module will be enabled.

Create Post Forms

From your WordPress Dashboard, navigate to the Fluent Forms Plugin and click the New Form button from the left sidebar.

Or, go to the Fluent Forms Navbar, click the Forms, and click the + Add New Form button.

A pop-up appears with several form types. Click Create a Post Form.

NOTE

The Create a Post Form tab appears only after you enable Post/CPT Creation under Integrations. See Enable the Post/CPT Creation Module above.

After selecting the Create Post Form, a new pop-up will appear with two basic options Post and Page. Select the Post option from here.

NOTE

Also, if you have third-party integrations in your site, those options will appear here as well.

Once you select the Post and continue, it will take you to the Form Editor page.

Now, go to the Input Fields in the right sidebar, and you will see the Post Fields and Taxonomy Fields (this module also lets you add taxonomy fields where you can add Categories, Tags, and Formats.) modules are added to help you create a Post Form.

NOTE

Separate documentation is available for each field in the Post Fields and Taxonomy Fields module. Read them thoroughly to understand the detailed use of each field.

Now, you need to click the Arrow Icon to open the fields modules and add the necessary input fields to create the form.

Add Post Fields

Once you open the Post Fields module, you will get the following Post Fields.

• Post Title

• Post Content

• Post Excerpt

• Featured Image

• Post Update

Now, select the necessary fields by clicking on them or Drag & Drop them into the editor. For example, I added the Post Title, Post Content, and Featured Image fields to show you the further process.

Customize the Form

Now you are on the Editor page of your newly created Post Form. Here you can see three fields are already added that you can customize according to your needs.

To customize an added field, hover over it and the following customization options will appear.

a. Drag & Drop: With this option, you can move your fields anywhere easily.

b. Arrow: Using this option, you can move your fields one step up or down.

c. Edit: Click the Pencil/Edit Icon, and it will take you to the Input Customization tab on the right sidebar which offers a wide range of options for customization.

d. Duplicate: Click this button and the field will be duplicated.

e. Delete: Click this Trash Icon and your field will be deleted.

To see the recent changes you made in your form click the History tab. Plus, from this tab, you can restore or delete recent edits at any time by clicking the Restore button or Delete Icon.

You can change your Form Name anytime by clicking the Pencil Icon in the top left corner. Once you finish your customization, press the Save Form to save all your changes.

Configure Post Feed Settings

Lastly, configuring the Post Feed is mandatory to make your Post Form functional. It helps you map your added post fields for data collection and allows users to create more customized posts.

First, go to Settings & Integrations from the Editor page of your desired Post Form where you want to configure the Post Feed.

Now, open the Post Feeds tab from the left sidebar and click the + Add Post Feed button.

Then, a pop-up page will appear with various settings options for configuring the Post Feed.

A. Feed Name: Here, you can give a name to your Post Feed to easily find it later. You can change the name anytime if needed.

B. Post Type: You can not change the Post Type. That is why select the Post Type at the beginning of form creation.

C. Submission Type: Here, you can select the submission type. For post updates, only one feed is available. If you have more than one feed, the first one will work.

D. Allow Logged out user to create Posts: This option is enabled by default. Disable this if you want to allow guest users to update posts. Otherwise, keep it enabled.

E. Post Status: Here, you can select the Post status between Draft, Pending, Private, and Publish.

F. Comment Status: Here, you can select the Comment status between Open and Close.

G. Default Category: Here, you can select the Default Category from the existing Post Category you have in your WordPress Site.

H. Post Fields Mapping: Use all the fields under this option to properly link your Post Fields with the Form Fields. You can easily select the value for the form fields based on the Post Fields Shortcode using the Three-Dot button on the right corner.

I. Meta Fields Mapping: Save extra post data beyond title, content, and taxonomies. Post meta stores custom information on each WordPress post created from your form.

• Add Meta Field: Click + Add Meta Field in the Meta Fields Mapping section.
• Meta key: Enter the WordPress meta key (for example, from ACF Field Name or your custom field slug).
• Form field: Use the three-dot button to map a form field value to that meta key.

Complete Post Fields Mapping first, then add custom meta fields. If you use ACF, Meta Box, or JetEngine, extra mapping sections may appear in the same feed. See Mapping Meta Fields with Meta Keys in Fluent Forms for full setup with custom field plugins.

J. Enable Conditional Logic: Run this Post Feed only when your conditions are met. See Conditional Email Notification in Fluent Forms.

When finished, click Save Feed to save your Post Feed configuration.

After successful configuration, you will see that your Post Feed has been added here. You can modify your feed anytime by clicking the Settings Icon and delete it by clicking the Trash Icon.

Embed Form into Frontend

Once you complete the process, press the Save Form button to save all your changes.

Also, to see the form preview, click the Preview & Design button in the middle. Plus, to embed and display the form on your WordPress Site, copy the Shortcode on the top right side.

Then, paste the copied Shortcode into your desired Page/Post.

Preview of Post Form

Here is the preview of the Post Form that we just created.

This way you can easily create the Post Forms in Fluent Forms!