Note: While our most popular guides have been translated into Spanish, some guides are only available in English.

Blog excerpts

Blog excerpts give your readers a taste or teaser of a full blog post. When visitors see an excerpt that grabs their attention, they can click the title, image, or Read More link to open the full post. 

If you write longer posts, or if your posts have several images or videos, showing excerpts can make your Blog Page easier for visitors to browse and navigate.

Add an excerpt

Add your excerpt text in the Options tab of any blog post's settings. You can also follow these steps to add excerpts to events on Events Pages. The steps depend on your site's version of Squarespace.

To add an excerpt to a new post:

  1. In the Home Menu, click Pages, then click your Blog Page.
  2. Create a new blog post.
  3. Click the-gear-icon in the top-right corner to open the post settings.
  4. Click the Options tab.
  5. Add an introduction or summary of the post in the Excerpt field.
  6. Click Save, then finish creating your blog post.

To add an excerpt to an existing post:

  1. In the Home Menu, click Pages, then click your Blog Page.
  2. Hover over a post title, then click Edit.
  3. Click the-gear-icon in the top-right corner to open the post settings.
  4. Click the Options tab.
  5. Add an introduction or summary of the post in the Excerpt field.
  6. Click Save.

To add an excerpt to a new post:

  1. In the Home Menu, click Pages, and then click your Blog Page.
  2. Create a new blog post.
  3. Click the Options tab.
  4. Add an introduction or summary of the post in the Excerpt field.
  5. When you're done creating the blog post, click Save or Save & Publish.

To add an excerpt to an existing post:

  1. In the Home Menu, click Pages, then click your Blog Page.
  2. Hover over a post title, then click Edit.
  3. Click the Options tab.
  4. Add an introduction or summary of the post in the Excerpt field.
  5. Click Save.

Excerpt image

In some templates, you can display images with post excerpts for a visual preview. Depending on the template, you'll create this image with thumbnail images or Promoted Blocks:

You can add an image to excerpts in these template families. To learn more, visit your template's guide.

  • Avenue - Promoted Blocks
  • Aviator - Promoted Blocks
  • Brine - Post thumbnails. Check the Show Image and Show Excerpt tweaks.
  • Farro - Post thumbnails
  • Five - Post thumbnails
  • Flatiron - Promoted Blocks
  • Ishimoto - Promoted Blocks or post thumbnails. Promoted Blocks override thumbnail images.
  • Montauk - Promoted Blocks
  • Native - Post thumbnails. Display as a circle. Won't display on mobile.
  • Pacific - Post thumbnails
  • Skye - Post thumbnails
  • Tremont - Post thumbnails. Check the Show Image and Show Excerpt tweaks.
  • Wells - Promoted Blocks. Disable promoted blocks to display post thumbnails instead.
  • Wexley - Promoted Blocks
  • York - Post thumbnails. Check the Show Image and Show Excerpt tweaks.
Tip: In all templates, you can display thumbnail images with excerpts in Summary Blocks.

If the excerpt doesn't appear

If you've added an excerpt, saved, and refreshed the page, and the excerpt doesn't appear, you may need to change your site's settings.

Most Blog Page layouts display excerpts automatically. If they aren't appearing, change your blog section styles:

  1. In the Home Menu, click Pages, then click the Blog Page.
  2. Click Edit in the top-left corner of the page.
  3. Click the pencil icon.
  4. In the Format tab, scroll down to Excerpt and select Show. For the Single-Column Blog layout, select Excerpt and Title from the Content Display drop-down.
  5. Hover over Done and click Save.
Tip: If you have multiple Blog Pages, repeat these steps for each Blog Page.

Some templates give you the option to add excerpts without displaying them on your Blog Page. If they don't appear, you may need to enable excerpts in page settings, Site Styles, or both. Follow the steps below on a computer to enable excerpts for your template.

Step 1 - Enable excerpts in page settings

You can either display full posts or excerpts in these template families:

  • Brine
  • Tremont
  • York

 To show excerpts, enable them in page settings:

  1. In the Home Menu, click Pages.
  2. Hover over the Blog Page and click .
  3. In the Advanced tab, use the Post Display drop-down menu to choose Excerpt.
  4. Click Save and refresh the page.
Tip: If you have multiple Blog Pages, enable excerpts in each Blog Page's settings.

If the excerpts still don't appear, or if you're using a different template, move on to the next step.

Step 2 - Enable excerpts in Site Styles

Use the following style tweaks to show excerpts in these template families:

  • Brine - Show Excerpt in the Blog: List section
  • SkyeShow Excerpt On Blog List in the Blog Grid Options section
  • TremontShow Excerpt in the Blog: List section
  • YorkShow Excerpt in the Blog: List section

Read More links

On most Squarespace sites, blog post excerpts automatically include a Read More link, which opens the full blog post. Display and styling options depend on your site's version of Squarespace.

Read More links can display independently of blog post excerpts. To show or hide the Read More link, change your blog section styles:

  1. In the Home Menu, click Pages, then click the Blog Page.
  2. Click Edit in the top-left corner of the page.
  3. Click the pencil icon.
  4. In the Format tab, scroll down to Read More Link and select Show or Hide.
  5. Hover over Done and click Save.

Font

To change the Read More link font:

  1. In the Home Menu, click Design, then click Fonts.
  2. Click  on your selected font pack.
  3. By default, excerpts and Read More links follow the settings in Paragraphs.
  4. To style the excerpts and Read More links independent of other paragraph text, click Advanced, then choose Custom under Style and Size.

Color

The Read More link color follows your section's color theme. To change it:

  1. In the Home Menu, click Pages, then click the Blog Page.
  2. Click Edit in the top-left corner of the page.
  3. Click the pencil icon, then click Colors.
  4. Select a new color theme, or click the pencil icon on your selected color theme to further customize.
  5. Scroll to the Blog section matching your layout and change the Read More Link color.
  6. Click Save.

Most templates include a Read More link in the excerpt. Some also include a + or → symbol.

These template families don't include "Read More" links:

  • Farro
  • Galapagos - Displays "Continue" and an arrow instead of "Read More"
  • Pacific
  • Skye

Font and color

In most templates, the Read More link follows the font of your site's body text and the color of your body link text. These template families have different style settings:

  • Brine - Use the Read More Link Font and Color tweaks in the Blog: Typography & Colors section of Site Styles.
  • Five - No font style options.
  • Native - No font style options.
  • Tremont - Use the Read More Link Font and Color tweaks in the Blog: Typography & Colors section.
  • York - Use the Read More Link Font and Color tweaks in the Blog: Typography & Colors section.

Event Page excerpts don't display Read More links.

Excerpts vs. full posts

How your Blog Page displays posts that don't have excerpts depends on your site's version of Squarespace.

The Single Column Blog layout can display full posts instead of excerpts. To do this:

  1. In the Home Menu, click Pages, then click the Blog Page.
  2. Click Edit in the top-left corner of the page.
  3. Click the pencil icon.
  4. In the Format tab, scroll down to Content Display and select Full Post.
  5. Hover over Done and click Save.

It's not possible to display full posts on other blog post layouts, even if you hide the excerpts.

In most template families, if your blog post doesn't have an excerpt, the full post displays instead. This means you can mix excerpts and full posts on your blog landing page. This example is from the Adirondack template:

example-mixed.png

In templates that support the grid/stacked Blog Page (Brine family, Tremont family, York family), you can either have excerpts or full text, but not both. If you've enabled excerpts, and you've chosen the stacked layout, ensure all your blog posts include excerpt text. Otherwise, you'll end up with blank areas on your blog landing page, like in this Brine example:

example-not-mixed.png

Templates with grid-only Blog Pages never show full posts. This includes these template families:

  • Farro
  • Skye

Here's an example in the Farro template:

example-none.png

Writing tips and best practices

A good excerpt piques your readers' interest. Here are some ideas to get you started:

  • Describe the post - Summarize the post in a sentence or two so readers know what it's about.
  • Tease the first paragraph - Copy and paste the first paragraph of the post and end it with an ellipses (...) to give readers a taste and show there's more.
  • Ask a question - Ask a question to prompt readers to click through to learn the answer.

Display excerpts in Summary Blocks

To create a different style for a blog landing page, you can also use a Summary Block. Summary Blocks have several customization options, and you can display excerpts and thumbnail images in them to create a similar feel to a Blog Page.

To learn how to set up a Summary Block featuring your blog posts, visit Displaying collection items in Summary Blocks. To ensure the excerpts display, check Show Excerpt, Show Thumbnail, and Show Read More Link in the Display tab of the Summary Block's editor.

Watch a video

This video applies to version 7.0.

Was this article helpful?
61 out of 206 found this helpful