Step by Step

Layout Canvas Structure:

1. At the page that you wish to add the Music Player component, click the + button on the Layout Canvas;

2. Search the Music Player component on the list, it is located on the "Media Components" category;

3. Drag and drop the component inside the canvas, and make sure to put it exactly where you wish to place it.

Customizing the Component:

Player Configuration:

• Entity: Search the music that you wish to play inside the music player. To add the music you want, go to Content > Media > Add Media, select the option "Audio",  and select a file to upload.

• Block Alignment: The options can be left, right or center. It defines the location of the text inside the music player bar.

• Background:

   ◦ Background Color: You can choose a background with a solid color here. There's an option to choose a color from your brand's palette OR use the picker to choose any color that you wish.

   ◦ Desktop/Mobile Image: But if you want to put an image as a background, you can add one here. But be sure to add a file for both desktop and mobile options.

Text:

• Player Text: Inform the text that you wish to display inside the player.

2. To finish, click on the “Apply” button.