Discover all the features
Design powerful, native custom field groups directly in the block editor you already know. Quick set up. Easy customization.
Modern Fields is a custom fields plugin made for WordPress and Gutenberg
Design
Manage your fields in the block editor
With Modern Fields, you build your custom fields right in the block editor. No custom-made interface, just your usual builder.
« Love that the user experience remains consistent. »
This is how fast you can create fields group with Modern Fields →
Native fields from WordPress
WordPress made its native React fields easy to reuse. When you add a field with Modern Fields, you use the native fields from WordPress.
↑ These are the fields provided by WordPress
Columns as easy as a block
You can use the structural blocks like the group, row, columns and even grid blocks to lay out your fields.
↑ The native blocks are perfect for great layouts
Craft beautiful groups
Add some paddings, spacing and colors to your blocks, as you would do to your pages and posts.
↑ Your custom fields don’t need to be boring
Fields
A field for every need
Modern Fields comes with a large variety of fields. Classic inputs, selects, theme related controls and advanced fields like relation and repeater.
And some of them are aware of your theme.json values, so you can offer colors, spacings and borders from your design system!
« The RichText fields is perfect for formatted texts! »
Modern Fields adds new fields in every release! Do you think a field is missing? Do you have an idea for a new awesome field? Reach us!
Text
PRO
Repeater
The repeater fields allows you to repeat your fields indefinitely.
Number
RichText
Textarea
Multi token
Buttons
Radio
Checkbox
Toggle
Range
Select
Date
Time
Image
Palette
Spacing
Unit
Border
PRO
Relation
Connect posts between them and create deep relation between your contents.
File
URL
And more…
↑ More than 20 fields are already available in the free version!
— Focus
A large variety of fields
Each field is made to be perfectly integrated into WordPress.
The richtext field
Write text and format it with bold, italic, link, color, as if you were in the main editor.
↑ Write rich contents outside the editor
The color palette field
The color palette field is tied to your theme.json file and shows the colors from your theme. But you can customize it if needed!
↑ The very same colors as your theme!
The image field
Select any image from the media library or import image from your computer. The selected image will have all the responsive attributes for the best performances.
↑ An all-in-one field for your borders
Locations
Add fields group anywhere in WordPress
From post metabox to options pages, Mordern Fields offers plenty of location to set your fields groups on.
« The options pages location is a game changer! »
The location selector offers a large variety of places for your groups →
Fields in a post metabox
By default, your fields will be placed in the bottom metabox area, under the editor.
↑ The classic metabox
Fields in a sidebar panel
For a cleaner interface, you can put them in an openable sidebar panel so they are visible only when you need.
↑ A separate panel just for your fields
Fields in a modal
Need more space? Use the modal location to show them in a large modal.
↑ A modal specifically made for your fields
Get more specific with locations
Choose when the fields will show up: specific template, category or tag, other taxonomies, post status… it’s up to you!
↑ The multiple options available to define your group location
Everywhere in WordPress
User profile page, taxonomies page, even media… Add your fields anywhere.
↑ Custom fields in your user profile page
Discover our pro features
Supercharge your Modern Fields experience with our 9 awesome premium features.
Feature #1
Options pages
Create stunning options pages without a line of code directly inside the native blocks editor.
Pixel perfect options pages
Design the perfect options page with the native columns, row, grid, accordion and tab blocks.
↑ Design great options pages in minutes
Select the position in the menu
Your options page can be a top level item of the WordPress menu or a child of other entries.
↑ A separate panel just for your fields
Feature #2
Repeater field
Sometimes CPTs are overkill for managing multiple data. The repeater field allow you to handle multiple without creating a post for each data.
The repeater field
Do you need multiple times the same fields? The repeater field is there for you!
↑ The repeater field
Arrange your field as you wish
Inside the repeater, you can still design your fields in order to offer the best UI for your users. Use row, columns and customize colors.
↑ Customize your fields inside the repeater
Feature #3
Relation field & query loop block
The perfect team: on field to select specific posts and one block to display them in your template.
The relation field
Sometimes, you can’t let the loop defines the post you’ll see. The relation field allows you to take control and select posts and define the order.
↑ The relation field
A relation loop block to show your posts
The relation loop has the same design capabilities as the query loop block, but shows your selection of posts without a single line of code.
↑ The relation loop block in a template
Feature #4
Conditional logic
Show fields when some requirements are met. For example, when a toggle is « on » and keep your fields groups tidy.
Rules based on your fields
Sometimes, you won’t need to show all the fields at once. Setup rules from your meta values and clear your interface with the conditional logic block.
↑ Add conditions according to your fields values
Conditional logic as a container
Group your fields inside a unique conditional logic block so you don’t have to repeat yourself on each field.
↑ Centralized logic in one conditional block
Feature #5
Field value block
The field value block allows you to display any field value directly in your templates. No coding skills required!
One block to display every value
The field value block allows you to display any value from your fields. Just select the value to show, and it’s directly bound to the template.
↑ The field value blocks transforms into a bound value
Values from different sources
The field value block allows you to select fields not only from the current post, but also the ones from options pages and post author profile. Just choose a value and show it in a template. No code required.
↑ Get fields from options pages or post author
Feature #6
Advanced query loop filters
Adds new filters to the query loop block allowing you to filter results by your fields values.
New filters to the query loop block
Your fields are automatically added as filters to the query loop block, so you can filter your results with any custom field values, with no effort and no code.
↑ Add conditions according to your fields values
Feature #7
Add new options to existing blocks
You don’t need to recreate existing blocks from scratch. Just add new options thanks to custom fields!
Assign a group to an existing block
Need to add an icon to a button? A missing option to a native block? No problem, we’ve got you covered.
↑ Assigning fields to an existing block
Fields become attributes
With a little bit of code, you’ll be able to add some CSS classes to the block, or even change the rendered HTML to suit your needs.
↑ Adding your field value to the block props
Feature #8
Create your own PHP blocks
Build fully native WordPress blocks using only PHP. No JavaScript expertise required.
Fast & easy block registration
Register your block directly from the UI. Select its category, icon, name and add some customization settings.
↑ Define your block
Fields are the attributes
Add options and editable contents to your block through fields groups, and assign it to your block.
↑ Define the option through fields
Create your own template
Write your HTML, retrieve your fields value and display them the way you want.
↑ Code your template in PHP
Feature #9
Advanced group locations
Fields in the inspector sidebar can be messy. Why not having a separate panel just for them, or even a dedicated modal?
In a sidebar panel
For a cleaner interface, you can put your fields in an openable sidebar panel so they are visible only when you need.
↑ A separate panel just for your fields
In a sliding drawer
Need more space? Use the drawer location to show fields in a large side panel.
↑ The drawer has a larger width
In a modal
You can even put your fields in a modal so you keep your interface clean.
↑ A modal specificly made for your fields
Feature #10
Patterns library
Get a head start with our ready-made patterns. Beautiful options pages, ready to import in one click.
Fields group and options pages can be sexy too!
Offer the best UI to your editors. Insert in one click one of our patterns designed specifically for the fields groups and options pages.
↑ Our pattern for good looking options pages
Supercharge your experience now!
All these features are included in Modern Fields Pro
Starting at $49 per site and per year, 14 days money back guarantee.