Squarespace 7.1Theming & Styling

Pop-in Style Squarespace Timeline Plugin

By The Square Genius

$19.99
Pop-in Style Squarespace Timeline Plugin
Fit check
Great for
Businesses telling a founding story
Agencies laying out a step-by-step process
Event organisers showing a programme
Individuals presenting career or project milestones
Version7.1
SetupEasy

Overview

Pop-in Style Squarespace Timeline Plugin from The Square Genius adds a vertical timeline to a Squarespace 7.1 page, with each entry animating into view as the visitor scrolls. It is designed to be bold and colourful rather than minimal, with hover effects and an interactive "read more" button on each item for longer detail. Squarespace has no timeline block of its own, and this gives company histories, project phases, service processes and personal milestones a proper structure. The plugin is HTML, CSS and JavaScript that you add to your site, and colours, fonts and gradients are editable in the CSS.

Who it suits

Businesses with a founding story worth telling, agencies laying out a step-by-step process, event organisers showing a programme, and individuals presenting a career or project history. It works well on About pages where a wall of paragraphs would otherwise carry the story.

One honest caveat

The timeline content lives in HTML inside a Code Block, not in Squarespace's visual editor. Adding an entry means duplicating a block of markup and editing the text, which is easy enough for a designer but less comfortable for a client who expects to click and type. The bold style is also a strong look; check the demo suits your brand. Custom code needs a Core plan or higher (Business or Commerce on older plans), and the vendor states it is compatible with Squarespace 7.1 only.

Installation

Paste the supplied HTML into a Code Block, the CSS into Custom CSS and the JavaScript into Code Injection following the guide. The Square Genius say most users have it live in under ten minutes.

Related guide: see our roundup of the best Squarespace plugins in 2026 for how this compares with the alternatives.

What it does
  • Adds a vertical timeline to a Squarespace 7.1 page
  • Entries animate into view as the visitor scrolls
  • Hover effects and read more buttons on each item
  • Suits histories, processes, project phases and milestones
Full specifications

FAQs

FAQs

What does the Pop-in Style Squarespace Timeline Plugin do?
It adds a vertical timeline to a Squarespace 7.1 page where each entry animates into view on scroll, with hover effects and a read more button for longer detail.
How do I add more timeline items?
You duplicate an existing timeline block in the supplied HTML and edit its content. Entries are managed in code rather than in the Squarespace visual editor.
Can I change the colours and fonts?
Yes. Colours, fonts and gradients are editable in the CSS so the timeline can match your branding.
Is it mobile friendly?
Yes. The timeline is responsive and adapts to tablet and mobile screens.
Which Squarespace version does it support?
The Square Genius state it is compatible with Squarespace 7.1 only.
How long does installation take?
The vendor says most users have it live in under ten minutes. It uses a Code Block, Custom CSS and Code Injection, so a Core plan or higher (Business or Commerce on older plans) is required.