The SoundCloud Tile.

How to Use

In order to use the SoundCloud tile, you will need to drag the SoundCloud tile onto the page. You can then go into the settings and set up the SoundCloud tile under the SoundCloud Tab. Here you will be able to enter in the URL of the artist, track, group or playlist that you want to embed onto your page.

In addition, you will be able to change from a small to large player, as well as choose whether the player starts on page load or not.



Width – Adjusts the width of the tile, in pixels.

Height – Adjusts the height of the tile, in pixels.

Background Color – Changes the background color of the tile using the color picker.

Padding - Adjusts the padding (the gap between the text and the edge of the tile) to the left, right, top or bottom of the tile, in pixels.


Share URL: Allows you to put in the share URL which will embed it onto the page.

Search On SoundCloud: Clicking this will open up a separate window to the SoundCloud website allowing you to search for an artist/playlist/track/group to embed onto the page.

Player Type: Allows you to choose between a small player or a large player. Small player is the default.

Player Theme: Allows you to choose the colour of the player. This changes the colour of the player and the sound wave. Note: This is only available when small player is selected.

Auto Play: Allows you to choose whether the tile starts playing tracks on page load.

Show Comments: Shows comments other SoundCloud users have made on the tracks.


Layer – Changes the depth of the tiles within the page. Selectable via drop-down either Foreground, Background or Custom.

Reorder Within Layer - Changes the depth of the tiles within the layer. Selectable via drop-down either ‘No Change’, ‘Bring to Front’ or ‘Send to Back’.


Tile Visibility – Changes which groups can or cannot view the tile. Selectable via dropdown, either Everyone, ‘Only for’ or ‘For everyone except’. When ‘Only for’ or ‘For everyone except’ is selected, a dropdown menu will appear where you can assign groups to the category that was selected.

Lock Tile for Non-owners – Toggles whether only tile can be only modified by an owner.

Custom CSS Classes: This section allows you to add multiple Custom CSS classes to the product, allowing you to be able to add custom CSS classes to the tile.

Did this answer your question?