Block Examples
Welcome to the block sampler
This page demonstrates every available content block.
Use it as a visual reference while editing pages in the admin: each section below is one block type, in the order they appear in the page builder.
- Bullet lists
- Italic and bold text
- Inline links
Block quotes are supported through the markdown renderer.
This is an H4 too
Markdown headings inside this block render with the right styling thanks to the Tailwind Typography plugin.
Heading block (h3)
Headings come in h2, h3, and h4. Use them to break long pages into scannable sections.
Heading block (h4)
h4 is the smallest. Below: the image block, with caption and alt text.
Images render full-width with rounded corners. The caption is optional. Below: an image with no caption.
CTA buttons
CTA buttons come in three styles (primary, secondary, ghost) and three alignments (start, center, end).
Product / course grid
The item_grid block renders Products, Bundles, or Courses by ID, in 2, 3, or 4 columns.
That is the full set of block types as of now.