How to Make an Interactive Historical Timeline

4 minutes

When you need to represent a process or events in chronological order, there’s hardly anything better than a history timeline. It organizes materials in a clear way and helps students get a picture of how events develop in time. In this article we’ll demonstrate how to make an interactive history timeline that can be shared online and viewed on any device.

We’ll be using iSpring Suite and its built-in tool for creating interactions, iSpring Visuals. PowerPoint fans can find useful this guide on how to make a timeline in PowerPoint illustrated by a sample timeline on the Eras of the Phanerozoic.

iSpring Suite


4.8 out of 5 stars
5 star
4 star
3 star
2 star
1 star
181 customer reviews

Fully-stocked eLearning authoring toolkit for PowerPoint. No training required to start!


Step-by-step guide

  1. Install a full-featured iSpring Suite free trial.

  2. iSpring Suite contains iSpring Visuals, which is made for developing e-Learning interactions.

    Click the iSpring Visuals icon to launch it. Another way to do it is open iSpring Suite first, and then hit the Interaction button on the panel.

    iSpring Suite toolbar

  3. In the open Quick Start window, select Timeline from the list of interactions, as shown in the screenshot. As you can see, there are other interactions that you can create with iSpring Visuals: a flipbook, directory and FAQ.

    Quick start window of iSpring Visuals

  4. Type in the name of your timeline in the corresponding field as shown in the screenshot. Timeline title field

    Here, we’ll be creating a historical timeline on the presidents of the USA from Early Republic to modern days.

  5. Add introduction to your timeline. To do that, click the Add Introduction button on the upper panel.

    Add an Introduction button in the timeline maker

    Type in the name of the introduction slide in the Introduction title field.

    Introduction title field

  6. To add a description for your timeline, type it in the Text field.

    Text field in the timeline maker

    The default font is Arial, but you can always choose a different font from the drop-down menu on the editor toolbar. Here, you can also add a hyperlink to any part of the text to link to a webpage, an email address, or an item in the timeline (a period or event).

    Hyperlink button in the timeline maker Edit Hyperlink window in the timeline maker

  7. Note that you can enrich your timeline with multimedia that will provide viewers with a visually engaging experience and thus facilitate learning.

    To add images, videos and Flash movies to your timeline, click the corresponding buttons as demonstrated in the screenshot.

    Adding multimedia to an interactive timeline

  8. iSpring Visuals allows users to divide timelines into both periods and events. Your timeline may contain as many periods and events within a period as you wish.

    Basic structure of a timeline (optional elements in square brackets)

    When you create a timeline, it already contains one period. Now you can add more periods and events to it and provide a brief or detailed description to each element of the timeline.

    On the toolbar, click the Add Period button.

    Add Period button in the timeline maker

  9. Different periods on the timeline are distinguished with various colors. Click the colored checkbox on the right and select a color for your period from the drop-down menu.

    Choosing a color to represent a period of a timeline

  10. Now click the Add Event button on the toolbar.

    Add Event button in the timeline maker

    Each period may contain as many events as you want.

  11. To give your periods and events a title and description, continue the same procedure as with the introduction slide.

  12. If necessary, you can add another slide to your timeline that will summarize its key points. To do that, click the Add Summary button on the toolbar.

    Add Summary button in the timeline maker

  13. You can preview the results at any time by clicking the Preview button on the upper panel.

    Preview button in the timeline maker

  14. Once your historical timeline is ready, click the Publish button.

    Publish button in the timeline maker

    Enter the name of your historical timeline in the Interaction title field. Indicate a local or network folder, and choose from the list of available formats. Learn more about publishing options.

    Publish Interaction window in the timeline maker

Take a look at our historical timeline on the presidents of the USA: from George Washington to Barack Obama.


Well-designed interactive timelines engage students and facilitate learning. It may be rather difficult to remember many facts and details, but once you divide a history into parts, the mission is no longer impossible. Moreover, this way students learn to analyze history instead of learning dates by heart.

Download iSpring Suite for free to start creating media rich timelines divided into periods right away. Plus, check out tons of other capabilities for e-Learning authoring provided by the ultimate iSpring Suite.

If you liked the article, please let us know by clicking the Share button.

If you have any ideas what kind of e-Learning topics you’d like to see discussed, feel free to leave a comment; we’re always happy to write new content for you.

iSpring Suite

Fast course authoring toolkit

Create online courses and assessments in record time.

Fast course authoring toolkit

3 comments on “How to Make an Interactive Historical Timeline

  • This is really useful. Now that I’ve made a timeline, how can I deliver it to my students?

  • Dear Jonathan,

    Thank you for the feedback and for your question!

    I suggest that you try iSpring Cloud as it’s the simplest way to publish your interaction and share it with your students.

    In order to publish the Timeline, you need to save it as a part of presentation:

    1) create an empty presentation with just one slide
    2) click ‘Interaction’ on the iSpring ribbon
    3) browse for your Timeline interaction
    4) click ‘Save and Return to Course’.

    Now you can publish your timeline to iSpring Cloud.

    1) Create an iSpring Cloud trial account for free:
    2) Open your interaction in PowerPoint and click ‘Publish’
    3) Log into your iSpring Cloud account using login details from the registration email:

    4) Click ‘Publish’
    5) After the interaction is published, you can click ‘Manage content’ in a small window that pops up automatically.
    6) Make you quiz visible to everyone and send a link to your friends. You can also share it in social media:

    Hope that this can be of use! If you need any assistance, please do not hesitate to send a message to

    We are always glad to help!

  • Is it possible to create a timeline and then place it my powerpoint presentation on one of the slides?

Leave a Reply

Your email address will not be published. Required fields are marked *