Blocks are flexible, pre-designed components—like Text, Image, or Button blocks—that make it easy to build and manage your site without coding. Each block represents a piece of content you can add, move, or edit visually.
With Blocks, you can:
Blocks are grouped by type to help you quickly find, select, and build with confidence.
Building with blocks makes it easy to create flexible, modular pages. You can add, move, or remove blocks to adapt your layout as your content evolves. To get the most out of the platform, it helps to understand three key parts: Content Types, Layout Builder, and Sections.
Content Types
Choose the right content type for the kind of information you’re adding. Each type has its own structure and features.
Layout Builder
This is your drag-and-drop workspace for arranging blocks. It lets you design custom layouts without code.
Sections
Sections group related blocks to form clear, focused parts of your page. They guide users and improve readability.
This helps to inform your overall site structure, as well as where to place Blocks and which Blocks to use.
Just as excessive, unstructured text can lead to page abandonment, too many visual elements in close proximity can yield the same results.
Designing with hierarchy and clarity means structuring your page so that users can easily scan, understand, and act on your content. Visual hierarchy helps guide attention—using headings, spacing, color, and layout to signal what’s most important. Start with clear goals for each page, then organize content to support those goals in a logical flow.
Sections are a key part of this structure. Use distinct content blocks grouped into purposeful sections to break up your page into meaningful parts. A section might introduce a concept, offer supporting details, or present a call to action. Thoughtfully combining headings with white space and consistent formatting helps users follow the narrative without confusion or fatigue.
Avoid cramming too much into one area. Instead, build your page by stacking content blocks into well-defined sections that visually and conceptually support your message. This not only improves readability, but also makes the page more accessible and easier to update over time.
Accordion is an interactive Block that allows users to choose which sections of content to expand and explore further.
The In-Line Message block allows you to highlight crucial information, instructions and deadlines directly on the page.
Use the Quote Block to emphasize or highlight text, such as a key information, a statement, a testimonial, or another type of quotation.
Tabs are another interactive Block used to organize content into distinct categories. Unlike Accordions, only one Tab can be viewed at a time.
Use the Wrapped Text Callout Block to draw attention to important text on your page. The surrounding text wraps around your callout, creating an engag
Use the Facts and Figures Block to present key content in an organized grid with a visually appealing banner-like background.
The Grand Hero is designed to capture your audience’s attention. Use this Block to promote key messaging and calls to action.
Display a featured quote from a person or organization, accompanied by an image and banner-like background.
The Reference Card block lets you take an existing piece of content and show it off with an eye-catching card.
The Spotlight Landscape Block combines an image, adjacent text, and a call to action. Use this Block to highlight or promote your featured content.
The Spotlight Portrait Block combines an image, adjacent text, and a call to action. Use this Block to highlight or promote your featured content.
The Video Banner block transforms your video content into a compelling visual statement.
Use the Calendar List Block to quickly add a dynamic list of all published Events to your site.
Use the Post Feed Block to quickly add a dynamic list of all published Posts to your site.
Use the Profile Directory Block to easily add a dynamic directory to your site. This Block is an excellent choice when creating a Contact page.
At a basic level, the View Block can quickly add dynamic Post, Event, and Profile feeds to your site.
Use the Embed Block to display external resources within your site, such as a Microsoft Power BI report.
The Gallery Block allows you to easily display a collection of images on your website.
The Image Block allows you to easily showcase standalone images on your website, with optional captions for added context.
The Media Grid Block allows you to easily display a collection of images on your website.
Add YouTube or Vimeo videos to your website with the Video Block. Enter the URL, adjust the name, and save to the Media Library.
Add an inline image to your content with the Wrapped Image Block. The text entered in this Block will flow around your selected image.
The Action Banner is designed to capture your audience’s attention. Use this Block to promote key messaging and calls to action.
The Button Link Block helps to emphasize the importance of a call to action on your page.
The Callout Block is designed to draw attention to an important call to action on your page.
The Custom Card Block creates a collection of easy-to-scan, visually engaging pathways to additional content.
Display columns of important links, such as resources and related content, in a clean and organized layout.
The Quick Links Block is designed to highlight a group of related calls to action in an eye-catching way.
Easily showcase short content in a captivating grid of Tile cards with branded background colors and images.
Resources to guide you as you build with content blocks.
