The Wix Audio Player is a stylish and simple music element that allows you to add a single track to a page on your website.
Adding the Wix Audio Player
Add the Wix Audio Player from the Add panel in your Editor.
- Click Add on the left side of your Editor.
- Click Video & Music.
- Click Audio Players.
- Click one of the players at the top of the panel to add it, or alternatively drag it to the relevant location.
Adding a Track to Your Player
You can either upload a track to your player, or enter the URL of an MP3 track.
- Click your Wix Audio Player in your Editor.
- Click Change Track.
- Under Choose audio from: select an option:
- My Uploads: Click Upload Track and select a track from your Media Manager or upload a new one from your computer.
- External MP3: Enter the URL of a track.
Setting up Your Player
From Settings you can choose how your player behaves. Select a cover image, add the track details and define the playback setting.
- Click your Wix Audio Player in your Editor.
- Click the Settings icon .
- Set up the following:
- Cover Image: Choose a cover image from your Media Manager.
- Track Details: Enter the artist and track name.
- Playback Options: Choose if you want the track to play just once, or continuously in a loop. Learn More.
Designing Your Player
Customize every aspect of the player, including the colors, border and fonts. You can customize the regular view and the hover view of the player.
- Click your Wix Audio Player in your Editor.
- Click the Design icon .
- Customize your player:
- Click the Regular tab and customize the regular view of the player.
- Click the Hover tab and customize the hover view of the player.
Customizing Your Player on Your Mobile Site
Customize how your player looks on your mobile site. You can change the layout and size of the player, or hide it completely.
- Go to the mobile Editor.
- Click your Wix Audio Player.
- Customize your player:
- Resize it using the drag handles.
- Click the Layouts icon to change the layout.
- Click the Hide icon to hide the player on your mobile site.