You are here:
Content Blocks Overview
Content blocks are compositions of one or more components that you define one time and reuse across multiple pages and storefront regions. They use a JSON-based format and are supported for PWA Kit, Storefront Next, Salesforce Reference Architecture (SFRA), and SiteGenesis storefronts.
A content block is a composition of one or more content components, such as images, text, and buttons, assembled into a single targetable unit. Because content blocks aren't tied to individual pages, create a content block one time and reuse it across multiple pages.
Benefits
- Single source of truth: Define content one time and show it on multiple pages.
- Instant updates: Edit one time and update everywhere.
- Reduced maintenance: Eliminate repetitive page-by-page updates.
- Consistent branding: Keep promotional messages and design elements consistent across your storefront.
- Targeting and scheduling: Control when and to whom content is visible using scheduling rules, customer group filters, or campaign targeting.
How Content Blocks Work
You build content blocks in Page Designer from components, which can be out-of-the-box types (such as images, text, and buttons) or custom component types defined by your developer. A content block can contain a single component or a composition of multiple components arranged within a layout.
After you create a content block in Page Designer, it appears in the Content Blocks module in Business Manager. Use the module to manage lifecycle tasks such as setting targeting rules, filtering and searching, applying bulk actions, and reviewing usage.
Where Content Blocks Can Be Used
Add content blocks to these storefront locations:
- Page regions: Regions within Page Designer pages, such as hero banners, product list page content areas, and product detail page editorial sections.
- Sitewide regions: Regions defined within Page Designer pages that appear across all pages, such as announcement banners, headers, and footers.
Developers define regions in the storefront code. Merchandisers then add content blocks to page regions using Page Designer.
Content Blocks and Content Slots
Content blocks provide a visual, component-based alternative to content slots. While both let merchandisers place dynamic content in specific storefront areas, content blocks offer a component-based visual editor, JSON-based delivery, and centralized lifecycle management.
Limitations
- To remove a content block from multiple pages, you must remove each instance individually from each page, or permanently delete the content block from the Content Blocks module.
