{"id":30176,"date":"2022-11-04T21:16:04","date_gmt":"2022-11-04T21:16:04","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-use-stackable-wordpress-plugin-with-jetengine\/"},"modified":"2023-07-19T00:21:43","modified_gmt":"2023-07-19T00:21:43","slug":"how-to-use-stackable-wordpress-plugin-with-jetengine","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-use-stackable-wordpress-plugin-with-jetengine\/","title":{"rendered":"How to Use Stackable WordPress Plugin with JetEngine"},"content":{"rendered":"\n

There is an excellent opportunity to display the WordPress dynamic data you add with the JetEngine <\/em>plugin in the Stackable design templates. Let\u2019s find out how to do it in several steps.<\/p>\n\n\n\n

Add JetEngine Meta Box<\/h2>\n\n\n\n
\n

Head to WordPress Dashboard > JetEngine > Meta Boxes <\/em><\/strong>and hit the \u201cAdd New<\/strong>\u201d button to build a new meta box.<\/p>\n\n\n\n\"jetengine\n\n\n\n

Complete the General Settings <\/strong>tab paying attention to the Meta Box for <\/strong>the <\/strong>field where you can specify the meta box source.<\/p>\n\n\n

<\/svg><\/div>
Things to know<\/div>

You can set the meta box source for Users<\/strong>, Posts<\/strong>, or Taxonomies<\/strong>.<\/p><\/div><\/div>\n\n\n\n

Also, set the Visibility Conditions <\/strong>if needed.<\/p>\n\n\n\n\"add\n\n\n\n

Scroll down to the Meta Fields <\/strong>tab and add new fields by pressing the \u201cNew Meta Field<\/strong>\u201d button.<\/p>\n\n\n\n\"meta\n\n\n\n

Adjust as many fields as you need and click the \u201cAdd Meta Box<\/strong>\u201d button to save the result.<\/p>\n\n\n\n\"posts\n<\/div><\/div>\n\n\n\n

Display Meta Fields with Stackable Blocks<\/h2>\n\n\n\n
\n

Open the source items in your WordPress Dashboard. Now, for instance, we selected usual WordPress Posts <\/strong>as the source. So, we go to WordPress Dashboard > Posts<\/em><\/strong> and open one of the posts created earlier or press the \u201cAdd New<\/strong>\u201d button to create a new post. <\/p>\n\n\n\n\"wordpress\n\n\n\n

Here you will spot the <\/strong>tab with the created meta box and its meta fields. Complete them with the desired values and press the \u201cPublish\/Update<\/strong>\u201d button.<\/p>\n\n\n\n\"meta\n\n\n\n

Navigate to the WordPress Dashboard > Pages <\/em><\/strong>directory and click the \u201cAdd New<\/strong>\u201d button.<\/p>\n\n\n\n\"wordpress\n\n\n\n

Place the Stackable Design Library <\/strong>on the page and hit the \u201cOpen Design Library<\/strong>\u201d button to find the desired blocks option.<\/p>\n\n\n\n\"open\n\n\n\n

Add any Stackable block you think is suitable for the page.<\/p>\n\n\n\n\"stackable\n\n\n\n

Select the text you want to change into the meta fields data and click on the \u201cDynamic Fields<\/strong>\u201d button.<\/p>\n\n\n\n\"dynamic\n\n\n\n

Pick the needed option as the Dynamic Source<\/strong>. <\/p>\n\n\n\n

As we have selected \u201cOther Posts,\u201d the Posts\/Pages <\/strong>field appears. Here we choose the same post we need.<\/p>\n\n\n\n

Select the needed Field<\/strong> by scrolling down to the JetEngine <\/strong>section and pressing the \u201cApply<\/strong>\u201d button.<\/p>\n\n\n\n\"setting\n\n\n\n

Adjust all the other fields you need accordingly.<\/p>\n\n\n\n\"completed\n\n\n\n

Image block<\/h3>\n\n\n\n

Settings location differs a little for the Image <\/strong>block. You can find the Dynamic Content <\/strong>icon in the Image <\/strong>panel of the block Style <\/strong>tab. Click it to set the dynamic image.<\/p>\n\n\n\n\"dynamic\n\n\n\n

Set the needed values in the customization fields to get the result.<\/p>\n\n\n\n

Press the \u201cPublish<\/strong>\u201d button to make the page live.<\/p>\n\n\n\n\"image\n<\/div><\/div>\n\n\n\n

Show JetEngine Meta Fields in Query Loop<\/h2>\n\n\n\n
\n

Another way to use the meta fields with Stackable is dynamic data in the Query Loop block. Go to the post you have created, place the Query Loop on the page, and the desired design with the Design Library inside it.<\/p>\n\n\n\n

Then follow the steps we have taken before \u2014 press the \u201cDynamic Fields<\/strong>\u201d button and find the needed meta field in the Field <\/strong>list. Don\u2019t forget to click the \u201cApply<\/strong>\u201d button.<\/p>\n\n\n\n\"dynamic\n\n\n\n

Then work on other fields if needed and update the post.<\/p>\n\n\n\n\"query\n<\/div><\/div>\n\n\n\n

Build Meta Fields for Taxonomies<\/h2>\n\n\n\n
\n

Also, you can display the Taxonomy <\/strong>of the post. Firstly, make sure you have created a taxonomy<\/a>.<\/p>\n\n\n\n

Then head to the needed post and add any Stackable block. Find the \u201cDynamic Fields<\/strong>\u201d button and adjust the following settings.<\/p>\n\n\n\n

Select \u201cCurrent Post\u201d as a Dynamic Source<\/strong> and pick the \u201cPost Taxonomy\u201d Field<\/strong>. As well, choose the needed Taxonomy Type <\/strong>and Display Option<\/strong>.<\/p>\n\n\n\n\"display\n<\/div><\/div>\n\n\n\n

That\u2019s it; now you know all the integration features available with JetEngine <\/em>and Stackable for your WordPress website customization.<\/p>\n","protected":false},"excerpt":{"rendered":"

This tutorial will teach you how to integrate JetEngine dynamic data with the Stackable plugin on your WordPress website.<\/p>\n","protected":false},"author":1,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[440],"yoast_head":"\nHow to Use Stackable WordPress Plugin with JetEngine | Crocoblock<\/title>\n<meta name=\"description\" content=\"Learn about the JetEngine and Stackable WordPress plugin integration to display desired dynamic data in the WordPress Block Editor.\" \/>\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-stackable-wordpress-plugin-with-jetengine\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Use Stackable WordPress Plugin with JetEngine | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Learn about the JetEngine and Stackable WordPress plugin integration to display desired dynamic data in the WordPress Block Editor.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-use-stackable-wordpress-plugin-with-jetengine\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-19T00:21:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/jetengine-metaboxes-section-full.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\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-stackable-wordpress-plugin-with-jetengine\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-use-stackable-wordpress-plugin-with-jetengine\/\",\"name\":\"How to Use Stackable WordPress Plugin with JetEngine | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2022-11-04T21:16:04+00:00\",\"dateModified\":\"2023-07-19T00:21:43+00:00\",\"description\":\"Learn about the JetEngine and Stackable WordPress plugin integration to display desired dynamic data in the WordPress Block Editor.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-use-stackable-wordpress-plugin-with-jetengine\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-use-stackable-wordpress-plugin-with-jetengine\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-use-stackable-wordpress-plugin-with-jetengine\/#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 Stackable WordPress Plugin with JetEngine\"}]},{\"@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 Stackable WordPress Plugin with JetEngine | Crocoblock","description":"Learn about the JetEngine and Stackable WordPress plugin integration to display desired dynamic data in the WordPress Block Editor.","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-stackable-wordpress-plugin-with-jetengine\/","og_locale":"en_US","og_type":"article","og_title":"How to Use Stackable WordPress Plugin with JetEngine | Crocoblock","og_description":"Learn about the JetEngine and Stackable WordPress plugin integration to display desired dynamic data in the WordPress Block Editor.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-use-stackable-wordpress-plugin-with-jetengine\/","og_site_name":"Help Center","article_modified_time":"2023-07-19T00:21:43+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/jetengine-metaboxes-section-full.png"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-use-stackable-wordpress-plugin-with-jetengine\/","url":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-use-stackable-wordpress-plugin-with-jetengine\/","name":"How to Use Stackable WordPress Plugin with JetEngine | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2022-11-04T21:16:04+00:00","dateModified":"2023-07-19T00:21:43+00:00","description":"Learn about the JetEngine and Stackable WordPress plugin integration to display desired dynamic data in the WordPress Block Editor.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-use-stackable-wordpress-plugin-with-jetengine\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-use-stackable-wordpress-plugin-with-jetengine\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-use-stackable-wordpress-plugin-with-jetengine\/#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 Stackable WordPress Plugin with JetEngine"}]},{"@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\/30176"}],"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\/1"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=30176"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=30176"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=30176"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}