topic How to create a timeline module in CMS Development

How to create a timeline module

powertee — Fri, 17 Aug 2018 13:55:00 GMT

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!

Re: How to create a timeline module

tjoyce — Fri, 17 Aug 2018 14:02:53 GMT

@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.

Re: How to create a timeline module

SayeriBiswas — Tue, 03 Sep 2024 07:03:15 GMT

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