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 on the free tier) and view count, 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, which is exactly the kind of layout worth picking if you're embedding a multi-track playlist rather than one standalone song.

Once you continue with a template, the editor splits into a Tracks panel on the left — where you can add, reorder, or remove individual songs or chapters — and a live preview on the right showing exactly how the player will look and behave once published. Each track needs its own audio source; 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 place the widget, since changing the layout after positioning it on the page can shift its dimensions and require you to resize it again.

Drag the finished widget onto your website page and resize it to fit neatly inside your existing grid sections rather than letting it float awkwardly between other elements. Canva websites are built on the same grid-based layout as the rest of the design tool, so the player widget behaves like any other element you'd resize and align — snap it to nearby edges for a cleaner result.

Publish your site and open the live URL to confirm the player actually 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.