1. Access the Page Editor
From the Dashboard Home Page, click on Pages.
Find the page you want to work with. You can use the search bar to type the page title.
On the right side of the page, click the pencil icon. A new window will open.
Click Use Page Builder to open the editor.
2. Add an Accordion Element
Set up a Layout (If needed): If no layout is added yet, go to Layouts, select the one you want, and drag and drop it onto the page.
Click the + Add button in the lower-right corner.
Go to Elements and locate the Accordion element.
Drag and drop the Accordion element into the layout on your page.
3. Edit Accordion Content Note: After adding the accordion, the Element Settings window will open. At the top, you will see tabs for General, Items, Style, Identification, and Custom CSS.
Select the Items tab.
In the Title field, enter the text that will be visible on the accordion header.
In the Content section, add the information that will appear when the accordion is expanded (this can include text, images, or PDF files).
To add images or PDF files: Click the image icon (the mountain with a sun). The Media Library will open. Select an existing file, or click Add Media to upload a file from your computer.
4. Add Additional Accordion Items
Click the blue Add Item button at the bottom of the existing accordion item.
Repeat the editing process for each additional accordion section you need.
5. Remove an Accordion Item
Click the red trash can icon in the upper-right corner of the specific accordion item you want to delete.
6. Apply and Publish Changes
Once you finish editing the accordion, click the blue Apply button at the bottom of the element window. The window will close.
After completing all page updates, click Publish in the upper-right corner of the page to save your changes to the live site.