The Audio Playlist widget for Elementor makes it simple to add and showcase audio files on your website. Whether you’re sharing a podcast series, music tracks, or other audio content, this widget lets you create a stylish playlist that blends perfectly with your site design. With flexible styling options and easy-to-use controls, it’s a great way to enhance your visitors’ multimedia experience.
Let’s look at each of the options in the Audio Playlist widget for Elementor below.
Add a Audio Playlist Widget to Elementor
This widget requires Unlimited Elements Pro version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Audio Playlist”
- Hover over the widget in the search results and click install
- Add the “Audio Playlist” widget to any Elementor Page
General Settings
Title
Type text for title.
Description
Type text for description.
Default Volume
Set the default volume.
Show Title
Show or hide the title.
Show Description
Show or hide the description.
Show Volume
Show or hide the volume on audio player.
Show Mobile/Tab Devices Volume Control
Show or hide the volume controls on mobile and tablet devices.
Show List
Show/Hide the list.
Show Item Image
Show/Hide the item image.
Show Item Subtitle
Show/Hide the item subtitle.
Show Artist
Show/Hide the artist name.
Show Item Duration
Show/Hide the item duration.
Show Download Button
Show/Hide the download button.
Show Shuffle
Show/Hide the shuffle button.
Show Repeat
Show/Hide the repeat button.
Show Prev Next
Show/Hide the previous/next button.
Show Progress Time
Show/Hide the progress time on audio player.
Show Progress Bar
Show/Hide the progress bar on audio player.
Show Item Badge
Show/Hide the item badge.
Autoplay
Turn on the autoplay option.
Enable Track info Changing At The Background
Show the track title, description etc. at the background.
Enable Teaser Mode
Enable the teaser mode to limit the track duration.
Default Audio Speed
Set the default audio speed.
Show Speed Control
Show/hide the audio speed controls.
Volume Direction
Set the volume direction.
- Left to Right
- Right to Left
Items Settings
Manage the items of audio playlist using the repeater field.
- Add new items
- Duplicate items
- Delete items
- Reorder Items
- Edit Items
Title
Type text for title.
Subtitle
Type text for subtitle.
Artist Name
Type the artist name.
Track Source
Choose the track source.
- Media Library
- Custom Field
Track
Choose the audio track from media library.
Image
Choose an image to display.
Show Badge
Show or hide the badge.
Badge
Type text for badge.
Badge Color
Choose color for badge.
Badge Background Color
Set the background color of badge.
Audio Playlist Widget Styling
There are a number of styling options that allow you to control every aspect of the widget’s design. Choose colors that complement the style of your website. You can modify the text, icons, fonts, and layout to make the widget look and work the way you want.
Player Styling
Set the player background, padding, border, radius, height, and alignment.
Player Title Styling
Style the player title color, typography, shadow, and margin.
Player Description Styling
You can set the player description color, typography, shadow, and margin.
Player Controls Styling
Here, you can set the player controls padding, button size, icon size, button border, shadow, and raduis.
Play Button Styling
You can set the play button size, icon size, background, color, and border.
Progress Styling
You can style the progress color, typography, padding, and height.
Volume Styling
Here, you can set the volume bar positioning, color, background, icon color, and height.
Playlist Styling
You can set the playlist on side, height, padding, and background color.
Playlist Item Styling
Set the background, radius, padding, gap, border, and alignment of playlist item in normal, hover, and active state.
Audio Title Styling
Style the audio title typography and color.
Audio Subtitle Styling
Here, you can set the item subtitle typography and color.
Audio Duration Styling
You can set the audio duration typography and color.
Download Button Styling
You can set the download button size, icon size, radius, border, background and icon color.
Item Badge Styling
Here, you can set the badge typography, radius, padding, and positioning.
Background Track Info Styling
You can set the typography, spacing and text color of track title, subtitle and artist at background.
Audio Playlist Design Examples For Elementor
Here are some live use cases for the Audio Playlist Widget.
Audio playlist with background image.
Audio playlist with playlist on the side.
Audio playlist with custom badges.
Thank you for exploring the Audio Playlist Widget for Elementor! With its versatile features and user-friendly interface, this widget empowers you to create engaging audio experiences for your audience effortlessly. If you have any questions or need further assistance, feel free to reach out or explore our additional resources.
