SoundCloud example

This content type embeds SoundCloud audio on your pages.

It's a two stage process.

  • Stage 1: Get your embed code from the SoundCloud website
  • Stage 2: Add this to the IFrame - Soundcloud content type

Stage 1 - Getting the embed code

1. Click the Share icon on the SoundCloud page of the audio you want. (See red arrow in Fig 1.)

Fig 1
Fig 1

2. Select the Embed tab and copy the entire contents of the Code and preview field. It starts with: <iFrame width='100%'  (See second arrow in Fig 2)

Fig 2
Fig 2

Stage 2 - Adding SoundCloud

3. Add an instance of IFrame - Soundcloud to your page. (See How to add a Content type)

4. Paste the complete SoundCloud code into the Embed code * field. See table below for a full list of this content type's fields.

Form fields for the IFrame - Soundcloud content type

Field titleWhat should I do?Is it compulsory?
Name* This name will appear behind the scenes and needs to clear and concise so any other editors can quickly identify the content type they need to edit from all the others on the page Yes
Block title* This field is for screen readers. Give the widget a title, you can hide it if necessary (see below). Yes
Show block title? This default to Yes, select No if you want to hide the title. No
Embed code* Paste the SoundCloud embed code, see Stage 1 above. Yes