Custom field is the customization option you can make use of to unleash the power of WordPress as an open content management system. It takes no programming skills to make use of the WordPress custom field feature as there are some plugins that you can use to create custom fields. You just need to understand how custom fields work and then create ones according to your needs. In this article, we will show you how to create custom fields in WordPress using JetEngine. You can read this article to learn more about WordPress custom fields.
JetEngine itself is one of the WordPress plugins that you can use to create custom fields. The plugin is developed by Crocoblock and it’s technically a premium Elementor add-on. In other words, you can only use JetEngine on Elementor. You can create the custom fields from the JetEngine backend and then use them on the Elementor design you are working on. JetEngine supports the following field types:
You can assign the custom fields you create to post types (blog posts, pages, custom post types, and so on) and taxonomies (categories, tags).
Creating custom fields in WordPress using JetEngine
Before getting started, make sure to install and activate both JetEngine and Elementor. You can download JetEngine on the Crocoblock site at $26. While for Elementor, you can use the free version. You can download the free version of Elementor on the WordPress plugin directory.
Once you are ready, go to JetEngine -> Meta Boxes on your WordPress dashboard. Click the Add New button to create a field group (meta box group).
First, — on the General Settings block — give your field group a name. On the Meta Box for option, set the content type you want to assign the field group to. If you want to assign the field group to blog posts, you can select Post and then select Posts on the Enable For Post Types option.
Next, go to the Meta fields block to add the custom fields. You can click the New Meta Field button to add a new custom field.
Set the field label on the Label option and the field type on the Field type option. You can also set other parameters such as field width, character limit, and object type if you want it.
You can repeat the steps above to add more custom fields. Once you are done adding the custom fields, you can click the Add Meta Box button on the right sidebar.
If there are things missed or you want to change the parameters, you can edit the existing field group by going to JetEngine -> Meta Boxes. Click the Edit link to edit the field group. Or, if you want to delete the existing field group, you can click the Delete link.
Once the custom fields are created, you should see a new set of custom fields beneath the content editor of WordPress (assuming you assigned the custom fields to blog posts).
Displaying the custom fields using Elementor
JetEngine is an Elementor add-on aimed at allowing you to add dynamic content to your Elementor design (page or template). It can be an alternative to Elementor’s native dynamic content feature if you use Elementor Free. To display the custom fields you have just created above, create a new page or template and edit it with Elementor. Of course, you can also edit an existing one. New to Elementor? You can read this article to learn how to use Elementor. On the Elementor editor, add the Text widget to the canvas area.
Once the Text widget is added, click the database icon on the text editor on the left panel under the Content tab. Select Custom Field on the JetEngine section.
On the appearing dialog panel, select a custom field you have just created above.
You can then styling up the custom field just like when you are styling up the regular static text on Elementor. Repeat the steps above to add other custom fields.
In addition to the Text widget, you can also use the Dynamic Field widget to add the custom fields you created with JetEngine.