Free Accordion Template for Articulate Storyline

Written by David Fair — 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

Leave your comment below.

Recent Comments

  • Elaine DeRosa: I always learn something new from the Articulate Community. I look forward to reading...
  • Geraldine kelly: Yes, you can teach an old dog new tricks. Being in the above 55 age group I have...
  • Brenda Stutsky: Love the screencast tips and reviewing samples of Articulate courses.
  • James Aubele: Practical, easy to understand, example filled help is what I like best. FANTASTIC !!!!
  • Luciano FD: I am Brazilian and would love to win this book. even those who are not a Articulate User...
  • Keith Mannock: Interesting articles, good discussions, and insightful comments – what is there...
  • Anne Parker: Being new in EL training I love reading all about Articulate and the learning community....

Articulate E-Learning Blogs

The Rapid E-learning BlogPractical, real world tips for e-learning success. Word of Mouth: The Articulate BlogThe inside scoop for Articulate news and product updates. Community BlogsGet the scoop directly from e-learning heroes.
Storyline vs. Studio. Find the software that works for you.