Jump to content

How to create horizontal timeline in Squarespace

Go to solution Solved by Shadmon,

Recommended Posts

I am working on a website project that requires a horizontal timeline to display some important dates and events. 

If you have any experience or suggestions on how to create a horizontal timeline on Squarespace.

For references, I am looking something like these: 

 

timeline_version2_desktop.jpg.65faf24dfe3cfaeb7e99d642f821d0f6.jpg

 

 

Edited by Noah85
Link to comment
  • Solution

Hey, I have created a horizontal timeline plugin for Squarespace works on both versions (7.0 and 7.1) that you might find useful. It has two styles that you can see in the screenshots below. My plugin is fully compatible with Squarespace and you can customize every text and style from the editor.

 

Squarespace Alternative Horizontal Timeline

 

TimelineStyle4SquarestashPlugins.thumb.png.50c86dbfec47d6106d900cf9482118bc.png

 

Squarespace Horizontal Timeline Plugin

 

TimelineStyle3SquarestashPlugins.thumb.png.142dfd74d5d72b04d656b18cc460329c.png

 

I hope this plugin can be a valuable resource for those looking to add a timeline to their Squarespace site. Please feel free to reach out if you have any questions or need further assistance.

 

Link to comment

Hi @Shadmon,

I've started using your horizontal timeline plugin on my Squarespace site, and it was incredibly easy to install and customize. The two styles provided fit perfectly with what I was looking for. It's a game-changer for my project, and I appreciate the effort you put into creating such a useful tool. It's surprising that I couldn't find this product through a Google search before. Thanks for making this available!

Best,
Noah

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.