How to embed a Spotify or Soundcloud track into your prototype

Audio embeds are a great way to add rich and dynamic sound and music to your prototypes. Marvel lets you embed videos directly from Soundcloud or Spotify to bring your prototypes to life.

How to embed audio:

  1. Open your project
  2. Hover over a screen and click 'Prototype'
  3. Once the editor opens, click and drag anywhere on the image to draw a hotspot
  4. In the image selector pop up, select 'Link to URL or embed'
  5. Click the drop-down and select 'Embed'
  6. Paste your embed code from Spotify or Soundcloud and hit save
  7. Close the pop-up and click 'Play' to hear your audio 

How to find the embed code on Soundcloud:

  1. Select any song
  2. Click the share icon
  3. Select 'Embed'
  4. Copy the embed code ✨

How to find the embed code on Spotify:

  1. Hover over the content that you'd like to embed (this can be a song, album or podcast)
  2. Click the three dots to see more options
  3. Select 'Share'
  4. Select 'Copy embed code' ✨
Was this article helpful?
1 out of 1 found this helpful