(No code tutorial) Squarespace accordion text using the new Accordion Block
This blog post & video tutorial apply to ALL versions of Squarespace. Whoooop!
If you haven’t purchased a Squarespace subscription yet, you can browse through their templates here (affiliate link) and begin a two-week trial. After your trial is up, use my code BEJ10 for 10% off!
Accordion text has become very popular on websites these days and almost every one of my web design clients are asking for it!
I’m sure you’ve seen condensed ‘FAQ’ sections or tabs that open up additional info when you click ‘Read More’:
Up till now, if you had a Squarespace website, you would have to use custom code to achieve this effect. (Which meant either purchasing a plugin or following a DIY tutorial.)
Well my friend, great news!
Squarespace now offers a regular content block called the Accordion Block
You can add it to your page the same way you would add a regular Text Block.
And yes, it’s even available on older versions of Squarespace. 🥳
For a complete walkthrough on using & customizing the Accordion Block and to check out multiple use cases, watch the video tutorial below!
TIMESTAMPS:
0:00 - What is the Accordion Block
1:03 - Examples of ways to style & use it
2:59 - Adding the Accordion Block
3:44 - Changing the Content
5:11 - Design settings
9:53 - Setup example walkthrough
omg, how excited are you about this new feature?!
Don’t forget to use my affiliate code BEJ10 for 10% off your website subscription :)
Comment below with any questions you have about the Accordion Block - I’m here to help!
More posts you might like:
How to change the Squarespace line block’s color and width in versions 7.0 & 7.1, video tutorial
Why you need a custom Error 404 Page & how to set one up in Squarespace, with 15 creative examples
How to browse all the fonts that are available inside Squarespace 7.1
Squarespace Personal vs. Business plan - features & pricing comparison
