With the Music & SoundCloud module, you can easily add your own music playlist or your SoundCloud playlists to your app and offer your users a pleasant music experience.

How Can I Add the Music & SoundCloud Module to My App?

You can view the Active Modules by clicking the Content section located on the left side of your control panel. You can also add a module to your app’s content by clicking the Add to App button under the Music & SoundCloud module.

On the screen that appears,

Pick Menu Image: From this section, you can upload the icon that will be displayed for your module within the app. When you click this button, a new screen will appear. You can upload any icon you want from your computer by choosing the Custom Image option. Alternatively, you can select one of the pre-made icons prepared by Mobiroller by choosing the Library option on the same screen.

Publish Module/Draft: From this section, you can choose whether the module will be included in your app or not. By selecting Publish Module, you can make the module available in your app. By selecting the Draft option, you can keep your module in draft status. If you choose this option, the module will not be visible in your app.

Link Module To Main Menu / Custom Menu: From this section, you can choose where the module will be placed within your app. Select Link Module To Main Menu to display the module directly in the main menu. To use the Custom Menu option, you must have previously added a Submenu module to your app.

If you already have a Submenu module, clicking on the Custom Menu option will show a list of available sub menus. Select the desired sub menu to place your module under it. 

Click here to learn more about how to use the Submenu module.

 

Title: You can enter the name of the Music & SoundCloud module as it will appear in the app from this field.

Album Text: You can enter descriptions about the music album you will add from this field.

Album text background color: You can set the background color of the album text you will add from this field.

Album text background Opacity: You can set the background color opacity of the album text you will add from this field.

List item height: Each music item in the album will be displayed in a single row. You can set the row height between each item from this field.

Use SoundCloud: If you have a SoundCloud subscription, you can activate this option to automatically import your albums and playlists into your app.

Audios: You can upload the music tracks that will be included in your album from this field.

Background Image: You can set the background image for your module from this section. When you click this button, a new screen will appear. You can either select Custom Image to upload any background image from your computer, or choose the Library option to continue with one of the ready-made background images provided by Mobiroller.

Main Image: If you want to display an image at the top of the items listed in your module, you can upload the image to be displayed from this field.

List Item Background Image: You can select the image that will appear in the background of the music items to be listed in your album from this field.

Audios

Click the Add button located in this field.

On the opened screen:

Title: You can enter the name that will appear for the music you add in the album from this field.

Audio Type: There are 2 options available in this field.

• Link: If you want to upload your music through a link, you can select this option.
• mp3: If you want to upload an mp3 file from your computer, you can select this option.

URL: If you select the Link option in the Audio Type field, this field will appear. You can enter the music link you want to add here.

Pick MP3: If you select the mp3 option in the Audio Type field, this button will appear. You can upload your MP3 file from this field.

After filling in the required fields, you can click the Save button at the bottom right to complete the music addition process.

 

After completing the required fields, you can add the Music & SoundCloud module to your application by clicking the Save button located at the bottom right.

You can view the Music & SoundCloud module you added in the App Content area.

 

Click on the three-dot icon (…) located on the right side of your module to access options related to your module. In this area, you can perform actions such as editing, deleting, saving the module as a draft, and adjusting the module’s position.