{"id":19245,"date":"2021-04-30T02:09:29","date_gmt":"2021-04-30T07:09:29","guid":{"rendered":"https:\/\/wpstackable.com\/?p=19245"},"modified":"2021-07-14T17:04:37","modified_gmt":"2021-07-14T22:04:37","slug":"stackable-integrates-with-acf","status":"publish","type":"post","link":"https:\/\/wpstackable.com\/blog\/stackable-integrates-with-acf\/","title":{"rendered":"Stackable Integrates with ACF"},"content":{"rendered":"\n<p data-block-type=\"core\">We heard you! Advanced Custom Fields is now integrated with Stackable. For those whose best friends are custom fields, this integration is for you! \ud83d\ude4c \ud83e\udd73<\/p>\n\n\n\n<!--more-->\n\n\n\n<p data-block-type=\"core\">Add ACF custom field content into any Stackable block or native block to easily create dynamic websites without the need for shortcode or editing PHP. Setting up the integration is pretty simple. All you need to do is make sure your ACF Free or ACF PRO plugin is activated, and that your custom fields are set up. Stackable automatically picks up the custom fields you make with ACF.<\/p>\n\n\n\n<p data-block-type=\"core\">Here is an example of adding custom field content from ACF custom fields:<\/p>\n\n\n\n<div class=\"wp-block-image\" data-block-type=\"core\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"374\" src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2021\/04\/Adding-content-to-stackable-block.gif\" alt=\"Adding dynamic content from ACF custom field\" class=\"wp-image-19246\"\/><figcaption>Adding dynamic source from ACF custom field<\/figcaption><\/figure><\/div>\n\n\n\n<p data-block-type=\"core\">Simply highlight the area where you want your content to appear, click the Dynamic Fields icon (the globe icon). Choose the dynamic source, it could be from the current post, another post, or the latest post option which will automatically update its contents whenever there are new posts.<\/p>\n\n\n\n<p data-block-type=\"core\">From there, select which post you want to grab your content from, and then choose the dynamic field. Scroll down the drop down menu and you will find the ACF custom fields. Finally, select the custom field you will be using for that section.<\/p>\n\n\n\n<div class=\"wp-block-image\" data-block-type=\"core\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"373\" height=\"731\" src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2021\/04\/Accessing-ACF-Fields.gif\" alt=\"Accessing custom fields in the built-in Stackable Dynamic Content functionality\" class=\"wp-image-19247\"\/><figcaption>Accessing ACF custom fields in the built-in Stackable dynamic functionality<\/figcaption><\/figure><\/div>\n\n\n\n<p data-block-type=\"core\">The same powerful customization options for Stackable blocks apply to content taken from dynamic sources. With just a few toggles, you\u2019ll be designing stunning dynamic websites in no time.<\/p>\n\n\n\n<div class=\"wp-block-image\" data-block-type=\"core\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"334\" src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2021\/04\/Customizing-dynamic-content.gif\" alt=\"Customizing dynamic content with Stackable\" class=\"wp-image-19248\"\/><figcaption>Customizing dynamic content with Stackable<\/figcaption><\/figure><\/div>\n\n\n\n<p data-block-type=\"core\">Most <a rel=\"noreferrer noopener\" href=\"https:\/\/www.advancedcustomfields.com\/resource-category\/field-types\/\" target=\"_blank\">ACF field types<\/a> are supported as well as <a rel=\"noreferrer noopener\" href=\"https:\/\/www.advancedcustomfields.com\/resources\/options-page\/\" target=\"_blank\">ACF Options Pages<\/a>. To learn more about how you can make the most out of our integration with ACF, check out our <a href=\"https:\/\/docs.wpstackable.com\/article\/457-how-to-display-acf-custom-fields-using-stackable-blocks\" data-type=\"URL\" data-id=\"https:\/\/docs.wpstackable.com\/article\/457-how-to-display-acf-custom-fields-using-stackable-blocks\" target=\"_blank\" rel=\"noreferrer noopener\">documentation<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" data-block-type=\"core\">Create dynamic websites with ACF and Stackable now!<\/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 <a rel=\"noreferrer noopener\" href=\"https:\/\/wpstackable.com\/premium\/\" target=\"_blank\">Features<\/a> page to learn more about how we extend the functionality of the Gutenberg editor!<\/p>\n\n\n\n<div class=\"aligncenter wp-block-ugb-cta ugb-cta ugb-de2a73a ugb-cta ugb-cta--v2 ugb-main-block\" data-block-type=\"core\"><style>.ugb-de2a73a .ugb-cta__title,.ugb-de2a73a .ugb-cta__description,.ugb-de2a73a .ugb-button-container{text-align:left !important}.ugb-de2a73a .ugb-cta__item{background-image:url(https:\/\/wpstackable.com\/wp-content\/uploads\/2021\/04\/Learn-CTA.png)}.ugb-de2a73a .ugb-cta__item:before{opacity:0.5}.ugb-de2a73a .ugb-cta__title{font-size:48px !important;font-weight:500 !important;color:#ffffff}.ugb-de2a73a .ugb-cta__description{margin-bottom:32px !important;color:#ffffff}.ugb-de2a73a .ugb-button .ugb-button--inner{font-family:\"DM Sans\",Sans-serif !important;font-weight:400 !important}.ugb-de2a73a .ugb-button{background-color:#ffffff;border-radius:0px !important}.ugb-de2a73a .ugb-button .ugb-button--inner,.ugb-de2a73a .ugb-button svg:not(.ugb-custom-icon){color:var(--stk-global-color-43441,#111111) !important}.ugb-de2a73a .ugb-button:before{border-radius:0px !important}.ugb-de2a73a .ugb-inner-block{text-align:left}<\/style><div class=\"ugb-inner-block\"><div class=\"ugb-block-content\"><div class=\"ugb-cta__item ugb--has-background-overlay\"><h3 class=\"ugb-cta__title\">Want to learn more <br>about Stackable?<\/h3><p class=\"ugb-cta__description\">Your very own Learning Hub for all things WordPress and Stackable. Find the right resources to help get you started as you begin building your online presence with Stackable.<\/p><div class=\"ugb-button-container\"><a class=\"ugb-button ugb-button--size-normal ugb--shadow-3 ugb-button--has-icon ugb-button--icon-position-right\" href=\"\" rel=\"\" title=\"\"><div class=\"ugb-icon-inner-svg\"><svg data-prefix=\"fas\" data-icon=\"arrow-right\" class=\"svg-inline--fa fa-arrow-right fa-w-14\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><path fill=\"currentColor\" d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"><\/path><\/svg><\/div><span class=\"ugb-button--inner\">Go to Stackable Learn<\/span><\/a><\/div><\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>We heard you! Advanced Custom Fields is now integrated with Stackable. For those whose best friends are custom fields, this integration is for you! \ud83d\ude4c \ud83e\udd73<\/p>\n","protected":false},"author":18,"featured_media":19418,"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-19245","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\/2021\/04\/ACF-Integration.jpg",2400,1248,false]},"post_excerpt_stackable_v2":"<p>We heard you! Advanced Custom Fields is now integrated with Stackable. For those whose best friends are custom fields, this integration is for you! \ud83d\ude4c \ud83e\udd73<\/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":"9 comments","acf":[],"modified_by":"Alexandra Yap","_links":{"self":[{"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/posts\/19245","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=19245"}],"version-history":[{"count":1,"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/posts\/19245\/revisions"}],"predecessor-version":[{"id":20639,"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/posts\/19245\/revisions\/20639"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/media\/19418"}],"wp:attachment":[{"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/media?parent=19245"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/categories?post=19245"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/tags?post=19245"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}