How to Design an Accordion in Duda

April 8, 2024

Welcome to Duda Dojo, where we discuss all-things Duda!


In this tutorial, we cover designing an accordion in Duda, including adding the accordion widget to your column, editing accordion content, and customizing the design.


Duda recently updated the accordion widget and it is now packed with even more features like the ability to add images, buttons, and format each separate item in a unique way.


Let's discuss the some of the main ways to utilize this widget to display information in a helpful and organized fashion.

How to Add an Accordion

There are two ways to add an accordion to your page.


1. Right click on an empty column. Hover over Add – Widget below – More widgets. From here, search for an accordion. 

Website editor context menu with column options and widget submenu open over a page layout
Widgets panel with search results for “accordion,” showing Rivalland Accordion and Accordion tiles.

2. Alternatively, navigate to the Widgets tab on the left menu. Search for an accordion and drag it to your empty column.

How to Edit Content in Your Accordion

1. Click on the accordion widget to view the Content/ Design menu. 

Blue webpage mockup with a left settings panel and three stacked white cards labeled “Title or question”
Accordion settings panel with item list, title and description fields, and toggle switches.

 2. Select an item to adjust the item Title, Title heading type, and Description.

3. Below Items on the Content menu, you can adjust what is seen on your accordion.


a. “Show first item expanded” shows the description of your first accordion item.


b. “Only show one item expanded” allows you to choose to show only one item expanded at a time, rather than allowing users to expand all items at one time. 


c. “Enable FAQ Schema” lets Google browse your FAQs and add them to the search page.

FAQ settings panel with three toggle switches, one enabled in orange and two disabled in gray

How to Customize Your Design

Want More Duda Tutorials?

Did you enjoy this tutorial? For more like it, explore our YouTube channel  or our resources page to view past videos and stay updated on new videos. To request a Duda topic you’d like to see us cover, give us a call at 331.228.9636 or complete our online contact form. We look forward to hearing from you!

< Older Post

 Newer Post >

Looking for more organic website traffic?


Welcome to RivalMind. Our purpose is to help your business thrive. We are a digital marketing agency that offers SEO, PPC, Web Design, Social Media and Video Solutions as tools to our clients for online business development and growth.


Contact us today to get started!

Blog Contact Form

Connect With Us:

Common Digital Marketing Acronyms title on blue abstract background

The Most Common Digital Marketing Acronyms Explained (2026 Guide)

By Dan Hayward • September 2, 2026
In the world of digital marketing, acronyms are varied. The meanings of three and four-letter abbreviations can easily become misinterpreted.
Google SEO graphic: “How Is Google AI Sourcing Its Content? What Google’s Citation Data Means for SEO” with a smiling person

How Is Google AI Sourcing Its Content? What the Citation Data Means for SEO

By Andy Francis • September 2, 2026
Google's AI Overviews now cite far fewer top 10 pages. See what the new citation data means and how RivalMind tracks AI search visibility beyond rankings.

Why Content Marketing Strategy Matters

August 24, 2026
Many businesses invest significant time and resources into content marketing. They publish blog posts, share updates on social media, send emails, and create videos, all with the goal of reaching and engaging their audience. The challenge is that creating content and creating results are not the same thing. When content is guided by a clear strategy, it's easier to see how each piece fits into a larger effort. Without that direction, content can start to feel like a series of individual tasks rather than a meaningful way to connect with the people you're trying to reach .
Show More →