Skip to content
Get Discount
Formidable Forms alternatives
  • Pricing
  • Features
  • Templates
  • Integrations
  • Blog
  • Docs
  • Account
Sign in

Get Discount
Formidable Forms alternatives
Popular Search submitsubmissionentryentriespayment

Getting Started

  • How to Install Fluent Forms
  • Upgrade to Fluent Forms Pro Add-on
  • Fluent Forms Glossary
  • Getting Started With Fluent Forms
  • Fluent Forms User Interface

Form Editor

  • How to Create a Form with Fluent Forms
  • Using and Customizing Pre-built Quick Forms in Fluent Forms
  • How to create a conversational form 
  • How to Design a Conversational Form 
  • How to Create a Form with OpenAI ChatGPT
  • How to Create a Form with Fluent Forms AI

Form Style/Template

  • Modal/Popup/Lightbox in Fluent Forms
  • Fluent Forms Styling/Custom CSS
  • Official Form Styler of Fluent Forms
  • Form Layout Settings in Fluent Forms

Publishing Form

  • How to embed your forms directly in Gutenberg layout
  • Dedicated Landing Page in Fluent Forms
  • How to Use Your Forms as Widget on your Sidebar or Footer
  • How to embed your forms using Elementor Widget
  • Fluent Forms with Oxygen Builder Widget

Form Settings

  • Error Message Customization with Fluent Forms
  • User Login Requirement in Fluent Forms
  • Restrict Blank Form Submission with Fluent Forms
  • Help Message Customization in Fluent Forms

Manage Entries

  • Edit User Submitted Entries With Fluent Forms
  • Visual Representation of Form Entries in Fluent Forms
  • Managing Entries in Fluent Forms

Post Fields

  • Add Post Title Field in Post Forms 
  • Add Post Content Field in Post Forms
  • Add Featured Image Field in Post Forms 
  • Add Post Excerpt Field in Post Forms 
  • How to Create a Post Form with Fluent Forms
  • Add Post Update Field in Post Forms

Container Fields

  • Add Container Fields in Fluent Forms
  • Add Repeat Container Field in Fluent Forms 

Payment Fields

  • Add Subscription Field in Payment Forms 
  • Add Coupon Field in Payment Forms  
  • Add Payment Item Field in Payment Forms 
  • Add Payment Summary Field in Payment Forms 
  • Add Item Quantity Field in Payment Forms 
  • Add Custom Payment Amount Field in Payment Forms 
  • Add Payment Method Field in Payment Forms 

Advance Fields

  • Creating a Multi-Step Form in Fluent Forms  
  • hCaptcha in Fluent Forms
  • Hidden Input Field in Fluent Forms
  • Ratings Input Field in Fluent Forms
  • reCAPTCHA Field in Fluent Forms
  • Section Break in Fluent Forms
  • Terms & Conditions Field in Fluent Forms
  • Shortcode Input Field in Fluent Forms
  • Action Hook Field in Fluent Forms
  • Checkable Grid Input Field in Fluent Forms
  • GDPR Agreement Field in Fluent Forms
  • Password Input Field in Fluent Forms
  • Custom Submit Button in Fluent Forms
  • Range Slider Field in Fluent Forms
  • Net Promoter Score in Fluent Forms
  • Chained Select Field in Fluent Forms
  • Color Picker Field in Fluent Forms
  • Repeat Input Field in Fluent Forms
  • Rich Text Input Field in Fluent Forms
  • Save Progress Button in Fluent Forms
  • Quiz Score in Fluent Forms
  • Dynamic Field in Fluent Form  
  • FluentBooking Field in Fluent Form

General Fields

  • Address Input Field in Fluent Forms
  • Name Input Field in Fluent Forms
  • CheckBox Field in Fluent Forms
  • Phone/Mobile Input Field in Fluent Forms
  • Dropdown Field in Fluent Forms
  • Email Address Input Field in Fluent Forms
  • Custom HTML Field in Fluent Forms
  • File Upload Input Field in Fluent Forms
  • Image Upload Input Field in Fluent Form
  • Multiple Choice Field in Fluent Forms
  • Numeric Input Field in Fluent Forms
  • Radio Field in Fluent Forms
  • Adding a Mask Input Field Guide
  • Adding a Simple Text Input Field
  • Adding a Text Area Input Field
  • Website URL Input Field Guide
  • Time & Date Input Field in Fluent Forms
  • Country List Field in Fluent Form

Taxonomy Fields

  • Add Categories Taxonomy Field in Post Forms
  • Add Tags Taxonomy Field in Post Forms

Form Notification

  • Conditional Email Notification in Fluent Forms
  • Conditional Email Routing 
  • How to Setup Admin/User Email Notifications  
  • Weekly Email Summary
  • Setup Form Submission Confirmation Message in Fluent Forms
  • Fluent Forms Not Sending Email Confirmations

Form Entries

  • How to Search and Filter Form Entries
  • How to Add a Date and Time Stamp to Form Entries
  • Partial Entries for Step Forms

Features and Functionalities

  • Conditional Confirmation Message in Fluent Forms
  • Unique Field Validation
  • Surveys and Polls in Fluent Forms
  • Set up Forms with Conditional Logic in Fluent Forms
  • Set up Double Opt-in emails in Fluent Forms
  • Inline Opt-in Form using Fluent Forms
  • Form Scheduling Feature in Fluent Forms
  • Form Restrictions Feature in Fluent Forms
  • Fluent Forms Quiz Module
  • Dynamic Default Value in Fluent Forms
  • How to use Meta Box Custom Fields with Fluent Forms
  • Post Selection Module in Fluent Forms
  • Keyboard Navigation & Shortcuts in Fluent Forms
  • Use ACF to Add a Custom Field in the Post Form
  • Resizeable Container in Fluent Forms
  • Dynamic Input Values In Form Steps | Fluent Forms
  • Fluent Forms PDF Module
  • Mapping Meta Fields with Meta Keys in Fluent Forms
  • Set Default Form Value from URL Parameters

Others

  • How to Integrate OpenAI ChatGPT with Fluent Forms
View Categories
  • Home
  • Docs
  • General Docs
  • Features and Functionalities
  • How to use Meta Box Custom Fields with Fluent Forms

How to use Meta Box Custom Fields with Fluent Forms

Fluent Forms brings you an excellent feature, Meta Box plugin integration. Metabox is a free Gutenberg and GDPR-compatible WordPress custom fields plugin and framework that quickly customizes a website with meta boxes and custom fields in WordPress.

This article will guide you on integrating Meta Box Custom Fields with Fluent Forms on your WordPress Site.

Install Required Plugins #

Meta Box Plugin: Install and activate the Meta Box plugin and the Meta Box Builder plugin to create custom fields.

Metabox custom field 01 scaled 47430

CMB2 Plugin: Ensure this plugin is installed to build custom fields.

cmb2 02 scaled 47430

Add Field Groups in Meta Box #

To add field groups in meta box, click the Add New Field Group button on the Meta Box Plugin to create a new Field Group.

custom field add 03 scaled 47430

Now, Provide a suitable Title for the field group. Click the +Add Fields button to add custom fields.

Fiel Custom 04 scaled 47430

After clicking add fields, scroll down to select a field type that meets your requirements, or you can search the field from the search box.

select field 05 scaled 47430

There are two types of tabs available for one field: the General Tab and the Advanced Tab. You can customize each tab option easily. 

General Tab #

Label: This is what users will see on the form.

ID: The unique identifier for this field. It will be used for backend reference or in custom integrations. 

Type: The data type of the field. 

Label Description: An optional description that provides additional details about the field label.

Input Description: Instructions or context for the user when filling out this field.

Default Value: Pre-populates the field with a default email address or text.

Placeholder: Displays a temporary text inside the field (“Enter your email”).

Size of the Input Box: Defines the width or size of the input field.

Required: Toggles whether the field is mandatory. If enabled, users cannot submit the form without completing this field.

Disabled: If you enable this option, you can prevent users from entering data into the field.

Read-Only: If enabled, the field will be non-editable while displaying the value.

Prepend Text: Adds a fixed string at the beginning of the input field ( mailto:).

Append Text: You can add a fixed string at the end of the input field.

Cloneable: Allows this field to be duplicated within the form if necessary.

Genral Tab 06 scaled 47430

Advanced Tab #

Before: A text or HTML block appearing before the input field. For example, add a description, label, or styling element above the field.

After: A text or HTML block appears after the input field; for example, you can add instructions, error messages, or formatting details below the field.

Custom CSS Class: This allows you to add one or more CSS class names to style this field uniquely. For example, custom-email-class can be used to add specific styles defined in your CSS file.

Custom Sanitize Callback: Specify a custom function to sanitize the input data. This option is very useful for additional email validation or processing before saving.

Save the Field: Toggle to Enable/Disable saving the field’s value to the database.

Custom HTML5 attributes: You can add any custom HTML5 attributes to the field by clicking the +Add New button.

Validation:  You can define rules to validate the field input before submission of the form. To do so, click the +Add New button. For example, you could Create a rule for allowed domains ( @example.com) or validate format compliance.

Custom Settings: If you want to add additional configuration options, click the +Add New button under the Custom Settings options.

After that, click the Publish button to save your custom fields.

advanced tab 07 04 10 2025 04 00 PM scaled 47430

Settings #

Location: Configure the location where the custom fields in this group will appear. Fields will appear for posts and pages (as selected in the dropdown).

Position: You can choose the content position from the dropdown options After Content or Side the content.

Priority: You can set the field priority to High or Low. 

Style: This uses the Standard WordPress meta box style. You can also choose no meta style from the dropdown options.

You can add Additional Settings from here as your required options.

After all this is done, click the Update or Publish button.

Settings 09 scaled 47430

Enable Post/CPT Module #

To learn how to enable Post/CPT Module, follow the steps with the screenshots below – 

First, go to Integrations from the Fluent Forms Navbar, search for Post/CPT through the search bar, and get the Post/CPT module.

Now, turn on the Hubspot Enabled button.

Now, select an existing Post Form from the Fluent Forms dashboard or create a new one. 

create post form 10 scaled 47430

Map Meta Box Custom Fields #

Now, navigate to Settings & Integration in the post form settings. Go to the Post Feed page and click the +Add New Post button. Scroll down to the Meta Box Plugin Mapping section.

Post Feed 11 scaled 47430

Create a New Feed #

A. Feed Name: Enter a unique name that identifies your feeds.

B. Submission Type: Click the Radio button to select the New Post option for creating a new post or the Update option for updating an old post.

C. Allow Logged-out users to create posts: Checking the Allowed button enables non-logged-in users to submit posts.

Or if you uncheck the Allowed button, it limits post submission to logged-in users only.

Post Status: In the post status section you can set the posts where it is saved. There are three options include-

  • Draft: Save submissions for manual review before publishing.
  • Publish: Automatically make posts live upon submission.
  • Pending Review: Requires admin approval before publication.

Comment Status: Choose the comment Status dropdown options.

  • Open: Allows visitors to comment on the submitted post.
  • Closed: Disables comments for the post.

Post Format: Based on the type of content, choose the post format, such as Standard, Gallery, or Video.

D. Post Fields Mapping: Now, map the form fields to WordPress post fields (Post Title and Post Content).

  • Post Title: Input from the form field mapped to the post title.
  • Post Content: Main content submitted by the user.
  • Post Excerpt: Optional; used as a summary or teaser for the post.

Taxonomies (like tags or categories) and featured images will also map automatically if present in the form.

Create new feed 12 scaled 47430

E. MetaBox (MB) Plugin Mapping: Now scroll down to the Meta Box Plugin Mapping section. 

In the Advanced Fields section, select the custom field from Meta Box in the dropdown on the left. Choose the corresponding Form field from the dropdown on the right.

F. Enable Conditional Logic: If you want to allow MetaBox Post conditionally based on your submission values, then Enable Conditional Logic options. To learn more about this conditional logic, read the article.

Once all done, click the Save Feed button.

map the metabox feed 13 47430

Go to the Preview Page and add some data to the form. When you’re done, click the Submit Form button.

Preview Post 13 1 scaled 47430

Next, go to the Posts page to check out your submitted post. Click on the Edit option of your Post.

You’ll notice the Metabox custom field on the Post page and the value at the bottom. This is how you can apply custom fields using Fluent Forms.

Final Custom post 13 scaled 47430

Following this guide, you can easily integrate Meta Box custom fields with Fluent Forms, enhancing your post-creation process with custom data tailored to your needs.

If you have further questions, don’t hesitate to contact our support team.

What are your Feelings
Share This Article :
  • Facebook
  • X
  • LinkedIn
  • Pinterest
Still stuck? How can we help?

How can we help?

Updated on June 3, 2025
Dynamic Default Value in Fluent FormsPost Selection Module in Fluent Forms

Powered by BetterDocs

Table of Contents
  • Install Required Plugins
  • Add Field Groups in Meta Box
    • General Tab
    • Advanced Tab
    • Settings
  • Enable Post/CPT Module
  • Map Meta Box Custom Fields
    • Create a New Feed

Fluent Forms is a lightweight, fastest WordPress contact form plugin empowering 500K+ businesses worldwide.

Email Newsletter

fluentform Newsletter Inline
Free tutorials, exclusive contents & more.
Facebook Facebook Group Twitter Instagram Linkedin YouTube WordPress

Resources

  • Account
  • Contact Us
  • Get Support
  • Brand Guideline
  • Changelog
  • Documentation
  • Developers Docs
  • API Docs
  • Report a Security Issue

Addons

  • Signature
  • PDF Generator (Free)
  • Mautic (Free)
  • Mailpoet (Free)

Calculators

  • BMI Calculator
  • GKI Calculator
  • Pay Raise Calculator
  • VAT Calculator
  • Fuel Cost Calculator
  • All Calculator Forms

Comparison

  • Free vs. Pro
  • Fluent Forms vs. WPForms
  • Fluent Forms vs. Gravity Forms
  • Fluent Forms vs. Ninja Forms
  • Fluent Forms vs. Forminator

Miscellaneous

  • Features Available in Free Version
  • Free Form Templates
  • Form Templates
  • Quick Start Guide
  • Fluent Forms Integrations

Features

  • Conversational Forms
  • Multi-Step Forms
  • Conditional Logic
  • Numeric Calculation
  • Payment
  • Quiz and Survey
  • Form Security
  • Advanced Form Styler
  • Advanced Post Creation
  • Address Autocomplete
  • Form to PDF

OUR PRODUCTS

  • FluentCommunity
  • FluentCRM
  • FluentBooking
  • FluentBoards
  • Fluent Support
  • FluentSMTP
  • Ninja Tables
  • WP Social Ninja
  • Paymattic
  • AzonPress
  • FluentSnippets

Copyright © 2025 Fluent Forms, a brand of WPManageNinja™.
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

The Free Version of Fluent Forms is Ready! We’ll send it to your email.
Direct Download – CTA- Homepage

By downloading you agree to our terms of use and privacy policy.

  • Pricing
  • Features
  • Templates
  • Integrations
  • Blog
  • Docs
  • Account