Making an Accordion in Omni CMS

Step-by-Step Instructions

Follow these directions to make an accordion in Omni CMS:

  1. From an editable region on the page, click the insert snippet button on the edit toolbar.

    An image of Omni CMS.


  2. The snippets window is displayed. Select accordion, then click insert.

    An image of Omni CMS.


  3. The accordion is inserted in the selected editable region.

    An image of Omni CMS.


  4. Enter your desired header into the field on the left side, under Title. This is what you will click on to reveal the content underneath.

    An image of Omni CMS.


  5. Enter the content you want to see when you click on the header, in the Content box.

    An image of Omni CMS.


  6. To create another row, right click where you want to insert it, and hover over the Row option.

    An image of Omni CMS.


  7. Once the row options pop up, select your choice of Insert Row Before or Insert Row After, depending on what you need. You can also move your cursor to the last box and press tab to add a new row.

  8. To delete a row, right click on the row you want to delete, and hover over the Row option, then select Delete Row.

    An image of Omni CMS.


  9. Often when entering content into the accordion, it will add a space before, so just check to make sure it hasn’t done that.

    An image of Omni CMS.
    An image of Omni CMS.


  10. If you want the first bar of your accordion to automatically open, you can type “Yes” into the Customization box at the top.

    An image of Omni CMS.


    Once saved, it will look like this, with the first item of content open as default.

    An image of Omni CMS.
  11. When you are finished, click the save button on the toolbar.

    An image of Omni CMS.
  12. Now, the headers can be clicked on to reveal their content.

    An image of Omni CMS.

Have More Questions?

Request Help

Skip Section Navigation