Add content to your site with blocks

false

Add content to your site with blocks

Last updated July 16, 2026 18:49

Use drag-and-drop blocks to create content and build the structure of your site.

Blocks are drag-and-drop features that add content–like text, buttons, forms, and images–to your site. Think of them as the building blocks of your site.

Also try:Adding page sections with pre-built block layouts.

Video on adding blocks

This video shows how to add blocks to your pages.

Add a block

How you add a block depends on which version of Squarespace your site is on and if you're on the Squarespace app.

To add a block:

  1. Open the Pages panel and select the page you want to edit.
  2. Click Edit in the top-left corner.
  3. Hover over the section where you want to add the block, then click Add Block in the top-left corner. The page needs to have at least one block section to add blocks.

Tip: If no Add Block button appears, it may be a type of section that doesn’t use blocks, like collections, auto layouts, or gallery sections. If the section has blocks but doesn't have an Add Block button, you're using Squarespace's classic editor and should click a + icon instead.

  1. In the menu, click a block, or search for specific blocks at the top of the menu.
  2. The new block appears on the page with placeholder content. To customize the block, click the block, then click the pencil icon.

To add a block:

  1. Open the Pages panel.
  2. In the Pages panel, click the page you want to edit or add a new page.
  3. Hover over the area where you're adding a block and click Edit.

Tip: On blank layout pages, you'll get a message that reads, “This page is empty. Start editing and add content blocks.” To visitors, the page will be blank.

  1. Click + in the top-right corner or on the page.
  2. In the menu, click a block, or search for specific blocks at the top of the menu.
  3. The new block appears on the page with placeholder content. Depending on the block, an editor will open where you can customize it.

The Squarespace app doesn't support adding or rearranging blocks on layout pages, only editing existing ones. To add or rearrange blocks, log into your site on a computer.

The mobile blog editor supports adding and editing line, text, and image blocks.

Add blocks to your layout by dragging and dropping

To drag and drop a block onto the page:

  1. Open the block menu.
  2. Click and drag the block from the menu. Guidelines appear on the page where you can place it.
  3. Drop the block to place it on the page.

Edit existing blocks

You can edit some block content, like text in text blocks, directly on the page. Most blocks have a block editor where you add, edit, and manage the block's content.

To open a block editor:

  1. Open the Pages panel.
  2. Click Edit on the page or block area with the block you want to edit.
  3. Click the block to select it, then click the pencil icon that appears above the block. Alternatively, double-click the block.

Fit or fill button and image blocks

Fluid Engine is available in block sections on version 7.1.

You can set image blocks and button blocks to stretch to the edges of their boundaries or to have padding around their content. Selecting Fill makes the content cover the entire block area, so it touches the edges of adjacent blocks. Selecting Fit keeps a clean border of extra space around the block’s content.

To set image or button blocks to fit or fill:

  1. Open the Pages panel and select the page you want to edit.
  2. Click Edit in the top-left corner.
  3. Click an image or button block, click the pencil icon, then click the Design tab.

Click Fit or Fill. Image blocks are set to fit by default, while button blocks are set to fill. For blocks set to Fit, alignment options appear below, or in the block's toolbar.

Customize blocks with transform effects

Transform effects are available for some blocks in Fluid Engine on version 7.1.

Customize the look of certain blocks with options that transform various elements of the block, like by decreasing the block's opacity or rotating the block. You can also add transform effects to Stacks.

To add transform effects:

  1. Open the Pages panel and select the page you want to edit.
  2. Click Edit in the top-left corner.
  3. Click Add Block and add a block with transform options. You can also add transform effects to Stacks.
  4. Click a block with transform options or a Stack, click the pencil icon, then click the Design tab.
  5. Under Transforms, customize the settings. We recommend testing out different combinations of settings to get the look you want.

Transform options include:

  • Opacity
  • Rotate
  • Scale
  • Offset
  • Skew
  • Anchor

Where can I add blocks

You can add blocks to:

The areas where you can't add blocks depends on your site's version.

In version 7.1, you can't add blocks to:

In version 7.0, you can't add blocks to:

I can't find the buttons to add blocks

If you can't find the Add Block button or + icons when editing on the computer:

  • Ensure the editor is open. To open an editor, click Edit in the top-left corner of the page.
  • Ensure you’re editing an area where you can add blocks.
  • Deselect other blocks. To deselect a block, click an empty area in the editor.

If you’re still having trouble, it may help to clear your browser’s cache, disable any browser extensions, or update your browser version.

How many blocks can I add?

There's no hard limit for the number of blocks you can add to a content area, but we recommend no more than 60 blocks per page. Too much content can cause your site to load slowly, especially on mobile devices.

Types of blocks you can add to your site

Use these blocks to add content to your site:

  • Archive - Display organized lists of links to collection items.
  • Audio - Add players for audio files.
  • Bandsintown - Display tour dates from your Bandsintown profile.
  • Button - Add buttons and calls to action.
  • Calendar - Display items on your pages, like events, as a calendar sorted by day.
  • Chart - Add bar, line, and pie charts.
  • Code - Add custom code or display code snippets. Using JavaScript and iframe code in code blocks is a premium feature.
  • Content link - Add links to other pages on your site with visual previews.
  • Donation (premium feature) - Collect donations to your cause or organization. Requires a payment processor connection.
  • Embed - Add external content with links to tweets, videos, and more.
  • Flickr - Add images from your Flickr account.
  • Form - Add forms to collect information from visitors.
  • Gallery - Add galleries of images or videos in carousel, grid, slideshow, or stack layouts.
  • Image - Add images with captions in card, collage, inline, overlap, poster, or stack layouts.
  • Instagram - Add posts from your Instagram account.
  • Line - Add horizontal lines to break up text or visually separate content.
  • Map - Add Google Maps with location pins.
  • Markdown - Add text using the Markdown language.
  • Menu (premium feature) - Display restaurant menus.
  • Newsletter - Add newsletter subscription forms.
  • OpenTable (premium feature) - Add restaurant reservation booking. You'll need an OpenTable Restaurant ID.
  • Product - Display products from store pages.
  • Quote - Add styled quotations or testimonials.
  • Reservations - Add a button for making reservations or selling tickets to events with Tock.
  • RSS - Add links to blog page RSS feeds.
  • Scheduling - Add online booking with Acuity Scheduling.
  • Scrolling - Add scrolling text like a marquee or news ticker.
  • Shape (Fluid Engine only) - Add solid color shapes.
  • Search - Add search fields.
  • Social links - Add icons that link to social media profiles.
  • SoundCloud - Embed SoundCloud players.
  • Spacer (classic editor only) - Add adjustable amounts of space or padding between blocks. Not supported on Fluid Engine sections.
  • Summary - Display collection items from your site in carousel, grid, list, or wall layouts.
  • Tag cloud - Display tags or categories in a graphic cloud formation.
  • Text - Add text, including headings, quotes, pre-formatted text, links, and lists.
  • Video - Add externally hosted videos.
  • Zola - Add wedding registries.

More ways to customize blocks

Now that you've added a block, you can:

Was this article helpful?

Yes No

1073 out of 3041 found this helpful

Yes No

Add content to your site with blocks