{"id":24136,"date":"2022-06-22T08:27:49","date_gmt":"2022-06-22T13:27:49","guid":{"rendered":"https:\/\/wpstackable.com\/?p=24136"},"modified":"2022-06-22T08:27:49","modified_gmt":"2022-06-22T13:27:49","slug":"stackable-integrates-with-meta-box","status":"publish","type":"post","link":"https:\/\/wpstackable.com\/blog\/stackable-integrates-with-meta-box\/","title":{"rendered":"Stackable Integrates With Meta Box"},"content":{"rendered":"\n<p data-block-type=\"core\">Stackable users have been requesting an integration with Meta Box for the longest time, and it\u2019s finally here!<\/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\">You can now populate your websites built with Stackable using Meta Box custom fields. All you have to do is update Stackable to the latest version and it will automatically pick up Meta Box custom fields and their data! And don\u2019t worry\u2013all custom field types are supported, be it the basic or advanced field types.<\/p>\n\n\n\n<p data-block-type=\"core\">To use data from Meta Box custom fields on text, you will have to click on the Stackable block that you want to insert it to. This could be the Stackable Text block, Heading block, Subtitle block, or any Stackable block that has text!<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\" data-block-type=\"core\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/-KHEl0bZt_QEnDoyovWap-PNeWbkRnXCZkB8pOYQ1reAGcAAVqxWJxjqecnB-LmpmsD7vs9yApXisamXQwdgY63bX4duLLq68TuzouhhP3bGMj3Hu6rGrruk0uBXLi-pvusCTArZ7mZ5wll40g\" alt=\"\"\/><\/figure><\/div>\n\n\n<p data-block-type=\"core\">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 is-resized\" data-block-type=\"core\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/mMtRMUAtUhYBshyniiGReWZNrN3lTINjdey0q4WRysM_cVMFpAn2OO2REqdBr2tlwLnDSBXaeVh4gseb_mrM2oljPOyImdzPs9r29s_-s1O3oybrvBse6_46VjMH-vY53d-B2IZTDopnupv1Eg\" alt=\"\" width=\"300\"\/><\/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 or you can type the label you\u2019ve used to name it! Once you press Apply, a placeholder will appear where the dynamic content should be displayed.<\/p>\n\n\n\n<figure class=\"wp-block-video aligncenter\" data-block-type=\"core\"><video autoplay loop muted src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2022\/06\/Stackable_Metabox_Text_Field.mov\"><\/video><\/figure>\n\n\n\n<p data-block-type=\"core\">Once you preview the page, the placeholder will then be replaced with the value stored in that custom field!<\/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\/06\/Stackable_Metabox_Preview.mov\"><\/video><\/figure>\n\n\n\n<p data-block-type=\"core\">You could use Meta Box custom fields wherever dynamic content is available, like say, for example, when you use Stackable blocks in the WordPress core Query Loop block. You can use dynamic content from Meta Box fields. See how we applied it to this Query Loop using Meta Box fields:<\/p>\n\n\n\n<figure class=\"wp-block-video aligncenter\" data-block-type=\"core\"><video autoplay loop muted src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2022\/06\/Stackable_Metabox_Query_Loop.mp4\"><\/video><\/figure>\n\n\n\n<p data-block-type=\"core\">Once you\u2019ve added the dynamic content from Meta Box, 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<figure class=\"wp-block-video aligncenter\" data-block-type=\"core\"><video autoplay loop muted src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2022\/06\/Screen-Recording-2022-06-17-at-1.44.10-PM.mp4\"><\/video><\/figure>\n\n\n\n<p data-block-type=\"core\">This integration has been a long time coming so we\u2019re very excited to see what you can build using Stackable and Meta Box! To learn more about this integration, you may go through our <a href=\"https:\/\/docs.wpstackable.com\/article\/488-how-to-display-metabox-custom-fields-using-stackable-blocks\" data-type=\"URL\" data-id=\"https:\/\/docs.wpstackable.com\/article\/488-how-to-display-metabox-custom-fields-using-stackable-blocks\" target=\"_blank\" rel=\"noreferrer noopener\">documentation<\/a>.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" data-block-type=\"core\">Build with Stackable and Meta Box<\/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>Stackable users have been requesting an integration with Meta Box for the longest time, and it\u2019s finally here!<\/p>\n","protected":false},"author":18,"featured_media":24145,"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-24136","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\/06\/Metabox-Integration.jpg",2400,1248,false]},"post_excerpt_stackable_v2":"<p>Stackable users have been requesting an integration with Meta Box for the longest time, and it\u2019s finally here! You can now populate your websites built with Stackable using Meta Box custom fields. All you have to do is update Stackable to the latest version and it will automatically pick up Meta Box custom fields and their data! And don\u2019t worry\u2013all custom field types are supported, be it the basic or advanced field types. To use data from Meta Box custom fields on text, you will have to click on the Stackable block that you want to insert it to. This&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\/24136","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=24136"}],"version-history":[{"count":4,"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/posts\/24136\/revisions"}],"predecessor-version":[{"id":24188,"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/posts\/24136\/revisions\/24188"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/media\/24145"}],"wp:attachment":[{"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/media?parent=24136"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/categories?post=24136"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/tags?post=24136"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}