How to create a custom field with JetEngine. Custom 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.

In this tutorial, we’ll explore how to create a custom field with JetEngine plugin and take a closer look on types of these fields.

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

Adding meta fields to the post

Step 1 — Once you’ve created custom post type with JetEngine, you can create some additional custom fields. Click the New Meta Field option to add a new meta field to the post type you’ve created previously.

Step 2 — Select the type of the custom field from the dropdown. Let’s find out the meaning of each type.

  • Text – select it if you want to add some extra field with custom text to the post type.
  • Date – will help display the date set for the post as a meta field. You can also save the date as a timestamp to allow to query posts by it.
  • Time – allows adding the time marker for the post.
  • Datetime – provides a convenient way to add time and date to the post. You can also save it as a timestamp.
  • Textarea – use this content type to add the text area to the custom posts.
  • WYSIWYG – use this content type to add the basic editor in the custom field.
  • Switcher – allows displaying switcher for the custom posts.
  • Checkbox – adds the checkboxes for the custom posts.
  • Iconpicker – this tool provides an ability to select the icons for displaying them in the posts.
  • Media – will help add and display the images for the posts.
  • Gallery – will help add and display the gallery of multiple images for the posts.
  • Radio – allows adding the radio options for choosing when creating the post.
  • Repeater – will help add the repeating content types for every post of the given type.
  • Select – use this content type to add a dropdown selector for the post. In case you enable Allow to select multiple values option the user you’ll be able to select several options at once. This value can be also shown using the proper callback for the Dynamic Field.
  • Colorpicker – will add a colorpicker tool for the post.

Step 3 — Then, type in the title and name/ID. The ID shouldn’t include spaces, make sure it consists only of the letters and numbers.

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

Now you’re free to input the values to the custom fields when customizing the posts of the specific type. To do it navigate to the custom posts list in the Dashboard and here open the post for editing by clicking Edit option.

Step 5 — After that scroll the page down to view the empty custom field you’ve just added. Input the content to it (you can add simple text, define the date, add a link, or even specify the image or images from the media library).

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.