{"id":25124,"date":"2022-07-19T07:03:37","date_gmt":"2022-07-19T12:03:37","guid":{"rendered":"https:\/\/wpstackable.com\/?p=25124"},"modified":"2022-07-19T07:15:08","modified_gmt":"2022-07-19T12:15:08","slug":"stackable-integrates-with-jetengine","status":"publish","type":"post","link":"https:\/\/wpstackable.com\/blog\/stackable-integrates-with-jetengine\/","title":{"rendered":"Stackable Integrates With JetEngine"},"content":{"rendered":"\n<p data-block-type=\"core\">Creating dynamic websites just got easier: Stackable is now integrated with JetEngine!<\/p>\n\n\n\n<!--more-->\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\" data-block-type=\"core\"><\/div>\n\n\n\n<p data-block-type=\"core\">Stackable now has support for <a href=\"https:\/\/crocoblock.com\/plugins\/jetengine-gutenberg\/?ref=5885&amp;campaign=StackableJetEngine\" target=\"_blank\" rel=\"noreferrer noopener\">JetEngine<\/a>\u2013this means that you can use data stored through JetEngine\u2019s meta boxes in Stackable blocks. Update to the latest version of Stackable and the integration will be automatic!<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\" data-block-type=\"core\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" data-block-type=\"core\">How to Use JetEngine Meta Boxes with Stackable<\/h2>\n\n\n\n<p data-block-type=\"core\">To use data from meta boxes you\u2019ve created using JetEngine, click on the Stackable block that you want to insert it to. Then click on the Dynamic Fields icon on the toolbar and select the Dynamic Source. Here, you have four options: Current post, Other posts, Site, and Latest post.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\" data-block-type=\"core\"><img loading=\"lazy\" decoding=\"async\" width=\"520\" height=\"324\" src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2022\/07\/Frame-1-1.jpg\" alt=\"\" class=\"wp-image-25125\" srcset=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2022\/07\/Frame-1-1.jpg 520w, https:\/\/wpstackable.com\/wp-content\/uploads\/2022\/07\/Frame-1-1-300x187.jpg 300w\" sizes=\"auto, (max-width: 520px) 100vw, 520px\" \/><\/figure><\/div>\n\n\n<p data-block-type=\"core\">Next, in the Field menu, select the field that you want to fetch data from. You can scroll to look for the specific custom field which will be grouped under \u201cJetEngine\u201d. You can also just type the label you\u2019ve used to name it! Once you click <strong>Apply<\/strong>, the text will be replaced with a placeholder. But not to worry, when you preview the page or reload the editor, it should display the data itself!<\/p>\n\n\n\n<figure class=\"wp-block-video\" data-block-type=\"core\"><video autoplay loop muted src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2022\/07\/Screen-Recording-2022-07-18-at-6.16.23-PM.mov\"><\/video><\/figure>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\" data-block-type=\"core\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" data-block-type=\"core\">How to Use JetEngine Taxonomies with Stackable<\/h2>\n\n\n\n<p data-block-type=\"core\">You will also find the metadata you store for taxonomies made with JetEngine!<\/p>\n\n\n\n<p data-block-type=\"core\">To do this, click on the Stackable block you want to insert it to. Click on the Dynamic Fields icon on the toolbar and in the Fields, select Post Taxonomy. There, you can select the Taxonomy you\u2019ve created with JetEngine.<\/p>\n\n\n\n<p data-block-type=\"core\">Next, choose the Field you want to fetch data from. Here, since we only have one field, it\u2019s the only one that\u2019s available. We\u2019re going to apply that and then that should be updated in the page or post.<\/p>\n\n\n\n<figure class=\"wp-block-video\" data-block-type=\"core\"><video autoplay loop muted src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2022\/07\/Screen-Recording-2022-07-18-at-6.17.50-PM.mov\"><\/video><\/figure>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\" data-block-type=\"core\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" data-block-type=\"core\">Using JetEngine with Stackable and Query Loops<\/h2>\n\n\n\n<p data-block-type=\"core\">You could use JetEngine meta boxes wherever dynamic content is available. One example is the core Query Loop block. This is helpful because you can create archives or lists of pages, posts, or just about any post type.<\/p>\n\n\n\n<p data-block-type=\"core\">When you add the Query Loop block, just add a Stackable block and click on the Dynamic Fields icon. Select which field you want to display, in this case, we\u2019ll be using the Availability field to display which rental the website visitors can get.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-video\" data-block-type=\"core\"><video autoplay loop muted src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2022\/07\/Screen-Recording-2022-07-18-at-7.06.11-PM.mp4\"><\/video><\/figure>\n\n\n\n<p data-block-type=\"core\">Once you\u2019re finished making your website dynamic, you may then customize the blocks as you usually would using Stackable\u2019s extensive design controls and features! You could even use Stackable\u2019s ready-made UI kits and have a dynamic website ready in no time.&nbsp;<\/p>\n\n\n\n<p data-block-type=\"core\">To learn more about this integration, you may go through our <a href=\"https:\/\/docs.wpstackable.com\/article\/490-how-to-display-jetengine-meta-fields-using-stackable-blocks\" data-type=\"URL\" data-id=\"https:\/\/docs.wpstackable.com\/article\/490-how-to-display-jetengine-meta-fields-using-stackable-blocks\" target=\"_blank\" rel=\"noreferrer noopener\">documentation<\/a>.<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\" data-block-type=\"core\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" data-block-type=\"core\">Build with Stackable and JetEngine<\/h2>\n\n\n\n<p data-block-type=\"core\">This integration is available for Stackable Premium users. If you\u2019re not a Stackable Premium user yet, check out our plans and upgrade now!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Creating dynamic websites just got easier: Stackable is now integrated with JetEngine!<\/p>\n","protected":false},"author":18,"featured_media":25130,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"_lmt_disableupdate":"no","_lmt_disable":"no","footnotes":""},"categories":[3],"tags":[],"class_list":{"0":"post-25124","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"hentry","7":"category-updates"},"featured_image_urls_v2":{"full":["https:\/\/wpstackable.com\/wp-content\/uploads\/2022\/07\/JetEngine-Integration.jpg",2400,1248,false]},"post_excerpt_stackable_v2":"<p>Creating dynamic websites just got easier: Stackable is now integrated with JetEngine! Stackable now has support for JetEngine\u2013this means that you can use data stored through JetEngine\u2019s meta boxes in Stackable blocks. Update to the latest version of Stackable and the integration will be automatic! How to Use JetEngine Meta Boxes with Stackable To use data from meta boxes you\u2019ve created using JetEngine, click on the Stackable block that you want to insert it to. Then click on the Dynamic Fields icon on the toolbar and select the Dynamic Source. Here, you have four options: Current post, Other posts, Site,&hellip;<\/p>\n","category_list_v2":"<a href=\"https:\/\/wpstackable.com\/blog\/category\/updates\/\" rel=\"category tag\">Updates<\/a>","author_info_v2":{"name":"Alexandra Yap","url":"https:\/\/wpstackable.com\/blog\/author\/alex\/"},"comments_num_v2":"0 comments","acf":[],"modified_by":"Alexandra Yap","_links":{"self":[{"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/posts\/25124","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/comments?post=25124"}],"version-history":[{"count":3,"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/posts\/25124\/revisions"}],"predecessor-version":[{"id":25137,"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/posts\/25124\/revisions\/25137"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/media\/25130"}],"wp:attachment":[{"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/media?parent=25124"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/categories?post=25124"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/tags?post=25124"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}