{"id":18456,"date":"2021-02-05T03:32:21","date_gmt":"2021-02-05T08:32:21","guid":{"rendered":"https:\/\/wpstackable.com\/?page_id=18456"},"modified":"2023-03-28T23:06:25","modified_gmt":"2023-03-29T04:06:25","slug":"toolset-integration","status":"publish","type":"page","link":"https:\/\/wpstackable.com\/toolset-integration\/","title":{"rendered":"Toolset Integration"},"content":{"rendered":"\n<div class=\"alignfull wp-block-ugb-container ugb-container ugb-2a69055 ugb-container--v2 ugb-container--design-plain ugb-main-block ugb--hide-mobile ugb-main-block--inner-wide ugb--has-block-background ugb--has-background-overlay\"><style>.ugb-2a69055-wrapper > .ugb-container__side{padding-top:120px !important;padding-bottom:120px !important}.ugb-2a69055-wrapper.ugb-container__wrapper{padding-top:0 !important;padding-bottom:0 !important}.ugb-2a69055.ugb-container{background-image:url(https:\/\/wpstackable.com\/wp-content\/uploads\/2021\/02\/BG-1-e1612773032563.png)}.ugb-2a69055.ugb-container:before{opacity:0.5}@media screen and (min-width:768px){.ugb-2a69055.ugb-container{padding-right:35px !important}}<\/style><div class=\"ugb-inner-block ugb-inner-block--wide\"><div class=\"ugb-block-content\"><div class=\"ugb-container__wrapper ugb-2a69055-wrapper\"><div class=\"ugb-container__side\"><div class=\"ugb-container__content-wrapper ugb-2a69055-content-wrapper\">\n<div class=\"wp-block-ugb-text ugb-text ugb-7b4c005 ugb-text--design-plain ugb-text--columns-1 ugb-text--subtitle-top ugb-main-block ugb--has-custom-content-width\"><style>.ugb-7b4c005 .ugb-text__title{color:#ffffff;font-size:42px !important}.ugb-7b4c005 .ugb-text__subtitle{color:#f00069}.ugb-7b4c005 .ugb-text__text p{font-size:16px !important;color:#ffffff}.ugb-7b4c005.ugb-text{justify-content:flex-start}.ugb-7b4c005.ugb-text > .ugb-inner-block{max-width:514px !important}<\/style><div class=\"ugb-inner-block\"><div class=\"ugb-block-content\"><div class=\"ugb-text__title-wrapper\"><h1 class=\"ugb-text__title\">Build Advanced Sites with Dynamic Sources<\/h1><p class=\"ugb-text__subtitle\">FREE &amp; PREMIUM INTEGRATION<\/p><\/div><div class=\"ugb-text__text-wrapper\"><div class=\"ugb-text__text\"><p class=\"ugb-text__text-1\">Dynamic Sources allow you to build templates, archives, and lists with Stackable Blocks. With it, WordPress professionals can build advanced sites without programming.<br><br><em>Dynamic Sources are available through Stackable\u2019s integration with Toolset. It helps you build beautiful, advanced sites, even if you\u2019re not a developer! With Dynamic Sources, you can display existing content from standard fields, custom fields and taxonomy in Stackable blocks.<\/em><\/p><\/div><\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-ugb-button ugb-button-wrapper stackable-button-children stackable-button-large ugb-db2f2e4 ugb-main-block\"><style>.ugb-db2f2e4 .ugb-block-content{justify-content:flex-start !important}.ugb-db2f2e4 .ugb-inner-block{text-align:left}<\/style><div class=\"ugb-inner-block\"><div class=\"ugb-block-content\"><div class=\"ugb-button-container\"><a class=\"ugb-button1 ugb-button ugb-button--size-normal\" href=\"https:\/\/toolset.com\/?aid=83799&amp;affiliate_key=yZQmy4Mn5gaJ\" target=\"_blank\" rel=\"noopener noreferrer\" title=\"\"><span class=\"ugb-button--inner\">Get Toolset<\/span><\/a><\/div><div class=\"ugb-button-container\"><a class=\"ugb-button2 ugb-button ugb-button--size-normal\" href=\"#learn\" rel=\"\" title=\"\"><span class=\"ugb-button--inner\">Learn How to Integrate<\/span><\/a><\/div><\/div><\/div><\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"alignfull wp-block-ugb-container ugb-container ugb-c484e63 ugb-container--v2 ugb-container--design-plain ugb-main-block ugb--hide-desktop ugb--hide-tablet ugb-main-block--inner-wide ugb--has-block-background ugb--has-background-overlay\"><style>.ugb-c484e63.ugb-container{background-image:url(https:\/\/wpstackable.com\/wp-content\/uploads\/2021\/02\/Mobile-BG-e1612767026916.png)}.ugb-c484e63.ugb-container:before{opacity:0.5}@media screen and (min-width:768px){.ugb-c484e63.ugb-container{padding-right:35px !important}}<\/style><div class=\"ugb-inner-block ugb-inner-block--wide\"><div class=\"ugb-block-content\"><div class=\"ugb-container__wrapper ugb-c484e63-wrapper\"><div class=\"ugb-container__side\"><div class=\"ugb-container__content-wrapper ugb-c484e63-content-wrapper\">\n<div class=\"wp-block-ugb-text ugb-text ugb-9abf5d5 ugb-text--design-plain ugb-text--columns-1 ugb-text--subtitle-top ugb-main-block ugb--has-custom-content-width\"><style>.ugb-9abf5d5 .ugb-text__title{color:#ffffff;font-size:32px !important}.ugb-9abf5d5 .ugb-text__subtitle{color:#f00069}.ugb-9abf5d5 .ugb-text__text p{font-size:16px !important;color:#ffffff}.ugb-9abf5d5.ugb-text{justify-content:flex-start}.ugb-9abf5d5.ugb-text > .ugb-inner-block{max-width:514px !important}<\/style><div class=\"ugb-inner-block\"><div class=\"ugb-block-content\"><div class=\"ugb-text__title-wrapper\"><h1 class=\"ugb-text__title\">Build Advanced Sites with Dynamic Sources<\/h1><p class=\"ugb-text__subtitle\">PREMIUM INTEGRATION <\/p><\/div><div class=\"ugb-text__text-wrapper\"><div class=\"ugb-text__text\"><p class=\"ugb-text__text-1\">Dynamic Sources allow you to build templates, archives, and lists with Stackable Blocks. With it, WordPress professionals can build advanced sites without programming.<br><br><em>Dynamic Sources are available through Stackable\u2019s integration with Toolset. It helps you build beautiful, advanced sites, even if you\u2019re not a developer! With Dynamic Sources, you can display existing content from standard fields, custom fields and taxonomy in Stackable blocks.<\/em><\/p><\/div><\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-ugb-button ugb-button-wrapper stackable-button-children stackable-button-large ugb-8ed7db5 ugb-main-block\"><style>.ugb-8ed7db5 .ugb-block-content{justify-content:flex-start !important}.ugb-8ed7db5 .ugb-inner-block{text-align:left}<\/style><div class=\"ugb-inner-block\"><div class=\"ugb-block-content\"><div class=\"ugb-button-container\"><a class=\"ugb-button1 ugb-button ugb-button--size-normal\" href=\"https:\/\/toolset.com\/?aid=83799&amp;affiliate_key=yZQmy4Mn5gaJ\" target=\"_blank\" rel=\"noopener noreferrer\" title=\"\"><span class=\"ugb-button--inner\">Get Toolset<\/span><\/a><\/div><div class=\"ugb-button-container\"><a class=\"ugb-button2 ugb-button ugb-button--size-normal\" href=\"#learn\" rel=\"\" title=\"\"><span class=\"ugb-button--inner\">Learn How to Integrate<\/span><\/a><\/div><\/div><\/div><\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"alignfull wp-block-ugb-container ugb-container ugb-e6a8d38 ugb-container--v2 ugb-container--design-plain ugb-main-block ugb-main-block--inner-wide ugb--has-block-background\" id=\"designs\"><style>.ugb-e6a8d38.ugb-container{background-color:var(--stk-global-color-43441,#111111)}.ugb-e6a8d38.ugb-container:before{background-color:var(--stk-global-color-43441,#111111)}@media screen and (min-width:768px){.ugb-e6a8d38.ugb-container{margin-top:0px !important;padding-top:0px !important;padding-right:35px !important;padding-left:35px !important}}@media screen and (min-width:768px) and (max-width:1025px){.ugb-e6a8d38.ugb-container{margin-top:-239px !important}}@media screen and (max-width:768px){.ugb-e6a8d38.ugb-container{padding-right:18px !important}}<\/style><div class=\"ugb-inner-block ugb-inner-block--wide\"><div class=\"ugb-block-content\"><div class=\"ugb-container__wrapper ugb-e6a8d38-wrapper\"><div class=\"ugb-container__side\"><div class=\"ugb-container__content-wrapper ugb-e6a8d38-content-wrapper\">\n<div class=\"wp-block-ugb-spacer ugb-spacer ugb-e70cd6a ugb-spacer--v2 ugb-main-block\"><style>@media screen and (min-width:768px){.ugb-e70cd6a.ugb-spacer{height:16px !important}}<\/style><div class=\"ugb-inner-block\"><div class=\"ugb-block-content\"><div class=\"ugb-spacer--inner\"><\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-ugb-heading ugb-heading ugb-1ceeee6 ugb-main-block\"><style>.ugb-1ceeee6 .ugb-heading__title{color:#ffffff;font-size:36px !important;text-align:center}.ugb-1ceeee6 .ugb-inner-block{text-align:center}@media screen and (max-width:768px){.ugb-1ceeee6 .ugb-heading__title{font-size:32px !important}}<\/style><div class=\"ugb-inner-block\"><div class=\"ugb-block-content\"><h2 class=\"ugb-heading__title\">What can you build with Dynamic Sources?<\/h2><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-ugb-feature ugb-feature ugb-80dadc9 ugb-feature--v2 ugb-feature--design-plain ugb-main-block\"><style>.ugb-80dadc9 .ugb-feature__title{font-size:32px !important;color:#ffffff}.ugb-80dadc9 .ugb-feature__description{font-size:16px !important;color:#ffffff}@media screen and (min-width:768px){.ugb-80dadc9 .ugb-img{width:900px;height:auto !important}}@media screen and (max-width:1025px){.ugb-80dadc9 .ugb-inner-block{text-align:center}}@media screen and (max-width:768px){.ugb-80dadc9 .ugb-feature__title{font-size:21px !important}}<\/style><div class=\"ugb-inner-block\"><div class=\"ugb-block-content\"><div class=\"ugb-feature__item\"><div class=\"ugb-feature__content\"><h2 class=\"ugb-feature__title\">Quick, beautiful archive pages and content templates<\/h2><p class=\"ugb-feature__description\">Design your perfect Stackable block-based layout, and let Dynamic Sources fill in the content. In this example, we built a template that works for any photographer. It dynamically pulls in the photographer\u2019s name, bio, location, camera type, specialties, and several images.<\/p><\/div><div class=\"ugb-feature__image-side\"><img decoding=\"async\" class=\"ugb-feature__image ugb-img wp-image-18519 ugb-image--shape-stretch\" src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2021\/02\/Asset-1024x873.png\" alt=\"\" title=\"\" height=\"767\" srcset=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2021\/02\/Asset-1024x873.png 1024w, https:\/\/wpstackable.com\/wp-content\/uploads\/2021\/02\/Asset-300x256.png 300w, https:\/\/wpstackable.com\/wp-content\/uploads\/2021\/02\/Asset-768x655.png 768w, https:\/\/wpstackable.com\/wp-content\/uploads\/2021\/02\/Asset.png 1076w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/div><\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-ugb-feature ugb-feature ugb-452a595 ugb-feature--v2 ugb-feature--design-plain ugb-feature--invert ugb-main-block\"><style>.ugb-452a595 .ugb-feature__title{font-size:32px !important;color:#ffffff}.ugb-452a595 .ugb-feature__description{font-size:16px !important;color:#ffffff}@media screen and (min-width:768px){.ugb-452a595 .ugb-img{width:900px;height:auto !important}}@media screen and (max-width:1025px){.ugb-452a595 .ugb-inner-block{text-align:center}}@media screen and (max-width:768px){.ugb-452a595 .ugb-feature__title{font-size:21px !important}}<\/style><div class=\"ugb-inner-block\"><div class=\"ugb-block-content\"><div class=\"ugb-feature__item\"><div class=\"ugb-feature__content\"><h2 class=\"ugb-feature__title\">Dynamic Lists<\/h2><p class=\"ugb-feature__description\">Toolset\u2019s View block is a query-building tool that searches your content and displays what you want in a custom, block-based output. You can choose from Core blocks, Stackable Blocks or Toolset\u2019s Blocks to design how your output displays.<br><br>Because the output content is dynamic, what appears in the list changes automatically as you add or edit content.<\/p><\/div><div class=\"ugb-feature__image-side\"><img decoding=\"async\" class=\"ugb-feature__image ugb-img wp-image-18483 ugb-image--shape-stretch\" src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2021\/02\/Toolset-Asset-2-1024x873.png\" alt=\"\" title=\"\" height=\"767\" srcset=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2021\/02\/Toolset-Asset-2-1024x873.png 1024w, https:\/\/wpstackable.com\/wp-content\/uploads\/2021\/02\/Toolset-Asset-2-300x256.png 300w, https:\/\/wpstackable.com\/wp-content\/uploads\/2021\/02\/Toolset-Asset-2-768x655.png 768w, https:\/\/wpstackable.com\/wp-content\/uploads\/2021\/02\/Toolset-Asset-2.png 1076w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/div><\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-ugb-feature ugb-feature ugb-fd4511b ugb-feature--v2 ugb-feature--design-plain ugb-main-block\"><style>.ugb-fd4511b .ugb-feature__title{font-size:32px !important;color:#ffffff}.ugb-fd4511b .ugb-feature__description{font-size:16px !important;color:#ffffff}@media screen and (min-width:768px){.ugb-fd4511b .ugb-img{width:900px;height:auto !important}}@media screen and (max-width:1025px){.ugb-fd4511b .ugb-inner-block{text-align:center}}@media screen and (max-width:768px){.ugb-fd4511b .ugb-feature__title{font-size:21px !important}}<\/style><div class=\"ugb-inner-block\"><div class=\"ugb-block-content\"><div class=\"ugb-feature__item\"><div class=\"ugb-feature__content\"><h2 class=\"ugb-feature__title\">Powerful Custom Search<\/h2><p class=\"ugb-feature__description\">Add pagination, sorting, and search options to your lists so your site users can find exactly what they need. Design your custom, block-based search result layout, and Dynamic Sources will customize the results based on search criteria. AJAX options allow your results to update as you search, as in the example above.<\/p><\/div><div class=\"ugb-feature__image-side\"><img decoding=\"async\" class=\"ugb-feature__image ugb-img wp-image-18485 ugb-image--shape-stretch\" src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2021\/02\/Toolset-Asset-3-1024x873.png\" alt=\"\" title=\"\" height=\"767\" srcset=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2021\/02\/Toolset-Asset-3-1024x873.png 1024w, https:\/\/wpstackable.com\/wp-content\/uploads\/2021\/02\/Toolset-Asset-3-300x256.png 300w, https:\/\/wpstackable.com\/wp-content\/uploads\/2021\/02\/Toolset-Asset-3-768x655.png 768w, https:\/\/wpstackable.com\/wp-content\/uploads\/2021\/02\/Toolset-Asset-3.png 1076w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/div><\/div><\/div><\/div><\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"alignfull wp-block-ugb-container ugb-container ugb-b410610 ugb-container--v2 ugb-container--design-plain ugb-main-block ugb-main-block--inner-wide ugb--has-block-background\" id=\"designs\"><style>.ugb-b410610.ugb-container{background-color:#1b1b1b}.ugb-b410610.ugb-container:before{background-color:#1b1b1b}@media screen and (min-width:768px){.ugb-b410610.ugb-container{margin-top:0px !important;padding-top:0px !important;padding-right:35px !important;padding-left:35px !important}}@media screen and (max-width:768px){.ugb-b410610.ugb-container{padding-right:18px !important}}<\/style><div class=\"ugb-inner-block ugb-inner-block--wide\"><div class=\"ugb-block-content\"><div class=\"ugb-container__wrapper ugb-b410610-wrapper\"><div class=\"ugb-container__side\"><div class=\"ugb-container__content-wrapper ugb-b410610-content-wrapper\">\n<div class=\"wp-block-ugb-text ugb-text ugb-d225670 ugb-text--design-plain ugb-text--columns-1 ugb-main-block ugb--has-custom-content-width\" id=\"learn\"><style>.ugb-d225670 .ugb-text__title{color:#ffffff;font-size:36px !important;text-align:center}.ugb-d225670 .ugb-text__text p{font-size:16px !important;color:#ffffff}.ugb-d225670 .ugb-inner-block{text-align:center}.ugb-d225670.ugb-text > .ugb-inner-block{max-width:800px !important}@media screen and (max-width:768px){.ugb-d225670 .ugb-text__title{font-size:32px !important}}<\/style><div class=\"ugb-inner-block\"><div class=\"ugb-block-content\"><div class=\"ugb-text__title-wrapper\"><h2 class=\"ugb-text__title\">How does it work with Stackable?<\/h2><\/div><div class=\"ugb-text__text-wrapper\"><div class=\"ugb-text__text\"><p class=\"ugb-text__text-1\">To use Dynamic Sources, you first need Toolset Blocks and Toolset Types (both are part of the Toolset suite of plugins). Types allows you to create custom post types, fields, and taxonomies, and Blocks makes it possible to display that custom content. Then, simply add a Stackable block to your design, turn on Dynamic Sources, and choose which of your fields or taxonomies to display.<\/p><\/div><\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-ugb-video-popup ugb-video-popup ugb-16f7090 ugb-video-popup--v3 ugb-main-block\"><style>.ugb-16f7090 .ugb-video-popup__wrapper{height:500px !important;border-radius:0px;background-color:#ff6900;background-image:url(https:\/\/wpstackable.com\/wp-content\/uploads\/2021\/02\/Screen-Shot-2021-02-08-at-11.32.24-AM.png)}.ugb-16f7090 .ugb-video-popup__wrapper:before{background-image:linear-gradient(90deg,#ff6900 0%,#fcb900 100%);opacity:0.7}.ugb-16f7090 .ugb-video-popup__wrapper:hover:before{opacity:0.39999999999999997}<\/style><div class=\"ugb-inner-block\"><div class=\"ugb-block-content\"><div class=\"ugb-video-popup__wrapper ugb--shadow-6 ugb--has-background-overlay\" data-video=\"DyFtJHwKhyI\"><button class=\"ugb-video-popup__overlay\" aria-label=\"Play\"><span class=\"ugb-video-popup__play-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 320\" class=\"ugb-play-button-normal\" width=\"30\" height=\"30\"><path d=\"M0 0v320l256-160L0 0z\"><\/path><\/svg><\/span><\/button><\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-ugb-notification ugb-notification ugb-519082f ugb-notification--v2 ugb-notification--design-bordered ugb-notification--type-info ugb-main-block\"><style>.ugb-519082f .ugb-notification__item{border-radius:0px !important;background-color:#2c2c2c !important}.ugb-519082f .ugb-notification__item:before{background-color:#2c2c2c !important}.ugb-519082f .ugb-notification__icon svg:not(.ugb-custom-icon){color:#0693e3 !important}.ugb-519082f .ugb-notification__icon{height:24px !important;width:24px !important;margin-bottom:8px !important}.ugb-519082f .ugb-notification__icon .ugb-icon-inner-svg,.ugb-519082f .ugb-notification__icon .ugb-icon-inner-svg svg{width:24px !important;height:24px !important}.ugb-519082f .ugb-notification__icon .ugb-icon-inner-svg{color:#0693e3 !important}.ugb-519082f .ugb-notification__description{font-size:15px !important;color:#ffffff !important}.ugb-519082f .ugb-notification__icon .ugb-icon-inner-svg,.ugb-519082f .ugb-notification__icon .ugb-icon-inner-svg svg *{color:#0693e3 !important;fill:#0693e3 !important}@media screen and (min-width:768px){.ugb-519082f > .ugb-inner-block > .ugb-block-content > *{padding-top:24px !important;padding-bottom:24px !important;padding-right:24px !important;padding-left:24px !important}}<\/style><div class=\"ugb-inner-block\"><div class=\"ugb-block-content\"><div class=\"ugb-notification__item ugb-notification--new-icon ugb--shadow-3\"><div class=\"ugb-notification__icon\"><div class=\"ugb-icon-inner-svg\"><svg data-prefix=\"fas\" data-icon=\"info-circle\" class=\"svg-inline--fa fa-info-circle fa-w-16\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path fill=\"currentColor\" d=\"M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z\"><\/path><\/svg><\/div><\/div><p class=\"ugb-notification__description\">Tip: You can also add content from a Dynamic Source inline alongside other text by clicking the inline Field button.<\/p><\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-ugb-text ugb-text ugb-1d51f24 ugb-text--design-plain ugb-text--columns-1 ugb-main-block\"><style>.ugb-1d51f24 .ugb-text__text p{color:#ffffff}.ugb-1d51f24 .ugb-inner-block{text-align:center}@media screen and (min-width:768px){.ugb-1d51f24.ugb-text{margin-top:64px !important}}@media screen and (max-width:768px){.ugb-1d51f24 .ugb-text__text p{font-size:12px !important}}<\/style><div class=\"ugb-inner-block\"><div class=\"ugb-block-content\"><div class=\"ugb-text__text-wrapper\"><div class=\"ugb-text__text\"><p class=\"ugb-text__text-1\">TRY IT FOR YOURSELF ON THE TOOLSET &amp; STACKABLE DEMO SITE:<\/p><\/div><\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"aligncenter wp-block-ugb-button ugb-button-wrapper stackable-button-children stackable-button-large ugb-b86de1f ugb-main-block\"><style>@media screen and (min-width:768px){.ugb-b86de1f.ugb-button-wrapper{margin-top:-24px !important}}<\/style><div class=\"ugb-inner-block\"><div class=\"ugb-block-content\"><div class=\"ugb-button-container\"><a class=\"ugb-button1 ugb-button ugb-button--size-normal\" href=\"https:\/\/discover-wp.com\/site-types\/photographers-toolset-integration-with-stackable-blocks\/\" target=\"_blank\" rel=\"noopener noreferrer\" title=\"\"><span class=\"ugb-button--inner\">Go to Demo Site<\/span><\/a><\/div><\/div><\/div><\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"alignfull wp-block-ugb-container ugb-container ugb-c55b964 ugb-container--v2 ugb-container--design-plain ugb-main-block ugb-main-block--inner-wide ugb--has-block-background\" id=\"designs\"><style>.ugb-c55b964.ugb-container{background-color:var(--stk-global-color-43441,#111111)}.ugb-c55b964.ugb-container:before{background-color:var(--stk-global-color-43441,#111111)}@media screen and (min-width:768px){.ugb-c55b964.ugb-container{margin-top:0px !important;padding-top:0px !important;padding-right:35px !important;padding-left:35px !important}}@media screen and (max-width:768px){.ugb-c55b964.ugb-container{padding-right:18px !important}}<\/style><div class=\"ugb-inner-block ugb-inner-block--wide\"><div class=\"ugb-block-content\"><div class=\"ugb-container__wrapper ugb-c55b964-wrapper\"><div class=\"ugb-container__side\"><div class=\"ugb-container__content-wrapper ugb-c55b964-content-wrapper\">\n<div class=\"wp-block-ugb-heading ugb-heading ugb-aca36d5 ugb-main-block\"><style>.ugb-aca36d5 .ugb-heading__title{color:#ffffff;font-size:36px !important;text-align:center}.ugb-aca36d5 .ugb-inner-block{text-align:center}@media screen and (max-width:768px){.ugb-aca36d5 .ugb-heading__title{font-size:32px !important}}<\/style><div class=\"ugb-inner-block\"><div class=\"ugb-block-content\"><h2 class=\"ugb-heading__title\">Compatible Stackable Blocks<\/h2><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-ugb-icon-list ugb-icon-list ugb-3685657 ugb-icon-list--v2 ugb-main-block ugb--has-custom-content-width\"><style>.ugb-3685657 li{font-size:16px !important;color:#ffffff}.ugb-3685657 li::before{background-image:url('data:image\/svg+xml;base64,PHN2ZyBkYXRhLXByZWZpeD0iZmFzIiBkYXRhLWljb249ImNoZWNrLWNpcmNsZSIgY2xhc3M9InN2Zy1pbmxpbmUtLWZhIGZhLWNoZWNrLWNpcmNsZSBmYS13LTE2IiByb2xlPSJpbWciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJmaWxsOiAjZjAwMDY5ICFpbXBvcnRhbnQ7IGNvbG9yOiAjZjAwMDY5ICFpbXBvcnRhbnQiPjxwYXRoIGZpbGw9IiNmMDAwNjkiIGQ9Ik01MDQgMjU2YzAgMTM2Ljk2Ny0xMTEuMDMzIDI0OC0yNDggMjQ4UzggMzkyLjk2NyA4IDI1NiAxMTkuMDMzIDggMjU2IDhzMjQ4IDExMS4wMzMgMjQ4IDI0OHpNMjI3LjMxNCAzODcuMzE0bDE4NC0xODRjNi4yNDgtNi4yNDggNi4yNDgtMTYuMzc5IDAtMjIuNjI3bC0yMi42MjctMjIuNjI3Yy02LjI0OC02LjI0OS0xNi4zNzktNi4yNDktMjIuNjI4IDBMMjE2IDMwOC4xMThsLTcwLjA1OS03MC4wNTljLTYuMjQ4LTYuMjQ4LTE2LjM3OS02LjI0OC0yMi42MjggMGwtMjIuNjI3IDIyLjYyN2MtNi4yNDggNi4yNDgtNi4yNDggMTYuMzc5IDAgMjIuNjI3bDEwNCAxMDRjNi4yNDkgNi4yNDkgMTYuMzc5IDYuMjQ5IDIyLjYyOC4wMDF6IiBzdHJva2U9IiNmMDAwNjkiIHN0eWxlPSJmaWxsOiByZ2IoMjQwLCAwLCAxMDUpOyBzdHJva2U6IHJnYigyNDAsIDAsIDEwNSk7Ii8+PC9zdmc+')}.ugb-3685657.ugb-icon-list ul{columns:4}.ugb-3685657 .ugb-inner-block{text-align:left}.ugb-3685657.ugb-icon-list > .ugb-inner-block{max-width:910px !important}@media screen and (max-width:1025px){.ugb-3685657.ugb-icon-list ul{columns:3 !important}.ugb-3685657 .ugb-inner-block{text-align:left}}@media screen and (min-width:768px) and (max-width:1025px){.ugb-3685657.ugb-icon-list{padding-left:88px !important}}@media screen and (max-width:768px){.ugb-3685657.ugb-icon-list ul{columns:2 !important}.ugb-3685657.ugb-icon-list{margin-left:40px !important}}<\/style><div class=\"ugb-inner-block\"><div class=\"ugb-block-content\"><ul><li>Advanced Heading <\/li><li>Advanced Text<\/li><li>Accordion<\/li><li>Blockquote<\/li><li>Card<\/li><li>Count Up<\/li><li>Feature<\/li><li>Header<\/li><li>Image Box<\/li><li>Notification<\/li><li>Number Box<\/li><li>Team Member<\/li><li>Testimonial<\/li><li>Video Popup<\/li><\/ul><\/div><\/div><\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"alignfull wp-block-ugb-container ugb-container ugb-36620de ugb-container--v2 ugb-container--design-plain ugb-main-block ugb-main-block--inner-full ugb--has-block-background ugb--has-background-overlay\"><style>.ugb-36620de .ugb-inner-block{text-align:center}.ugb-36620de.ugb-container{background-image:url(https:\/\/wpstackable.com\/wp-content\/uploads\/2020\/11\/CTA-BG.png)}.ugb-36620de.ugb-container:before{opacity:0.5}@media screen and (min-width:768px){.ugb-36620de.ugb-container{margin-bottom:0px !important}}@media screen and (min-width:768px) and (max-width:1025px){.ugb-36620de.ugb-container{margin-bottom:0px !important}}@media screen and (max-width:768px){.ugb-36620de.ugb-container{margin-bottom:0px !important}}<\/style><div class=\"ugb-inner-block ugb-inner-block--full\"><div class=\"ugb-block-content\"><div class=\"ugb-container__wrapper ugb-36620de-wrapper\"><div class=\"ugb-container__side\"><div class=\"ugb-container__content-wrapper ugb-36620de-content-wrapper\">\n<div class=\"wp-block-ugb-heading ugb-heading ugb-fadc17a ugb-main-block\"><style>.ugb-fadc17a .ugb-heading__title{color:#ffffff;font-size:36px !important;margin-bottom:16px !important}.ugb-fadc17a .ugb-heading__subtitle{font-size:16px !important;color:#ffffff}<\/style><div class=\"ugb-inner-block\"><div class=\"ugb-block-content\"><h3 class=\"ugb-heading__title\">Add Dynamic Sources to your Stackable Blocks<\/h3><p class=\"ugb-heading__subtitle\">See how Stackable Blocks and Toolset team up to bring you beautiful, advanced, functional sites without coding.<\/p><\/div><\/div><\/div>\n\n\n\n<div class=\"alignwide wp-block-ugb-button ugb-button-wrapper stackable-button-children stackable-button-large ugb-cf22b15 ugb-main-block ugb--has-custom-content-width\"><style>.ugb-cf22b15 .ugb-block-content{justify-content:center !important}.ugb-cf22b15 .ugb-inner-block{text-align:center}.ugb-cf22b15.ugb-button-wrapper > .ugb-inner-block{max-width:545px !important}<\/style><div class=\"ugb-inner-block\"><div class=\"ugb-block-content\"><div class=\"ugb-button-container\"><a class=\"ugb-button1 ugb-button ugb-button--size-normal\" href=\"https:\/\/toolset.com\/?aid=83799&amp;affiliate_key=yZQmy4Mn5gaJ\" rel=\"\" title=\"\"><span class=\"ugb-button--inner\">Get Toolset<\/span><\/a><\/div><div class=\"ugb-button-container\"><a class=\"ugb-button2 ugb-button ugb-button--size-normal\" href=\"https:\/\/discover-wp.com\/site-types\/photographers-toolset-integration-with-stackable-blocks\/\" rel=\"\" title=\"\"><span class=\"ugb-button--inner\">Go to Demo Site<\/span><\/a><\/div><\/div><\/div><\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Build Advanced Sites with Dynamic Sources FREE &amp; PREMIUM INTEGRATION Dynamic Sources allow you to build templates, archives, and lists with Stackable Blocks. With it, WordPress professionals can build advanced sites without programming. Dynamic Sources are available through Stackable\u2019s integration with Toolset. It helps you build beautiful, advanced sites, even if you\u2019re not a developer! &hellip; <a href=\"https:\/\/wpstackable.com\/toolset-integration\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Toolset Integration<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":18560,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"no-title.php","meta":{"_acf_changed":false,"inline_featured_image":false,"_lmt_disableupdate":"no","_lmt_disable":"","footnotes":""},"page_category":[],"class_list":{"0":"post-18456","1":"page","2":"type-page","3":"status-publish","5":"hentry"},"featured_image_urls_v2":{"full":["https:\/\/wpstackable.com\/wp-content\/uploads\/2021\/02\/Website-Share-Image.png",1801,936,false]},"post_excerpt_stackable_v2":"<p>Build Advanced Sites with Dynamic SourcesFREE &amp; PREMIUM INTEGRATIONDynamic Sources allow you to build templates, archives, and lists with Stackable Blocks. With it, WordPress professionals can build advanced sites without programming.Dynamic Sources are available through Stackable\u2019s integration with Toolset. It helps you build beautiful, advanced sites, even if you\u2019re not a developer! With Dynamic Sources, you can display existing content from standard fields, custom fields and taxonomy in Stackable blocks. Get ToolsetLearn How to Integrate Build Advanced Sites with Dynamic SourcesPREMIUM INTEGRATION Dynamic Sources allow you to build templates, archives, and lists with Stackable Blocks. With it, WordPress professionals can&hellip;<\/p>\n","category_list_v2":"","author_info_v2":{"name":"Benjamin Intal","url":"https:\/\/wpstackable.com\/blog\/author\/gambit\/"},"comments_num_v2":"0 comments","acf":{"block_changelog":"","block_changelog_last_version_updated":""},"_links":{"self":[{"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/pages\/18456","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/comments?post=18456"}],"version-history":[{"count":2,"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/pages\/18456\/revisions"}],"predecessor-version":[{"id":27154,"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/pages\/18456\/revisions\/27154"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/media\/18560"}],"wp:attachment":[{"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/media?parent=18456"}],"wp:term":[{"taxonomy":"page_category","embeddable":true,"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/page_category?post=18456"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}