← All widgetsWidget 87 · emcp_custom_87

Timeline

Elementor widget2 layouts4 content options12 style options2 panel sections

Built with the EMCP Widget Builder and registered under the EMCP Custom category of the Elementor panel. Search the panel for: timeline, history, steps, roadmap, events.

Setup guide

  1. Open a page in Elementor, search the panel for Timeline and drag it into a container.
  2. Content › Content: Layout, Title HTML Tag, Card Box Shadow, Events.
  3. Pick a Layout: Alternating, Left aligned. Each one is shown below.
  4. Style tab sections: Style. Colours, typography and spacing set here are scoped to this widget instance.
  5. Publish. Every option is a standard Elementor control, so it responds to the editor, dynamic tags and global styles as usual.
Ships with its own JavaScript; it runs once per instance and re-initialises inside the Elementor editor preview.
Layout

Alternating

Layout = alt

2019

Studio founded

Two people, one desk, a lot of coffee.

2021

First 100 clients

We moved into a real office and hired the first designers.

2023

Product launch

Our own SaaS tool went public.

2026

Going global

Offices in Berlin, Lisbon and Toronto.

Layout

Left aligned

Layout = left

2019

Studio founded

Two people, one desk, a lot of coffee.

2021

First 100 clients

We moved into a real office and hired the first designers.

2023

Product launch

Our own SaaS tool went public.

2026

Going global

Offices in Berlin, Lisbon and Toronto.

Options reference

Every control the widget exposes, grouped by panel section. Names in code are the setting keys used by the MCP tools (add-free-widget, update-widget).

Content tab

Content

OptionTypeChoices / rangeDefaultNotes
Layout
layout		DropdownAlternating, Left alignedalt
Title HTML Tag
title_tag		DropdownH1, H2, H3, H4, H5, H6, DIV, P, SPANh3
Card Box Shadow
card_shadow		Toggleon / offyes
Events
events		Repeater
↳ Date
date		Text2024
↳ Icon
icon		Icon
↳ Title
title		TextMilestone
↳ Content
content		Rich text

Style tab

Style

OptionTypeChoices / rangeDefaultNotes
Icon Background
accent		Color
Icon Glyph Color
icon_color		Color
Line Color
line_color		Color
Card Background
card_bg		Color
Card Border Color
border_color		Color
Card Border Radius
card_radius		Slidermin 0, max 40, px12
Date Color
date_color		Color
Date Typography
date_typo		Typography
Title Color
title_color		Color
Title Typography
title_typo		Typography
Content Color
content_color		Color
Content Typography
content_typo		Typography

Add it with the MCP tools

Any connected agent can place this widget: call add-free-widget with widget_type: "emcp_custom_87" and a settings object using the keys above. Run get-custom-widget with id 87 for the full JSON spec.