Timeline guides

How to Embed a Timepath Timeline Using oEmbed

This article explains how to use Timepath's oEmbed functionality to easily embed timelines via a simple URL. Ideal for CMS platforms that support rich embeds.

Colin Lansbergen · CTO
Learn how to embed Timepath timelines using oEmbed with just a URL. Quick setup guide and examples included.

What is oEmbed?

oEmbed is a simple protocol that allows you to embed rich content (like videos, timelines, or social posts) just by pasting a URL — no manual iframe code required.

Many modern CMS platforms (like WordPress, Drupal, and others) support oEmbed out of the box, making it easier for editors to embed external content.

Timepath oEmbed Endpoint

To fetch oEmbed metadata for a Timepath timeline, use the following endpoint:

https://embed.timepath.co/api/oembed/timeline?timelineId=YOUR_TIMELINE_ID


Replace `YOUR_TIMELINE_ID` with the actual ID of the timeline you want to embed.

Available Parameters

Parameter

Description

timelineId

The unique ID of the timeline

colorMode

Choose `light` or `dark` theme (default: `light`

maxwidth

Max width of the embed (in pixels, default: `600`)

maxheight

Max height of the embed (in pixels, default: `600`)

autoResize

Automatically resize iframe height to fit content

allowScroll

Allow vertical scroll inside iframe (`true` or `false`)

Example

Here's how a request might look:
https://embed.timepath.co/api/oembed/timeline?timelineId=kf9D1tnAznDOpaEz2Ygt&colorMode=dark

Embedding in a CMS

In CMS platforms that support oEmbed, simply paste the Timepath timeline URL into the editor. The CMS will handle the rest by fetching the embed code from our oEmbed endpoint.

If your CMS does not support oEmbed natively, you can always embed the timeline using an <iframe> manually.

Ready to build it?

Every guide here describes something you can do on a free account. Open the editor and follow along.

Subscribe for updates

Product news, newsroom stories and new formats — occasionally, never spam.