Squarespace 7.1Layout & Sections

Timeline

By Elfsight

Free
Timeline – Squarespace Layout & Sections on SquareLocator
Fit check
Great for
Businesses sharing company history
Teams showing project stages
Brands highlighting achievements
Organisations presenting events in order
Know before you buy
  • You need to add and organise the event details and dates.
  • The widget is hosted on Elfsight, not built into Squarespace.
  • The free tier includes branding and monthly view limits.
Version7.1
SetupEasy

Overview

Timeline from Elfsight lets you present milestones, dates and visual markers as a chronological story on a Squarespace page. Use it to show a company history, project phases, product development or other progress. It is an embeddable widget hosted on Elfsight's platform, not native Squarespace code. Build and customise it in Elfsight's online editor, choosing a vertical or horizontal layout and a template, then adding events with titles, descriptions, images or buttons. You can adjust colours, icons and markers, choose date formats and ranges, and preview changes in the editor. Once installed, later edits in the editor update automatically on your site.

Who it suits

This timeline suits businesses and organisations that want to organise achievements, events or project stages into a visual sequence. It can also help when visitors need a chronological account of a company, product or journey. You will need to prepare the event details and dates you want to show. A free plan is available to start with.

One honest caveat

The widget displays the events and dates you add, so it needs clear, well-ordered content to tell a useful story. It is hosted by Elfsight rather than built into Squarespace, so it depends on your Elfsight account. On the free tier, the widget carries Elfsight branding and monthly view limits; paid plans remove these. If your Elfsight account lapses, the widget stops showing on your site.

Installation

Build the timeline in Elfsight's online editor by choosing a template or layout, adding events and adjusting the design. Copy the embed code when you are ready, then paste it into a Code Block on your Squarespace page. Save the page to display the widget. Later editor changes update automatically.

Related guide: browse more Squarespace layout and section plugins, or the full Squarespace plugins hub.

A timeline gives visitors a chronological way to follow your story. Add milestones, dates and visual markers to present company achievements, project stages, product development or other events in sequence. Elfsight offers vertical and horizontal layouts, so you can choose a format that suits the story and the page.

Start with a pre-designed template or assemble the timeline in the editor. Each event can include a title, description, image and button. Events can be arranged chronologically, and the editor provides date formats ranging from a year to a full date or a date range. Buttons can link to external pages or open popups with more information.

Customise the look with colours, icons, marker shapes and background colours. You can use a ready-made colour scheme or set a brand colour and choose light or dark mode. The editor also offers individual adjustments for elements such as titles, backgrounds, icons and dates, with changes shown in a live preview.

This is an Elfsight-hosted widget, not native Squarespace functionality. Add it to a Squarespace page by pasting its embed code into a Code Block. Build and edit the timeline in Elfsight's online editor; changes made there update on your site automatically. The widget requires an active Elfsight account to remain visible. The free plan includes Elfsight branding and monthly view limits, while paid plans remove those limits and branding.
What it does
  • Vertical and horizontal timeline layouts
  • Events with dates, text, images and buttons
  • Customise colours, icons and markers
  • Date formats, ranges and live preview
  • Free plan with Elfsight branding and view limits
Full specifications

FAQs

FAQs

What does the Elfsight Timeline widget do on a Squarespace site?
It displays milestones, dates and other events in a vertical or horizontal chronological timeline.
Is this native Squarespace code?
No. It is an embeddable widget hosted on Elfsight's platform. You add it to Squarespace using its embed code in a Code Block.
Is there a free plan?
Yes. The free plan includes Elfsight branding and monthly view limits.
Can I remove the widget later?
Yes. Remove the Code Block containing the embed code from your Squarespace page.
Can I choose a vertical or horizontal timeline?
Yes. Elfsight offers both vertical and horizontal layouts.
What can I add to each event?
Events can include titles, descriptions, images and buttons. Buttons can link to external URLs or open popups.