Timeline Widget

Create Your Own Timeline in Seconds for Your Website

Build a responsive timeline for brand stories, launch histories, event schedules, roadmaps, and project milestones. Add media-rich entries, choose layouts, customize marker styles, and publish without code.

Create Your Timeline - It's Free!

Create Your Own Timeline in Seconds for Your Website

How to embed your Timeline into WordPress

1Get your embed code

After customizing your Jotform website widget, click Try it on your website for free, and copy the generated embed code.

2Open the page editor

Go to the WordPress post or page where you want to display the widget, then add a new block.

3Add a Custom HTML block

Select Custom HTML and paste your Jotform website widget embed code into the HTML field.

4Update and view

Click Update or Publish, then open the page to check your embedded widget.

Learn more

Add Complete Timeline Events

Build each event with a date picker, automatically derived year, milestone label, title, description, image, and an optional button that opens a link or event modal.

Event fields include:

DateMilestoneTitleDescriptionImageButtonButton action

Build Your Events

Choose the Right Timeline Layout

Use vertical lists for detailed histories, horizontal views for compact sections, and snap scroll for immersive milestone stories.

Layouts include:

List rightList leftCarouselSnap scrollSliderStories

Choose a Layout

Control Markers, Cards, and Spacing

Switch between point, number, and icon markers, then adjust corner radius, card spacing, and maximum or full-width presentation. Stories also include an animation speed control.

Display controls include:

Marker styleCard spacingCorner radiusContainer widthStory speed

Customize Display

Style the Timeline for Your Brand

Start with light or dark presets, or use the custom theme to adjust accent, card background, title, primary text, secondary text, and button text colors.

Style controls include:

ThemeColorsWidthCustom CSS

Style Your Timeline