Besides creating visually appealing websites with Ultimate Addons for Elementor, you can now add a new sensation – sound. Create the right atmosphere and engage your visitors on another level by adding background music with the Welcome Music widget.
This document will show you how to add Welcome Music to any page or post on your website.
Let There Be Sound
The Welcome Music widget lets you add music to your Elementor designs from any source. You can choose some of our default (pre-made) music or add your own:
- Default options: The widget comes preloaded with audio files to suit your festive needs. It has Jingle Bells, Winter Winds, Winery, and Winter loop built-in.
- Add from a Link: Use a link to embed your music from any external URL
- Upload to Media Library: If you have any MP3 files on your computer, just upload them to the WordPress media library and use them.
Once you choose your music, decide if you want the music to play automatically when your visitors open the post or page.
Also, you can set volume and decide to keep your sound looping or play it just once. Don’t worry, your visitors can pause the music if they want with the front-end Play/Pause button.
How Can I Add Welcome Music?
To add music to your page or post, please follow these steps:
Step 1 – To activate the Welcome Music widget, please navigate to Dashboard > Settings > UAE and scroll down to find “Welcome Music” in the list. Click on “Activate” to add the widget to your Elementor widget list.
Step 2 – Next, start editing your page or post with Elementor. Search for the “Welcome Music” widget and add it anywhere;
Note
Adding the “Welcome Music” widget will not affect your design, as the widget is not visible on the front-end.
Step 3 – Click to edit the widget, and scroll to the “Music” panel (under the “Content” tab). The “Music Source” option lets you choose the audio source: Default, Link, or Media Library;
Note
If you’re adding audio from the link, the URL must be a direct link to the actual file.
Step 4 – For our example, we choose the “Default” option. Choosing the “Default” source will give you the additional option to Select Tune;
Step 5 – Now that you have your music added, enable or disable the Autoplay and Loop options, and set the Volume;
Step 6 – Next, scroll down to the “Play/Pause Button” panel. Here, you can decide if you want to display the button or not. Also, you can choose a position, color, size, and icons for the button.
Step 7 – Click on the “Update” button to save changes.
That’s all. Your visitors will now be able to enjoy a multisensory experience while browsing your website.
