How to Add music in Canva Website Easily 2026

From your active website project, open the Apps panel in the sidebar and find Audio Player, a free app dedicated specifically to embedding playable tracks. On first opening it, you'll land on its overview screen showing your widget usage (0 of 1) and view count (0 of 200), with a prompt reading "Your first widget is almost here!" and a Create Widget button front and center.

Clicking Create Widget opens a template picker with several starting points: Music Playlist, Inline Audio Player, Single Track, New Album, Meditation & Ambience, and Audiobook. Each template previews live on the right. The Audiobook option, for example, shows a full cover-art player with chapter tracks and running times listed underneath: a layout worth picking if you're embedding a multi-track playlist instead of one standalone song.

Once you continue with a template, the editor splits into a Tracks panel on the left, where you add, reorder, or remove individual songs or chapters, and a live preview on the right showing how the player will look and behave once published. Each track can be a direct file upload or a link to hosted audio or video, including YouTube, Vimeo, and SoundCloud, per the app developer's own documentation. There's no bulk-upload shortcut, so building out a full playlist means adding entries one at a time.

The same editor panel includes Layout, Style, and Settings tabs alongside Tracks, letting you switch how the player displays, adjust its color scheme to match your site, and control playback behavior like autoplay-on-click or loop settings. These are worth reviewing before you add the widget to your page, since changing the layout afterward can shift the embed's proportions and require resizing it again.

The finished widget doesn't drop onto the page as a native design element you drag out of a panel. Canva's own developer documentation states that its Embed element works from a pasted link, not raw HTML, JavaScript, or iframe code; Canva renders the linked page inside an iframe on its own.

Use the Audio Player editor's Add to Website option to get the widget's link, then add an Embed element to your Canva website page and paste that link into it. Resize the resulting frame to fit your grid the way you would any other embedded element.

Publish your site and open the live URL to confirm the player loads and plays as expected. A widget that looks right in the editor can still behave differently once it's rendered on the published page, especially across mobile versus desktop. Click through the play, skip, and track-list controls yourself before sharing the link, since a broken player on a musician portfolio or podcast landing page undercuts the whole point of adding it.