{"id":51202,"date":"2026-03-06T09:07:34","date_gmt":"2026-03-06T09:07:34","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&#038;p=51202"},"modified":"2026-03-06T09:11:54","modified_gmt":"2026-03-06T09:11:54","slug":"how-to-display-two-fields-via-one-widget-in-the-listing","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-display-two-fields-via-one-widget-in-the-listing\/","title":{"rendered":"How to Display Two Fields via One Widget in the Listing"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\" id=\"configure-the-dynamic-field-settings\"><strong>Configure the Dynamic Field Settings<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>Proceed to the <strong><em>WordPress Dashboard &gt; JetEngine &gt; <\/em><\/strong><a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/listing-template-in-elementor-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong><em>Listings<\/em><\/strong><\/a><strong><em>\/Components<\/em><\/strong> tab and create a new <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-create-a-listing-template-for-post-types\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Listing Item<\/strong><\/a> for your <strong>CPT<\/strong>.<\/p>\n\n\n\n<p>Watch the <a href=\"https:\/\/www.youtube.com\/watch?v=sIvu6n5ZyqE\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>How to Use Dynamic Field Widget in WordPress<\/strong><\/a> to learn how to display content from meta fields, including text, date, time, media, and more, as well as discover the flexibility of pulling data from various sources such as posts, terms, users, and custom meta fields.&nbsp;<\/p>\n\n\n\n<p>On the editing page, insert the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/dynamic-field-widget-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Dynamic Field<\/strong><\/a> widget and set the first needed <strong>Meta Field<\/strong> to be displayed (here, the \u201cAddress\u201d field). Then, enable the <strong>Customize field output <\/strong>toggle, and the <strong>Fields format<\/strong> text field will appear.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/03\/the-dynamic-field-widget.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/03\/the-dynamic-field-widget-1024x640.webp\" alt=\"the dynamic field widget\" class=\"wp-image-51200\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/03\/the-dynamic-field-widget-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/03\/the-dynamic-field-widget-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/03\/the-dynamic-field-widget-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/03\/the-dynamic-field-widget-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/03\/the-dynamic-field-widget-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/03\/the-dynamic-field-widget.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"generate-a-shortcode\"><strong>Generate a Shortcode<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>Head to <strong><em>WordPress Dashboard &gt; JetEngine &gt; JetEngine <\/em><\/strong>and open the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-operate-with-dynamic-visibility-via-shortcodes\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Shortcode Generator<\/strong><\/a><strong> <\/strong>tab.<\/p>\n\n\n\n<p>Here, select the \u201cJetEngine Data\u201d <strong>Shortcode<\/strong> and \u201cMeta Data\u201d <strong>Source<\/strong>. Next, choose the second <strong>Meta Field<\/strong> (in this case, it is the \u201cPrice\u201d<strong> <\/strong>field).<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/03\/the-shortcode-generation-tab.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/03\/the-shortcode-generation-tab-1024x640.webp\" alt=\"the shortcode generation tab\" class=\"wp-image-51197\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/03\/the-shortcode-generation-tab-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/03\/the-shortcode-generation-tab-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/03\/the-shortcode-generation-tab-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/03\/the-shortcode-generation-tab-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/03\/the-shortcode-generation-tab-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/03\/the-shortcode-generation-tab.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Then, copy the generated shortcode:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><em>&#91;jet_engine_data dynamic_field_source=\"meta\" dynamic_field_post_meta=\"price\"]<\/em><\/code><\/pre>\n\n\n\n<p>Read the <a href=\"https:\/\/crocoblock.com\/blog\/wordpress-shortcodes-explained\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>WordPress Shortcodes Explained: Everything You Need to Know<\/strong><\/a> article to know what a shortcode is, its types, and the usage of the shortcode generator features.<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"insert-the-generated-shortcode\"><strong>Insert the Generated Shortcode<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>In the last step, return to your <strong>Listing Item<\/strong> and insert the copied shortcode into the <strong>Field format<\/strong> text field after the default text. In this case, the text looks as follows:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><em>%s &#91;jet_engine_data dynamic_field_source=\"meta\" dynamic_field_post_meta=\"price\"]<\/em><\/code><\/pre>\n\n\n\n<p>where s% refers to the value of the first meta field (the \u201cAddress\u201d <strong>meta field<\/strong>).<\/p>\n\n\n\n<p>Finally, insert static text to customize the output. In this case, we insert the \u201cPrice:\u201d and \u201cUSD\u201d texts and get the following:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><em>%s; Price: &#91;jet_engine_data dynamic_field_source=\"meta\" dynamic_field_post_meta=\"price\"] USD<\/em><\/code><\/pre>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/03\/the-customized-shortcode-added-to-a-field.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/03\/the-customized-shortcode-added-to-a-field-1024x640.webp\" alt=\"the customized shortcode added to a field\" class=\"wp-image-51201\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/03\/the-customized-shortcode-added-to-a-field-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/03\/the-customized-shortcode-added-to-a-field-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/03\/the-customized-shortcode-added-to-a-field-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/03\/the-customized-shortcode-added-to-a-field-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/03\/the-customized-shortcode-added-to-a-field-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/03\/the-customized-shortcode-added-to-a-field.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<\/div><\/div>\n\n\n\n<p>That\u2019s it. Now you know how to display two metafields simultaneously via the same widget using a shortcode generated by the <em>JetEngine<\/em> plugin for WordPress.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Configure the Dynamic Field Settings Proceed to the WordPress Dashboard &gt; JetEngine &gt; Listings\/Components tab and create a new Listing Item for your CPT. Watch the How to Use Dynamic Field Widget in WordPress to learn how to display content from meta fields, including text, date, time, media, and more, as well as discover the [&hellip;]<\/p>\n","protected":false},"author":12,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[390],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Display Two Fields via One Widget in the Listing \u4e00 JetEngine | Crocoblock<\/title>\n<meta name=\"description\" content=\"Learn how to display two metafields simultaneously via the same widget using a JetEngine\u2019s shortcode on your WordPress website.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-display-two-fields-via-one-widget-in-the-listing\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Display Two Fields via One Widget in the Listing \u4e00 JetEngine | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Learn how to display two metafields simultaneously via the same widget using a JetEngine\u2019s shortcode on your WordPress website.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-display-two-fields-via-one-widget-in-the-listing\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-06T09:11:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/03\/the-dynamic-field-widget-1024x640.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-display-two-fields-via-one-widget-in-the-listing\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-display-two-fields-via-one-widget-in-the-listing\/\",\"name\":\"How to Display Two Fields via One Widget in the Listing \u4e00 JetEngine | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2026-03-06T09:07:34+00:00\",\"dateModified\":\"2026-03-06T09:11:54+00:00\",\"description\":\"Learn how to display two metafields simultaneously via the same widget using a JetEngine\u2019s shortcode on your WordPress website.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-display-two-fields-via-one-widget-in-the-listing\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-display-two-fields-via-one-widget-in-the-listing\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-display-two-fields-via-one-widget-in-the-listing\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Articles\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Display Two Fields via One Widget in the Listing\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"name\":\"Help Center\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\",\"name\":\"Help Center\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"contentUrl\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"caption\":\"Help Center\"},\"image\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Display Two Fields via One Widget in the Listing \u4e00 JetEngine | Crocoblock","description":"Learn how to display two metafields simultaneously via the same widget using a JetEngine\u2019s shortcode on your WordPress website.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-display-two-fields-via-one-widget-in-the-listing\/","og_locale":"en_US","og_type":"article","og_title":"How to Display Two Fields via One Widget in the Listing \u4e00 JetEngine | Crocoblock","og_description":"Learn how to display two metafields simultaneously via the same widget using a JetEngine\u2019s shortcode on your WordPress website.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-display-two-fields-via-one-widget-in-the-listing\/","og_site_name":"Help Center","article_modified_time":"2026-03-06T09:11:54+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/03\/the-dynamic-field-widget-1024x640.webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-display-two-fields-via-one-widget-in-the-listing\/","url":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-display-two-fields-via-one-widget-in-the-listing\/","name":"How to Display Two Fields via One Widget in the Listing \u4e00 JetEngine | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2026-03-06T09:07:34+00:00","dateModified":"2026-03-06T09:11:54+00:00","description":"Learn how to display two metafields simultaneously via the same widget using a JetEngine\u2019s shortcode on your WordPress website.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-display-two-fields-via-one-widget-in-the-listing\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-display-two-fields-via-one-widget-in-the-listing\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-display-two-fields-via-one-widget-in-the-listing\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crocoblock.com\/knowledge-base\/"},{"@type":"ListItem","position":2,"name":"Articles","item":"https:\/\/crocoblock.com\/knowledge-base\/articles\/"},{"@type":"ListItem","position":3,"name":"How to Display Two Fields via One Widget in the Listing"}]},{"@type":"WebSite","@id":"https:\/\/crocoblock.com\/knowledge-base\/#website","url":"https:\/\/crocoblock.com\/knowledge-base\/","name":"Help Center","description":"","publisher":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization","name":"Help Center","url":"https:\/\/crocoblock.com\/knowledge-base\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/","url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","contentUrl":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","caption":"Help Center"},"image":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article\/51202"}],"collection":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/users\/12"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=51202"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=51202"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=51202"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}