Add Blocks: Customize Your Page Content with Drag-and-Drop Features

Add Blocks: Customize Your Page Content with Drag-and-Drop Features

By Michael Turner

December 15, 2024 at 10:17 AM

A block is a drag-and-drop content element that helps customize your Squarespace pages with text, images, buttons, forms, and more. Here's how to work with blocks effectively:

Adding Blocks

On Desktop (Version 7.1):

  1. Open Pages panel and select your page
  2. Click Edit in top-left corner
  3. Hover over desired section
  4. Click insertion point and select Add Block
  5. Choose your block type from the menu or use search

Editing block on a white background

Editing block on a white background

On Desktop (Version 7.0):

  1. Open Pages panel
  2. Select your page
  3. Hover over target area and click Edit
  4. Click + button or insertion point
  5. Select block type from menu

Mobile App Limitations:

  • Can only edit existing blocks on layout pages
  • Blog editor allows adding/editing line, text, and image blocks

Areas Where Blocks Can Be Added:

  • Block sections
  • Blog posts
  • Event descriptions
  • Footers
  • Layout Pages
  • Product information
  • Header and footer sections (7.0 only)
  • Sidebars (7.0 only)

Areas That Don't Accept Blocks:

  • Automatic layout sections
  • Collection page sections
  • Gallery sections
  • Site titles
  • Album/Blog/Event/Gallery/Index/Store Pages
  • Most banners and headers

Available Block Types:

  • Text and Media: Text, Image, Gallery, Video, Audio
  • Social: Instagram, Social Links, Newsletter
  • Commerce: Product, Donation, Menu
  • Interactive: Forms, Buttons, Maps
  • Design: Shape, Line, Space
  • External Content: Embed, Code, RSS
  • Specialized: Calendar, Chart, Quote

Editing Blocks:

  1. Click Edit on the page
  2. Select block and click pencil icon or double-click
  3. Use block editor to customize content

Troubleshooting:

  • If + buttons are missing, ensure you're in edit mode
  • Clear browser cache if issues persist
  • Check if you're in an area that accepts blocks
  • Verify you're using a compatible browser version

Remember to deselect any currently selected blocks to see insertion points when adding new blocks.

Related Articles

Previous Articles