Embedding Your Timeline
Preceden allows you to embed timelines on other websites using an HTML IFRAME.
How it Works
Below your timeline, click the Embed link.
If you would like to be able to embed your timeline on other websites, check the box that says Enable embedding for this timeline.
You'll then be shown an HTML code like this that you can copy and paste to embed the timeline in other websites:
<iframe src="https://www.preceden.com/timelines/1/embed" width="100%" height="466" frameborder="0"> <a href="https://www.preceden.com" target="_top">Preceden Timeline Maker</a> </iframe>
Handling Private and Password Protected Timelines
When a timeline is public, the URL in the IFRAME will look something like this:
When the timeline is private or password protected, there will be additional numbers and letters at the end of the URL:
This extra code makes it next to impossible for anyone to guess the URL which means that only the people you want to see the timeline can access it.
Updating the height value in the IFRAME when your timeline changes
The IFRAME has a
height value that is set to the height of your timeline based on its height right now. For example, in the HTML code above the height is set to 466.
If you add more layers or events to your timeline after you embed it somewhere, the embedded timeline may wind up displaying a scroll bar and viewers will have to scroll down to see the new content.
To fix this, click the Embed link below your timeline like you did originally, make a note of the new
height value, and update the embed code on your website accordingly.