Back to contents

How to create a custom meta field with JetEngine. Custom meta field types overview

This tutorial reveals the process of working with custom fields made with JetEngine plugin, one of the plugins from a huge Jet family.

We’ll explore how to create a custom meta field with JetEngine plugin and take a closer look on types of these fields.

Custom meta fields display additional information about your custom or default post. You can select the preferable type and add content to it. Let’s dive deeper into the topic.

Adding meta fields to the post

Step 1 — Once you’ve created a custom post type with JetEngine, you can also create some additional custom meta fields for it. Go to the JetEngine > Meta Boxes block in the WP Dashboard, click the Add New button to add a new meta box to the post type you’ve created previously.

You will see a settings window, where you should specify the meta box title, select the Post option in the Meta Box for field.
There are also available Taxonomy and User options in the Meta Box for field.

  • If you choose the Taxonomy, you are able to select the taxonomies where this meta box should be shown.
  • In case you want to restrict access for different users, select the Meta Box for: User and set the visibility of meta fields. Select the Edit User option from the dropdown that meta fields will be visible only for website administrator on the Edit User page. Or pick the Edit User & Profile and meta fields will be visible at user Profile page and can be edit by user.
meta box for user

Also, define the post types and even specific posts, where this meta box will be shown in the General Settings tab.

Add new meta box

Step 2 — Now let’s proceed to add and customize meta fields included in this meta box. For that, you should open the Meta fields tab and click the New Meta Field button. The available settings will be shown right here. You need to paste the custom field label, the name/ID (the ID shouldn’t include spaces, make sure it consists only of the letters and numbers) and the Object type: Field.

Meta fields tab

Step 3 – Select the type of the custom meta field from the dropdown in the Field type option below. Let’s find out the meaning of each type.

  • Text

If you want to add an extra field with custom text to the post type this type perfectly meets your requires. You can add additional information about posts using this field. Also, you can specify the available number of character in the field.

  • Date

Provide information about the date of events, meetings, conferences with the help of this meta field. You can also save the date as a timestamp to allow to query posts by it.

  • Time

This is an appropriate type for adding a time marker for posts. Add the particular time of events, meetings, and conferences in this meta field.

  • Datetime

This custom eta field allows picking date and time in the same place in a convenient way.

  • Textarea

You can use this type for adding a textual area to the posts with the arrangement of the text line by line. Moreover, you can set the character limit for this field value.

  • WYSIWYG

Selecting this type you will add a basic editor in the custom field for adding content with a certain layout and customizing its appearance directly in the WP Dashboard.

  • Switcher

You can add a toggle as a custom field to posts, products, events, etc., which allows to turn on/ off the appropriate option in the meta field block.

  • Checkbox

This type provides an opportunity to add checkboxes with different options for choosing to default and custom posts.

  • Iconpicker

Create a meta box with an iconpicker, where you will be able to pick an appropriate icon for the posts.

  • Media

This type will assist in adding media files, images in particular, to the posts.

  • Gallery

With the help of this meta field type, you will be able to add multiple images to the posts and products in a gallery form.

  • Radio

Radio type is perfect for adding radio options for choosing by editing default and custom posts.

  • Repeater

This type will help add the repeating content block for every post, product, event, etc., which you will be able to fill with value items in the WP Dashboard.

  • Select

Use this content type to add a dropdown selector for the post. In case, you enable Allow to select multiple values option you will be able to select several options at once. This value can be also shown using the proper callback for the Dynamic Field.

  • Colorpicker

You will add a colorpicker tool for the posts choosing this type of meta field.

  • Posts

This type will allow setting and displaying related posts from the WP Dashboard. To do that one needs to use Related posts list callback in the Dynamic Field widget, added to a listing.

Step 4 — There are the Description and Field width lines, where you can add necessary additional text for the meta field and set the meta field width.

Description and Field width lines

Step 5 — You can specify the character limit and determine the defaul value for the current field. Moreover, it is possble to enable the Is required option to make the field required.

NOTE!
The Default value option is available only for textual field types.
meta field settings

Step 6 – After you have added as many meta fields as you need, click the Update Post Type button in order to save the changes.

Now you can fill in the custom meta fields with the values or enrich with media files when customizing the post. Click the Edit option under the certain post and find the created meta box with options, which should be enriched with the content (you can add simple text, define the date, add a link, or even specify the image or images from the media library).

editing-the-post

Step 6 — Update the post to save the changes.

Now you’re free to display the content you’ve added into the custom meta fields using Elementor in the listings and Single post templates.