{"id":48419,"date":"2025-06-20T11:29:56","date_gmt":"2025-06-20T11:29:56","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&p=48419"},"modified":"2025-07-01T13:45:08","modified_gmt":"2025-07-01T13:45:08","slug":"how-to-use-jetengine-condition-shortcode-in-bricks","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-use-jetengine-condition-shortcode-in-bricks\/","title":{"rendered":"How to Use JetEngine Condition Shortcode in Bricks"},"content":{"rendered":"\n
\n

In this tutorial, we explore how to generate and customize a shortcode that displays meta fields<\/a> based on specific conditions. The shortcode is also modified to include a link and accompanying text to redirect users to a different page.<\/p>\n\n\n\n

In detail, we first create “City Tours” CPT <\/strong>posts with the “Days” Number<\/strong> and “Coupon” Text<\/strong> meta fields. In turn, these fields contain the tour durations in days and possible discounts, respectively. If a tour lasts for more than three days, the clients will get a discount, which is stored in the “Coupon” meta field and encrypted as a QR code.<\/p>\n\n\n\n

In the described case, users can select the desired tour and press the corresponding link to be redirected to another page with more details about the discount they get.<\/p>\n<\/div><\/div>\n\n\n\n

Build a Query<\/strong><\/h2>\n\n\n\n
\n

Proceed to WordPress Dashboard > JetEngine > <\/em><\/strong>Query Builder<\/em><\/strong><\/a>.<\/p>\n\n\n\n

Here, on the Queries List<\/strong> page, press the “Add New<\/strong>” button and build a query for the “City Tours” CPT<\/strong> posts.<\/p>\n\n\n\n

Read the Query Builder Posts Query Type<\/strong><\/a> tutorial for more details.<\/p>\n\n\n\n

For this query, we type its Name<\/strong> (the “City Tours Query” text, in this case), keep the default “Post Query” option in the Query Type<\/strong> drop-down list, and choose the needed CPT<\/strong> in the Post Type<\/strong> drop-down list of the newly appeared Posts Query > General<\/em><\/strong> tab.<\/p>\n\n\n\n

Next, unfold the Meta Query<\/strong> tab. In the Meta Query Clauses<\/strong> section, click the “Add new clause<\/strong>” button and the “Dynamic Tag<\/strong>” icon, and choose the “JetEngine meta field” option in the newly appeared Field key\/name<\/strong> field. After that, set the needed meta field (in this case, the “Coupon” meta field) in the Field<\/strong> and the “Field name\/key\/ID” option in the Return<\/strong> field. <\/p>\n\n\n\n

Finally, click the “Apply<\/strong>” button.<\/p>\n\n\n\n

\"building<\/a><\/div>\n\n\n\n

Then, set the \u201cGreater or equal (>=)\u201d Operator<\/strong>, set \u201c1\u201d as a Value<\/strong>, and select the \u201cChar\u201d Type<\/strong>. Finally, insert the Clause name<\/strong> and press the \u201cAdd\/Update Query<\/strong>\u201d button.<\/p>\n\n\n\n

\"the<\/a><\/div>\n<\/div><\/div>\n\n\n\n

Create a Listing to Display the Meta Fields with QR \u0421odes <\/strong><\/h2>\n\n\n\n
\n

First, move to the WordPress Dashboard > JetEngine ><\/em><\/strong> Listings\/Components<\/em><\/strong> tab and create a new Listing Item<\/strong><\/a> to show the CPT<\/strong>\u2019s data in the Bricks builder. Design it as needed.<\/p>\n\n\n\n

More details on configuring the Dynamic Field<\/strong> and Dynamic Image<\/strong> elements can be found in the <\/strong>How to Create Listing Item in WordPress with Bricks Builder<\/strong><\/a> video.<\/p>\n\n\n\n

To display the “Coupon” Text<\/strong> meta field, we insert the Dynamic Field<\/strong> element and select the “Media Data” Source<\/strong>, then choose the needed meta field in the Meta field<\/strong> drop-down list (“Coupon,” in this tutorial). Then, enable the Filter field output<\/strong> toggle and choose the “QR Code” option in the Callback<\/strong> drop-down list.<\/p>\n\n\n\n

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

When you finish, hit the \u201cSave<\/strong>\u201c <\/strong>button in the upper right corner.<\/p>\n\n\n\n

Second, create a new page or open an existing one (\u201cDiscounts\u201d, in this case) to display the query listing item and show the needed CPT<\/strong> posts (the \u201cCity Tours\u201d CPT<\/strong>, in this case) using the Listing Grid<\/strong><\/a> element. <\/p>\n\n\n\n

Save the page. <\/p>\n\n\n\n

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

Generate a Shortcode<\/strong><\/h2>\n\n\n\n
\n

Proceed to WordPress Dashboard > JetEngine > JetEngine<\/em><\/strong> and unroll the Shortcode Generator<\/strong> tab of the JetEngine dashboard<\/strong>.<\/p>\n\n\n\n

Here, set the “JetEngine Condition” option in the Shortcode<\/strong> drop-down list. After that, select the “Enclosing (e.g. [shortcode attrs]content\u2026 [\/shortcode])” Tag Enclosing Type<\/strong>.<\/p>\n\n\n\n

After that, in the Condition<\/strong> drop-down list, choose the “Show element if condition met” option and set the corresponding Condition<\/strong> (the “Greater than” option, in this case).<\/p>\n\n\n\n

Since we intend to offer discounts for tours lasting more than three days, we set this condition to create a shortcode.<\/p>\n\n\n\n

Type the required meta field\u2019s Name\/ID<\/strong> in the Field<\/strong> (here, the “days”) in the newly appeared drop-down list and insert the Value<\/strong> to compare (we type the “3” text).<\/p>\n\n\n\n

We leave the Context<\/strong> field unchanged but set the \u201cNumeric\u201d Data Type<\/strong>.<\/p>\n\n\n\n

After that, the shortcode will appear in the text field below the Data Type<\/strong> field.<\/p>\n\n\n\n

\"generating<\/a><\/div>\n\n\n\n
[jet_engine_condition jedv_condition=\"greater-than\" jedv_field=\"days\" jedv_value=\"3\" jedv_data_type=\"numeric\"]Add your content here...[\/jet_engine_condition]<\/code><\/pre>\n\n\n\n
Copy this generated shortcode.<\/p>\n<\/div><\/div>\n\n\n\n
Create a Listing Item with the Shortcode<\/strong><\/h2>\n\n\n\n
\n
Create another Listing Item<\/strong> in the Bricks builder and design it according to your preferences.<\/p>\n\n\n\n
In the next step, insert the Shortcode <\/strong>element. Here, add the copied shortcode into the corresponding text field (below the “Shortcode” text). <\/p>\n\n\n\n
Now, move to the page that includes the listing with the QR-Codes (“Discount”, in this case) and copy the page\u2019s URL.<\/p>\n\n\n\n
\"url<\/a><\/div>\n\n\n\n
Return to the Listing Item<\/strong>, move to the Shortcode <\/strong>element, and paste the copied URL as HTML code instead of the “Add your content here..” text in the Shortcode<\/strong> text field. After that, add the text (e.g., “Grab your DISCOUNT!”) that you’d like to be displayed via the element.<\/p>\n\n\n\n
In this case, the text we finally entered into the Shortcode<\/strong> field of the Shortcode<\/strong> element looks as follows:<\/p>\n\n\n\n
[jet_engine_condition jedv_condition=\"greater-than\" jedv_field=\"days\" jedv_value=\"3\" jedv_data_type=\"numeric\"] <a href=\"https:************ocumentation-1\/discount\/\" target= the page\u2019s\"_blank\">Grab your DISCOUNT!<\/a> [\/jet_engine_condition]<\/code><\/pre>\n\n\n\n
Here we insert the: <\/p>\n\n\n\n
<a href=\"https:************ocumentation-1\/discount\/\" target= \"_blank\"> Grab your DISCOUNT!<\/a><\/code><\/pre>\n\n\n\n
code instead of the \u201cAdd your content here\u2026\u201d default one. <\/p>\n\n\n\n
\"customization<\/a><\/div>\n\n\n\n
Once completed, save the Listing Item<\/strong>.<\/p>\n\n\n\n
Next, create or open another page (we name it the \u201cShortcode page\u201d) and insert the Listing Grid<\/strong> element to show the Listing Items<\/strong> with shortcodes.<\/p>\n\n\n\n
\"adding<\/a><\/div>\n\n\n\n
Since we left empty the “Discount” meta field for tours whose duration is three days or less, the Shortcode<\/strong> element does not display the text. To hide the empty elements, unfold the ELEMENT VISIBILITY<\/strong> settings and select the “Query is empty” option in the Hide element if <\/strong>field. <\/p>\n\n\n\n
\"setting<\/a><\/div>\n\n\n\n
Finally, save the page and navigate to the front end.<\/p>\n<\/div><\/div>\n\n\n\n
Test the Flow<\/strong><\/h2>\n\n\n\n
\n
On the front end, the page displays the Shortcode<\/strong> elements as links (the \u201cGrab your DISCOUNT!\u201d text, in this case).<\/p>\n\n\n\n
\"the<\/a><\/div>\n\n\n\n
After pressing any link, you will be redirected to a page that displays CPT<\/strong> posts that meet the needed conditions. <\/p>\n\n\n\n
\"the<\/a><\/div>\n<\/div><\/div>\n\n\n\n
That\u2019s it. Now you know how to generate and use the pre-generated and customized shortcodes that allow displaying CPT <\/strong>posts that meet the specific conditions and redirection to another page using the JetEngine<\/em> plugin for WordPress and the Bricks theme.<\/p>\n","protected":false},"excerpt":{"rendered":"
In this tutorial, we explore how to generate and customize a shortcode that displays meta fields based on specific conditions. The shortcode is also modified to include a link and accompanying text to redirect users to a different page. In detail, we first create “City Tours” CPT posts with the “Days” Number and “Coupon” Text […]<\/p>\n","protected":false},"author":12,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[440],"yoast_head":"\nHow to Use JetEngine Condition Shortcode in Bricks \u4e00 JetEngine | Crocoblock<\/title>\n<meta name=\"description\" content=\"Learn how to generate, use, and customize shortcodes that allow displaying CPT posts that meet the specific conditions and redirection to another page using the JetEngine plugin for WordPress and the Bricks theme.\" \/>\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-use-jetengine-condition-shortcode-in-bricks\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Use JetEngine Condition Shortcode in Bricks \u4e00 JetEngine | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Learn how to generate, use, and customize shortcodes that allow displaying CPT posts that meet the specific conditions and redirection to another page using the JetEngine plugin for WordPress and the Bricks theme.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-use-jetengine-condition-shortcode-in-bricks\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-01T13:45:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/06\/building-a-query-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=\"7 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-use-jetengine-condition-shortcode-in-bricks\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-use-jetengine-condition-shortcode-in-bricks\/\",\"name\":\"How to Use JetEngine Condition Shortcode in Bricks \u4e00 JetEngine | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2025-06-20T11:29:56+00:00\",\"dateModified\":\"2025-07-01T13:45:08+00:00\",\"description\":\"Learn how to generate, use, and customize shortcodes that allow displaying CPT posts that meet the specific conditions and redirection to another page using the JetEngine plugin for WordPress and the Bricks theme.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-use-jetengine-condition-shortcode-in-bricks\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-use-jetengine-condition-shortcode-in-bricks\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-use-jetengine-condition-shortcode-in-bricks\/#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 Use JetEngine Condition Shortcode in Bricks\"}]},{\"@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 Use JetEngine Condition Shortcode in Bricks \u4e00 JetEngine | Crocoblock","description":"Learn how to generate, use, and customize shortcodes that allow displaying CPT posts that meet the specific conditions and redirection to another page using the JetEngine plugin for WordPress and the Bricks theme.","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-use-jetengine-condition-shortcode-in-bricks\/","og_locale":"en_US","og_type":"article","og_title":"How to Use JetEngine Condition Shortcode in Bricks \u4e00 JetEngine | Crocoblock","og_description":"Learn how to generate, use, and customize shortcodes that allow displaying CPT posts that meet the specific conditions and redirection to another page using the JetEngine plugin for WordPress and the Bricks theme.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-use-jetengine-condition-shortcode-in-bricks\/","og_site_name":"Help Center","article_modified_time":"2025-07-01T13:45:08+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/06\/building-a-query-1024x640.webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-use-jetengine-condition-shortcode-in-bricks\/","url":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-use-jetengine-condition-shortcode-in-bricks\/","name":"How to Use JetEngine Condition Shortcode in Bricks \u4e00 JetEngine | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2025-06-20T11:29:56+00:00","dateModified":"2025-07-01T13:45:08+00:00","description":"Learn how to generate, use, and customize shortcodes that allow displaying CPT posts that meet the specific conditions and redirection to another page using the JetEngine plugin for WordPress and the Bricks theme.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-use-jetengine-condition-shortcode-in-bricks\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-use-jetengine-condition-shortcode-in-bricks\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-use-jetengine-condition-shortcode-in-bricks\/#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 Use JetEngine Condition Shortcode in Bricks"}]},{"@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\/48419"}],"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=48419"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=48419"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=48419"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}