SoundCloud

This widget is only compatible with Editor version 7.32 and above. Add a SoundCloud widget to your template.

You can add a SoundCloud widget to your template. The audio can be later customised within the Editor.

Examples

Basic usage

To include a SoundCloud widget in your template you will need to add the following line:

{{widget('soundcloud', 'onpagemusic', {})|raw}}

Example usage

{{widget('soundcloud', 'onpagemusic', {
  'iframeCode': '<iframe src="..."></iframe>'
})|raw}}

Resulting HTML:

<div id="page-zones__template-widgets__onpagemusic" data-name="soundcloud" class="widget  widget--template-widget">
  <div class="bk-soundcloud  soundcloud  widget__soundcloud">
    <div class="embed-wrap  embed-wrap--audio  soundcloud__embed-wrap">
      <iframe width="100" height="200" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/151493449&amp;auto_play=false"></iframe>
    </div>
  </div>
</div>

Widget options

You can change the following options for the widget:

  • iframeCode: The embed SoundCloud code. <iframe width="100%" height="200" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/151493449&amp;auto_play=false"></iframe>