How to Add Music to Your WIX Website

Date2January 14, 2019 categoryWebsite Builder

How to add music to your WIX website? A lot of people aren’t aware that websites can have audio within them and may not realise just how easy it is to add music/audio to their site.

You may have noticed this on some websites in the past, but also found that you need to press play to make the music start.

However, in our free tutorial we’ll show you how to upload background music designed to start playing as soon as someone accesses your site.

Why background music? Well, it can engage the viewer/user of the site for a short period of time.

But one thing to know first: many web developers and designers are, however, against developing a site with music for a number of reasons: such as legal issues, bandwidth and repetition.

Therefore, make sure to consider if background music is the right choice for your site before adding.

Let’s take a closer look…

 

How to Add Music to Your WIX Site

To add music, all you need to do is go to add element within the WIX builder (the element shown with a plus illustration). Click on the element, find the element labelled music and different music elements will show. Click on one of the players shown in the section labelled Themed Players.

A new window will appear, showing all the tracks previously uploaded. In the top right corner, you can click the Upload Tracks button to add music to your site.

Add music to your WIX site

Alternatively, if a player doesn’t bring the same window up as shown, another window will appear. This window will be the media library which houses all the media of the site including videos and images. Upload the audio file here and it should work the same way as the first first method. This depends on the template of your site.

 

Settings of the Music Element

There are many ways the themed player can work: for instance, if you want the audio to play as soon as a viewer enters the site, you can do so. You can also set the audio as a loop. To do both of these, click on the element previously added and then the settings of the element. A popup will show with all the settings, such as the name of the track and the artists name. Below these two settings you will find two sliders to set auto-play and a loop. Choose with the sliders which settings are more appropriate for you.

To change the track within the player element, again click on the element. Beside the settings icon, you’ll see a Change Track button. Click on this button and the track list window/media window will show.  Here you can upload a new audio file, click on the new file and it should change the track.

Another great setting within the music element is the volume of the audio. You can set the audio from 0% to 100%. Ideally you should have the audio volume at around half way, so 50%. This would mean that the user of the site, would hear the audio but not not be overwhelmed.

 

WIX Music Player Tricks

A tip: hide the Music Player behind other elements of the site. This means the user can’t stop and start the player themselves as it is blocked by other elements. This trick only works with auto-play audio, as it would be pointless to use if the user needs to click to play.

To hide the player, simply right click on the element, go to arrange and either choose move backwards or sent to back. This will block the player from view.

Tips and tricks for Music on WIX

Another tip for the Music Player is to place the element in the header of the site. This will make the audio play throughout the entire site. Alternatively if you only want the audio to play on a single page, place the player within the body of that particular page.

Also, you should consider adding music previews on your website if you’re a music based company. This would help people engage with your site. To do this don’t set auto play but make the user click these previews themselves. Also provide a link to the likes of YouTube or Soundcloud to listen to the full track.

Share

Tags

Tools and Marketing Website Development WIX Guide and Reviews

Leave a Comment

Leave a Reply

Your email address will not be published. Required fields are marked *

Newsletter Footer

Start Growing

Newsletter Sidebar