--- title: Accordion Widget description: The accordion widget allows you to add content to your site in an accordion style. --- [Skip to content](https://support.tributetech.com/frontrunner/accordion-widget#main-content) English Show submenu for translations [Register For The Customer Support Portal](https://support.tributetech.com/portal?hsLang=en) ![](https://support.tributetech.com/hs-fs/hubfs/Tribute%20Tech%20Logo.webp?width=277&height=80&name=Tribute%20Tech%20Logo.webp) Open main navigation Close main navigation - English Show submenu for translations - [Register For The Customer Support Portal](https://support.tributetech.com/portal) - [Contact us](https://share.hsforms.com/1iDvar3xJSF2g-vDGycwdFAtkn7c) [Contact us](https://share.hsforms.com/1iDvar3xJSF2g-vDGycwdFAtkn7c) How can we help? - There are no suggestions because the search field is empty. 1. [Frontrunner](https://support.tributetech.com/frontrunner?hsLang=en) 2. [Website Editor (Duda)](https://support.tributetech.com/frontrunner/website-editor-duda?hsLang=en) 3. [List of Widgets](https://support.tributetech.com/frontrunner/website-editor-duda?hsLang=en#list-of-widgets) # Accordion Widget ## The accordion widget allows you to add content to your site in an accordion style. The accordion widget is a great way to help visitors find exactly the information they are looking for easily. Add it to your sites and visitors won’t need to scroll through blocks of content they aren’t interested in. Instead, they can be shown a list of questions or titles and simply choose to open the ones they want to read more about. Creating compact and easy-to-read FAQs, product highlights or upcoming events lists has never been easier!   1. Drag & drop the accordion widget anywhere on your page. 2. Adding the widget will open content editing menu. In this menu, you can add or modify the fields of the widget. ![](https://support.tributetech.com/hs-fs/hubfs/image-png-Aug-20-2025-08-06-55-3543-PM.png?width=512&height=301&name=image-png-Aug-20-2025-08-06-55-3543-PM.png) The content editing menu also provides the option to choose whether you prefer to hide the content of all items in the accordion or display only the first item when users first open the widget. In addition, you may choose whether visitors can expand only one item at a time or can view several expanded items at the same time. ![](https://support.tributetech.com/hs-fs/hubfs/image-png-Aug-20-2025-08-07-22-4314-PM.png?width=537&height=302&name=image-png-Aug-20-2025-08-07-22-4314-PM.png)   Depending on the layout you choose, your accordion widget may have a title icon. The title icon is the icon next to the item title, and may be different across all items. For example, you may want to set add a clock icon next to your event time, or a money icon next to a pricing item. ![](https://support.tributetech.com/hs-fs/hubfs/image-png-Aug-20-2025-08-07-42-5620-PM.png?width=542&height=294&name=image-png-Aug-20-2025-08-07-42-5620-PM.png)   The design editing menu lets you control the layout and styling of the accordion widget. ![](https://support.tributetech.com/hs-fs/hubfs/image-png-Aug-20-2025-08-08-04-0262-PM.png?width=580&height=446&name=image-png-Aug-20-2025-08-08-04-0262-PM.png)   In the design editing menu of your Accordion widget you can: - Change the layout - Edit the text style and/or color of the Title, Description - Edit design options of the Expandable Icon - Edit design options of the whole widget in Frame Style - Edit the Spacing of the widget - [Dashboard](https://support.tributetech.com/frontrunner/dashboard?hsLang=en) - [Records](https://support.tributetech.com/frontrunner/records?hsLang=en#main-content) - [Management Records](https://support.tributetech.com/frontrunner/records?hsLang=en#management-records) - [Book of Memories](https://support.tributetech.com/frontrunner/book-of-memories?hsLang=en) - [Website Editor (Duda)](https://support.tributetech.com/frontrunner/website-editor-duda?hsLang=en#main-content) - [List of Widgets](https://support.tributetech.com/frontrunner/website-editor-duda?hsLang=en#list-of-widgets) - [Editing Features](https://support.tributetech.com/frontrunner/website-editor-duda?hsLang=en#editing-features) - [Editor Overview](https://support.tributetech.com/frontrunner/website-editor-duda?hsLang=en#editor-overview) - [Website Tab (Wireframe)](https://support.tributetech.com/frontrunner/website-tab-wireframe?hsLang=en#main-content) - [Website Modules](https://support.tributetech.com/frontrunner/website-tab-wireframe?hsLang=en#website-modules) - [Stationery Printing](https://support.tributetech.com/frontrunner/stationery-printing?hsLang=en) - [Memorial FX Videos](https://support.tributetech.com/frontrunner/memorial-fx-videos?hsLang=en) - [Arranging Director](https://support.tributetech.com/frontrunner/arranging-director?hsLang=en) - [Marketing Center](https://support.tributetech.com/frontrunner/marketing-center?hsLang=en) - [System Features](https://support.tributetech.com/frontrunner/system-features?hsLang=en) - [Partner Integrations](https://support.tributetech.com/frontrunner/partner-integrations?hsLang=en) - [General Settings](https://support.tributetech.com/frontrunner/general-settings?hsLang=en) - [Management System Settings](https://support.tributetech.com/frontrunner/management-system-settings?hsLang=en) - [FAQ](https://support.tributetech.com/frontrunner/faq?hsLang=en) [![](https://support.tributetech.com/hs-fs/hubfs/Tribute%20Tech%20Logo.webp?width=277&height=80&name=Tribute%20Tech%20Logo.webp)](https://www.tributetech.com/) Copyright © 2026, Tribute Technology