Sections & blocks explained
Understand how Squarespace pages are built from sections and blocks, and learn how to add, move, and delete them.
Every Squarespace page is built from two main components: sections and blocks. Once you understand these two things, editing any page becomes much simpler.
Quick summary
A section is a full-width horizontal row on your page. Inside each section, you add blocks — the individual pieces of content like text, images, buttons, and forms. You can add, move, duplicate, and delete both sections and blocks.
What is a section?
A section is a horizontal strip that spans the full width of your page. Most pages are made up of several sections stacked on top of each other — for example:
- A hero section (large image with headline text)
- A services section (text and icons)
- A testimonials section
- A contact section
Sections give your page its structure. You can change the background color or image of each section independently.
What is a block?
A block is a single piece of content inside a section. Squarespace has many block types:
| Block type | What it does |
|---|---|
| Text | Paragraphs, headings, formatted content |
| Image | A single photo |
| Video | An embedded video |
| Button | A clickable button |
| Gallery | A grid or slideshow of images |
| Form | A contact or signup form |
| Map | An embedded Google Map |
| Social links | Links to your social media profiles |
| Code | Custom HTML or script (leave to Chykalophia) |
You can add multiple blocks inside one section. The layout of those blocks is controlled by the section's column grid.
Adding a section
Open the page editor (see How to edit a page).
Hover between two existing sections. A horizontal line with a + icon will appear.
Click the + icon. A panel opens showing section layout options — choose a layout or start from blank.
The new section is added. You can now add blocks inside it.
Adding a block
Inside any section, click the + icon that appears when you hover over an empty area.
Choose a block type from the panel that appears.
The block is added to that section. Click it to start editing.
Moving and rearranging
- Move a block — click and hold the block, then drag it to a new position within the same section (or sometimes to a different section).
- Move a section — hover over the section edge and click the section options icon. Use the arrows or drag handle to move the section up or down the page.
Deleting a section or block
Click on the section or block to select it.
Click the delete icon (usually a trash can) in the options that appear.
Confirm the deletion when prompted.
Deleting a section deletes all its blocks too
When you delete a section, all the blocks inside it are deleted as well. Make sure you don't need any of the content before deleting.
Common questions
Related guides
Need a hand?