Free Accordion Template for Articulate Storyline

Written by dfair — Posted in Articulate Storyline

Bored with bullet points? Try turning that stale bullet list into an engaging accordion-style interaction in Articulate Storyline. It’s a great way for learners to explore processes, sequences, and relationships. Check out this example:

You can download a free widescreen accordion template for Storyline here. It includes several variations of the accordion interaction demonstrated above. Just select the slide(s) you want to use, and then add your own content. You can even customize it with a different color scheme. Here’s a short video that shows you how:

View this screencast on

Want to build your own accordion interaction? Easy. Here’s how:

View this screencast on

  1. Use Storyline’s shape tools to create the tabs for your accordion interaction. We used a basic rectangle shape, but any rectangle option will work. Try using snipped or rounded corners for added flair.
  2. Add a new slide or layer to hold the content for each tab in your interaction. If you plan to use Storyline’s built-in Prev and Next buttons for navigation, create separate slides for each tab. If not, use layers.
  3. Add a trigger to each tab that jumps to the corresponding content slide or layer.
  4. Add a fade transition to each slide or layer to make your accordion interaction move smoothly from one tab to another.

That’s it! If you need help or ideas to get you started, visit the Articulate Storyline forum at E-Learning Heroes to connect with other Storyline users.

5 responses to “Free Accordion Template for Articulate Storyline”


Cool, and for our Studio users I quickly put together a Articulate Presenter version.

Check it out in the forums:


Jeff Kortenbosch // Posted at 3:20 am on February 22nd, 2013

Hi, I really like this effect but was hoping to have 8 tabs rather than 6. Is this possible? I’m new to Story line and I’m not sure how to add more tabs. I shall look forward to you’r earliest response!


Elgan Jones // Posted at 11:13 am on August 8th, 2013

Hello David,

I was wondering was there anything on this particular template that you cannot implement using PowerPoint?

– tc

TC // Posted at 2:50 am on March 14th, 2014

Hi, TC. States, triggers, and layers aren’t supported in PowerPoint/Presenter. But Jeff Kortenbosch created a similar template for PowerPoint/Presenter here:

David Fair // Posted at 3:33 pm on March 14th, 2014

TC, if your using Studio’13 there’s actually an Engage interaction for the accordion!
Check it out if you haven’t already.

Jeff Kortenbosch // Posted at 4:53 pm on March 14th, 2014

Comments are closed on this post. Need more help? Post your question in the E-Learning Heroes Discussions.

Recent Comments

  • Marc Zoerb: Hi Julie: Do know of any orgs that have organized around girls (vs. women) learning to code? I have a 5th...
  • Peg John: Just another reason why I like the Articulate products and the folks that create and support them.
  • Kelly Meeker: Hi Emily! Thanks for the question – I’ll find out and get back to you.
  • Kelly Meeker: Hi Christina! Thanks for your comment – we do plan to make this a regular program, so stay tuned...
  • Christina Carter: This is a wonderful idea! Is this a one-time grant opportunity, or will you have other grant cycles...