How to create a timeline module

[powertee]

Hi,

I am trying to create a module in Hubspot for one of my pages. I'd like to create a timeline of events in my company's history, and display it in a linear fashion. I have limited CSS knowledge, so I was wondering if anyone has created something like this before.

Thanks!

[SayeriBiswas]

Hi there! Creating a timeline module for your company’s history is a great way to visually showcase your journey. I've worked on something similar in HubSpot and have some tips that might help.

When setting up your timeline, consider starting with a clear outline of the key events you want to highlight. Using headings, detailed descriptions, and perhaps some images can really make each event stand out. HubSpot’s design tools are quite flexible, so you can customize the timeline to match your brand’s style.

If you’re looking for more streamlined solution, we’ve developed a Timeline module at Digital Woods that could make this process smoother for you: https://hub.digitalwoods.io/products/timeline

It’s designed for easy customization and a polished look. Here’s a blog post with more insights on how to use it effectively: https://digitalwoods.io/blog/how-upgrading-your-timeline-module-can-transform-your-website

Happy to assist!

Sayeri Biswas
Project Manager

[tjoyce · Accepted solution]

@powertee - Just find a timeline you like and paste the HTML, CSS and JS into a custom module and change out the text 

https://codepen.io/tag/timeline/

https://codepen.io/isanbitoy/pen/oMYMYV?page=3

---

If this answer helped, please, mark as solved 😄

---

tim@belch.io | forms.belch.io | Design your own Beautiful HubSpot Forms; No coding necessary.

Drop by and say Hi to me on slack.