.png?table=block&id=218105a2-9d95-81ce-b53f-e3e8b252d93e&cache=v2)
Last Edited Time
Jun 25, 2025 09:35 PM
Do not index
Do not index
Suggested Tag
squarespace accordion blocks
accordion blocks
squarespace features
Tags Synced
Tags Synced
AI summary
Accordion blocks in Squarespace allow for collapsible content sections, ideal for FAQs and detailed information. Users can easily add and customize these blocks, including text formatting and layout options, while ensuring a clean interface with only one section open at a time.
Last edited by
Platform
Category
Topic
Squarespace Accordion Blocks: A Complete Guide
Accordion blocks help you organise text-heavy pages like FAQs by letting visitors expand and collapse content. Here's how to add them and make them look great on your site.
What Are Accordion Blocks?
Accordion blocks let you display collapsible content sections. Perfect for FAQs, product details, or any page where you need to pack in lots of information without overwhelming visitors.
They appear as a list of headings with expand icons. Click a heading and the content drops down underneath. Click another heading and the previous one closes automatically, keeping your page tidy.
How to Add an Accordion Block
Here's the step-by-step process:
- Go to your page editor and click 'Add Block'
- Select 'Accordion' from the block menu
- Click the pencil icon to open the block editor
- In the Content tab, add your items - each needs a title (always visible) and description (shows when expanded)
- Switch to the Design tab to customise appearance
- Click outside the block editor to save
The first item often opens by default when visitors land on your page, but you can change this in the settings.
Customising Your Accordion
The Design tab gives you control over several elements:
Text formatting: Change fonts, sizes, and colours for both titles and descriptions
Layout options: Adjust spacing, padding, and alignment
Icons: Choose different expand/collapse icons or hide them completely
Background: Add colours or adjust transparency
Pro tip: Set your accordion text to match your site's paragraph styles. This creates a consistent look across your entire website. You can do this through the 'Fonts' and 'Colors' section in the Design tab.
Common Questions
Can I rearrange accordion items after creating them?
Yes, in the Content tab you can drag items up or down to reorder them.
Do accordion blocks work on mobile?
Absolutely. They're particularly useful on mobile since they save screen space by hiding content until needed.
Can I have multiple accordions open at once?
No, Squarespace accordions work with one item open at a time. This keeps the interface clean and focused.
Quick Definitions
Accordion Blocks: Collapsible content sections that expand when clicked, like a digital filing cabinet
Block Editor: The interface where you add and edit content blocks in Squarespace
Expand Icon: The clickable symbol (usually a plus or arrow) that opens and closes accordion sections
Wrapping Up
Accordion blocks are brilliant for organising information without cluttering your pages. They work especially well for FAQs, feature lists, and detailed product information. The key is keeping your titles clear and your content concise - visitors should immediately understand what they'll find when they click to expand each section.