Home>Blog>Introducing the Accordion Widget

Introducing the Accordion Widget

Accordions are a great way to organise your pages. Whether you’re creating a frequently asked question page, a services page or just a general information page – accordions help you fit a lot of information into a small amount of space.

In the Widgets Bundle 1.10.0 update, we’re introducing a brand new, powerful Accordion Widget. Allowing you to add accordions to your Page Builder pages or the many other page builder plugins that the Widgets Bundle supports.

The default accordion style.

As always, this is a completely free addon. All you need to do is update your copy of Widgets Bundle, then navigate to PluginsSiteOrigin Widgets in your WordPress admin and activate the accordion widget.

It’s definitely worth checking out this new widget. We’ve posted some Accordion Widget documentation to help you get started.

Something Extra for Premium Users

Of course, we’re always looking for ways to make things even better for our SiteOrigin Premium users. We’re also giving all our Premium users access to an advanced accordion addon that adds a whole bunch of extra features.

The free Accordion widget lets you add standard TinyMCE text content, but in the premium addon, we’re giving you the power to create accordion content using a layout field. This means you can fill your accordions with complex widgets and Page Builder style layouts.

Create content using a layout builder

Our design team also worked hard on creating a set of visual customization settings for your widgets that allow you to create a huge number of different designs. As an added bonus, next week we’ll be releasing another update that includes some beautifully designed presets.

Some of the design variations possible with SiteOrigin Premium

If you aren’t a SiteOrigin Premium member yet, be sure to sign up. It’s a cost-effective way to build your sites faster and more professionally. We’re introducing more addons all the time, so the longer you’re a member, the more valuable it becomes.

A demo of the above designs is available here.

Leave a Reply

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


  1. 4 months, 9 days ago Andrew M Hi, I Work Here

    Thanks for reading. If you have any questions or feedback, please, let us know here in the comments. We look forward to hearing from you :)

  2. 4 months, 9 days ago Maze Sire

    Very nice, i think i will use this plugin, in my FAQ Sction =)
    So i´ll say big Thank You

    • 4 months, 9 days ago Andrew M Hi, I Work Here

      Awesome :) Glad to hear you have a page in mind for it.

  3. 4 months, 9 days ago Vijai Vir Singh

    Not free is it ? Live with the Livemesh conflict for now.

    Fact of the matter is the matter is that WP org, has little valve for Matt Mullenweg and Automattic.

    You are encouraged to move to WP com ?

    WP is loosing major space to Squarespace and Wix and Weebly [ WP Com pricing is almost the same as the aforementioned platforms.

    My 82 domains are wishing Goodbye to WP Org and Siteorign . Till the migration , I will “Live with the Livemesh conflict for now. “

    • 4 months, 9 days ago Andrew M Hi, I Work Here

      Hi Vijai, thanks for reaching out and for your feedback. It’s a free widget, part of SiteOrigin Widgets Bundle which is on the wordpress.org plugin repo. Additional functionality is added by our SiteOrigin Premium plugin.

  4. 4 months, 9 days ago Jean Laurent

    Hi guys!
    This is a great addon. Very useful, modern and necessary.
    Thanks a lot for your great job!

    • 4 months, 9 days ago Andrew M Hi, I Work Here

      Thanks Jean :)

  5. 4 months, 9 days ago Dibyendu Roy

    that is a REAL GOOD NEWS. I am using your page builder since a while and its free version is more than enough. Now you added another diamond on that CROWN.

    • 4 months, 9 days ago Andrew M Hi, I Work Here

      Thanks for your support Dibyendu, it’s most appreciated.

  6. 4 months, 9 days ago Louis Sanjoh Kala

    More and more i will have less reason to install additional plugins as the widget bundle just keeps getting better. Great job Siteorigin.

    • 4 months, 9 days ago Andrew M Hi, I Work Here

      Thanks Louis, more to come quite soon. Cheers :)

  7. 4 months, 8 days ago Fuad Abdi

    I have wanted this for so long! Thanking you :)


    • 4 months, 8 days ago Andrew M Hi, I Work Here

      Thanks Fuad, glad we could finally get it done :)

  8. 4 months, 8 days ago Benny Brogan

    Thank you wery good with a Accordion Widget.

    • 4 months, 8 days ago Andrew M Hi, I Work Here

      Thanks Benny, appreciate the support :)

  9. 4 months, 8 days ago Biola Olatunde

    No 14 Owo Avenue
    Ijapo Housing Estate
    Look forward to this new addon

    • 4 months, 8 days ago Andrew M Hi, I Work Here

      Thanks Biola, I’m sure you’ll find it useful :)

  10. 4 months, 8 days ago Dante Hamilton

    Hi, haven’t checked this one out yet but I am curious if it can be used as an “Agenda” and if you can add icons such as the Font Awesome Calendar or Clock to the Title area?

    • 4 months, 4 days ago Andrew M Hi, I Work Here

      Hi Dante. The Accordion addon in SiteOrigin Premium offers the ability to set a title icon as well as the open close icon.

  11. 4 months, 8 days ago jbularz1

    Just renewed my premium access for year 2. You guys stand out with your great customer service and follow-up. Keep bringing on the good stuff!

    • 4 months, 4 days ago Andrew M Hi, I Work Here

      That’s awesome :) Really appreciate the support. Lots of powerful new features on the way soon.

  12. 4 months, 7 days ago Jes Thorbjørn Holt

    One more reason to recommend SiteOrigin to friends and customers. It’s looking good, guys! :-)

    • 4 months, 4 days ago Andrew M Hi, I Work Here

      Thanks Jes, appreciate the support.

  13. 4 months, 5 days ago Ricardo Penders

    Another great feature from SiteOrigin, and since I’m a long time premium user I do feel a bit special that we get a little bit more.

    I’m always looking for new things I can use on my blog so it doesn’t take me very long to come up with a couple ideas I’m gonna be
    testing out in the near future.

    And I didn’t even use all the other good stuff my favorite thing by far are the new animated elements that we can make, I’ve gone full out with those animated elements. So when you scroll down on my site you’ll see all the elements becoming visual and all the widgets and stuff I made it all animated. Didn’t even slow down my website, that’s the best part of it.

    Now I’ve set my eyes on the new Parallax feature but I still have to figure out how I get it to work, I thought it was easier to use by just importing a picture of any size and the software would figure out how to show it properly but that didn’t workout for me.

    I would be helped a lot if I just knew what the ideal dimensions would be to use as a background for parallax effects or maybe get some example pictures that I can test so if someone can help me with this that would be great.

    Best regards,
    Ricardo Penders CEO
    [email protected]®Ez_

    • 4 months, 4 days ago Andrew M Hi, I Work Here

      Hi Ricardo, thanks for your ongoing support, it’s most appreciated. If possible, please, reach out to us via email on [email protected]. I’m sure Alex can help you with the Parallax questions you currently have open.

  14. 4 months, 5 days ago Chiara Vianello

    That’s great. I needed this kind of widget for websites I design. Thanks for this gorgeous update!

    • 4 months, 4 days ago Andrew M Hi, I Work Here

      Super :) Glad you can put it to work right away.

  15. 4 months, 5 days ago Holmes Cheung

    Just Try the new widgets …. well done, that is helpful & just apply to my new website for handle documents.

    • 4 months, 4 days ago Andrew M Hi, I Work Here

      Thanks Holmes. Glad to hear you’re finding them useful.

  16. 4 months, 4 days ago Mónica

    Thanks! I´m a designer from Chile and you have help me on web. Thanks to you it´s easy for me
    Thanks thanks thanks!

    • 2 months, 27 days ago Andrew M Hi, I Work Here

      Hi Mónica. Sorry for the delay in replying. Glad to hear you’ve been finding our plugins useful. All the best :)

  17. 3 months, 27 days ago dara

    Is there any way to make columns where the texts go or is that a premium feature possibly? `

    • 2 months, 27 days ago Andrew M Hi, I Work Here

      Hi dara, sorry for the big delay here, I had an issue with notifications. Unfortunately, the Layout Builder field is only included in the premium addon. Sorry I don’t have better news.

  18. 3 months, 5 days ago kalyan


    Siteorign restores my front-end development time into half. We are in very need the module or row copying option. Also, it will good to have a shortcode for each section.
    Ex. I have a “we will help you” section in all my 10 pages, if I need to change a mail id in this section then I need to work on each individual page. Let me know if this feature is already existing. I’m not sure this is the right place to post this comment. Kindly excuse.

    • 2 months, 26 days ago Alex S

      Hi Kalyan,

      Have you tried the SiteOrigin Copy and paste functionality yet? Post: Page Builder Copy Paste

      Unfortunately, the shortcode section concept you’ve described isn’t currently possible. I’ll log that as a feature request.

  19. 2 months, 15 days ago Cameron Smith

    Thanks for the great widget! Have started using it in my site, and I have a question. Is there a way to remove the Title element entirely? Even when I leave the title entry blank, a couple rectangles appear where it should go on the page. Thanks!

    • 1 month, 27 days ago Andrew M Hi, I Work Here

      Sorry, not that I know of. That isn’t ideal. I’ll log a bug report for this. Thanks for the feedback.

  20. 15 days, 1 hour ago Simone

    Hi there, I’ve been using the widget for a couple of months already but I can’t find the ability to choose the accordion to act as an accordion like example 1 of the Demo or as a doddle like example 2 of demo. For me they stay open until I close (like the example 2), they don’t close if I click on the next or previous accordion title. How/Where do I change that?

    • 15 days, 47 minutes ago Andrew M Hi, I Work Here

      Hi Simone.

      Each Panel in your widget has a setting called Open State. In the demo, all the panels are set to closed except for the first one which has an open state set to Open.

      If that doesn’t help, please, open a thread on our forum and let me know once that’s done and we’ll assist further there.


      Thanks :)

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More