By continuing to use this site, you agree to the storing of first- and third-party cookies on your device to enhance site navigation; analyze site, product, and service usage; and assist in our marketing and promotional efforts. Cookie Policy

 
Skip to Content

Melody

With Melody, administrators and users with access can create reusable page layouts (similar to templates) using a drag and drop interface. When launched, content editors use these layouts to create pages.

Create Melody layouts from small pieces of reusable content—frames, tiles, and components.

frames Frames are containers that help you structure your page.

tiles Tiles are blocks of content.

 

component Make any component available to use in layouts by adding a "layouts" tag.

Easy as 1, 2, 3, and 4

 

 

 

  1. Place frames.
  2. Drag and drop prebuilt tiles.
  3. Configure styles, including fonts, colors, and more.
  4. Use the layout as a template when creating new pages.

melody steps

Get startedLink to this section

Enable layouts and access for your account

Administrators, make layouts available for all sites in your account. 

  1. Go to Setup > Account > Optional Features.
  2. Select the Melody checkbox.
    • If not already selected.
  3. Click Configure to assign group access.
    • Grant access to Builder for users who will create and edit the layouts that are used to create pages.
    • Grant access to Tiles and Frames for users who will create and edit the tiles and frames used to create layouts.
    • Grant access to Styles for users who will edit the CSS used by layouts.
  4. Click Save.
  5. In account setup, click Save.

Once enabled, you can restrict individual layouts to a site(s).

Create your default styles

Create the default CSS file that your layouts will use to create pages. Generating CSS will add a disabled /omni-cms folder to your site in Content > Pages. This folder will publish to your production server.

  1. Go to Content > Melody.
  2. In the Style Configuration box, click to Generate CSS.
    • To edit the default CSS go to the Layout Builder panel, click Styles.

Create a layout

To get up and running quickly, drag and drop the prebuilt tiles, frames, and components to create a page layout that content editors can use to create pages. 

  1. Go to Content > Melody.
  2. Click +New.
  3. Type to enter a name for your layout.
  4. Click Create.
  5. From the sidebar, drag frames, tiles, and components and drop them in the layout editor.
  6. Save and Launch to make layouts available for creating pages.

You can customize layouts to fit your needs by adding thumbnails, editing the head code, creating new tiles and frames, and more. And manage the flexible layout options to create the right type of page for your website.

Use layouts to create pagesLink to this section