{"id":8054,"date":"2019-06-17T07:16:14","date_gmt":"2019-06-17T07:16:14","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&p=8054"},"modified":"2023-01-31T18:54:02","modified_gmt":"2023-01-31T18:54:02","slug":"jetelements-posts-widget-how-to-use-custom-fields","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/jetelements-posts-widget-how-to-use-custom-fields\/","title":{"rendered":"How to Show Custom Meta Fields in Posts Widget"},"content":{"rendered":"\n

Follow the steps below to get the knowledge of using custom fields within the Posts widget from the JetElements plugin. You will be able to manage the meta boxes and posts and build the layout that suits your needs. Make sure you installed any plugin, allowing you to add meta boxes and assigning them to Post types. In our tutorial, we used the JetEngine<\/a> plugin.<\/p>\n\n\n\n

1<\/span> Step<\/b> \u2014 Create a meta field<\/strong><\/p>\n\n\n\n

First of all, you have to create a new custom field<\/a> or meta box with fields and assign it to the Posts type you want to display on the page. If you need a hint – go through our Custom Meta Field<\/a> of Custom Meta Box<\/a> creation tutorials.<\/p>\n\n\n\n

Copy the meta field ID, you will need it a little further.<\/p>\n\n\n\n

\"Meta<\/div>\n\n\n\n

Don’t forget to fill the meta field with information. You will have to open every post and do it manually.<\/p>\n\n\n\n

2<\/span> Step<\/b> \u2014 Add Posts widget<\/strong><\/p>\n\n\n\n

Next, find the page where you would like to place the Posts <\/strong>widget and open it with Elementor. Drag the Posts<\/strong> widget to the working area.<\/p>\n\n\n\n

\"JetElements<\/div>\n\n\n\n

That\u2019s what we see in the beginning:<\/p>\n\n\n\n

\"Posts<\/div>\n\n\n\n

In the General <\/strong>section of the Content <\/strong>left-side menu tab, you can choose what custom post type items to show in the grid. We have a detailed Posts widget settings overview<\/a>, so check it out if you need some help. <\/p>\n\n\n\n

3<\/span> Step<\/b> \u2014 Define the Custom Field settings<\/strong><\/p>\n\n\n\n

Afterward, open the Custom Fields<\/strong> accordion block and decide where you want the metadata to be displayed: before\/after the title or the content. Enable the respective option.<\/p>\n\n\n\n

\"Meta<\/div>\n\n\n\n

In the Meta Fields Position<\/strong> dropdown choose “Before” or “After” the title or the content the metadata will be placed. Every custom meta field can be added to the posts grid separately, as an Item<\/strong>. You can add as many items as you want by clicking the “Add Item<\/strong>” button. Let’s go through the item’s settings.<\/p>\n\n\n\n

\"adding<\/div>\n\n\n\n