Play Video

How to Add Background Music Widget to Elementor (2021)

Add Elementor Background Music widget to website in mere seconds –

Best tool to set a lovely mood with music. Motivate the audience to the target action and enhance UX.


• Possibility to shuffle and loop tracks, as well as to use an Autoplay option.
• The widget supports content from numerous resources, for example, YouTube, Shoutcast, Icecast, Amazon S3, DailyMotion, SoundCloud, Google Drive, Dropbox, Vimeo, Vista, and Mixcloud.
• Possibility to hide or show the following elements: progress bar, heading, info about a creator of the track, and picture.
• Contains six switchable player controls.

How to embed Background Audio player on an Elementor website?

To implement the widget, follow all the actions from the simple tutorial:

1. Generate and personalize the widget;
2. Copy your unique code which will appear the notification popup;
3. Embed the code on the site.

Find out how to embed Elementor Background Music widget here: –

Background Music – Elementor

Best Background Audio player examples:

Example 1: Nature Sounds – the small player contains only a background image and controls.
Example 2: Spa Music – this notably minimalist player has looped music and only two controls.
Example 3: Christmas Player – in the shape of a Christmas tree toy, this player is great for a winter sale website.

Here is how comfy it is to integrate Background Music to Elementor! If you want to learn more about widget templates, configs, and benefits, you are free to contact our experienced Support specialists. They’ll eagerly reply to all your requests!