Using promoted blocks

Add prominent visual elements to blog posts by styling the first block of the post differently than the others.

Some templates treat the first block in a blog post differently to add extra flair to its layout. These are called promoted blocks and are a great way to set posts apart by adding a prominent visual element.

Every template has its own way of displaying promoted blocks. In most templates, the block displays above the post's title.

Blogs use promoted blocks in these template families:

• Avenue - Image, gallery, and video blocks
• Aviator - Image and video blocks
• Flatiron - Image, gallery, and video blocks
• Ishimoto - Image, gallery, and video blocks
• Montauk - Image, gallery, and video blocks
• Native - Image, gallery, and video blocks
• Wells - Image, gallery, and quote blocks
• Wexley - Image, gallery, and video blocks

Watch a video

Create or edit a post

Open the Pages panel and click the + icon to create a new post. You can also hover over a post title and click Edit to edit an existing post.

Add a promoted block

Blog posts will have a text block or markdown block as the first block by default. Click the insert point above this block to add a promoted block.

For more detailed steps on adding a block, visit Adding content with blocks.

When you're finished composing the rest of the post, click Save or Save & Publish.

Note: Promoted blocks can't float in text.

View the promoted post

Preview your blog page by clicking the arrow in the top-left corner.

The way the promoted block displays depends on the template, but all templates will present posts with promoted blocks differently than posts without.

Here's an example of a promoted block in Avenue:

Disable promoted blocks

If you don't like how promoted blocks look on your site, you can disable them.

1. Open the Design panel and click Template Settings.
2. Check Disable promoted blocks.
3. Click Save.

Tip: This option won't appear if your template doesn't support promoted blocks.