Using promoted blocks in version 7.0

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

Last updated October 5, 2023

In version 7.0, 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.

Each supported template has its own way of displaying promoted blocks. Usually, 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

Accessing this feature

This guide is for version 7.0. Version 7.1 doesn't support promoted blocks.

Watch a video

Create or edit a post

To create a new post, open the Pages panel, click your blog page, then click the + icon. 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 supported templates will present posts with promoted blocks differently than posts without.

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

Promoted Blocks appear above the post title in Avenue Blog Pages.

Promoted Blocks appear above the post title in Avenue Blog Pages.

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.

Footer Image
  • Get help from our community

  • Get help from our community on advanced customizations.

  • Hire a Squarespace Expert

  • Stand out online with the help of an experienced designer or developer.

Using promoted blocks in version 7.0