Share your sound with the website audience by simply adding an audio player shortcode.

Note that if you are looking for how to create an audio post, read the creating a blog post article.

Displaying an Audio Player

To add an audio player:

1Add or edit an existing page.
2In Visual Composer section, Click + button.

Audio player shortcode - visual composer section

3In Add Element pop-up screen, search for Audio Player and click on it to be added to the page.

Audio player shortcode - add element

4When the shortcode is added, a new pop-up screen called Audio Player Settings opens. It allows you to configure the shortcode settings.

Audio player shortcode - audio player settings

Configuring the Shortcode

Audio player shortcode allows you to upload audio file in two formats; MP3 and OGG. Below we explain how to upload audio file and customize the player.

[abb_heading tag=”h3″]Uploading an Audio File[/abb_heading]

1Access the Audio Player Settings pop-up.

Audio player shortcode - audio player settings pop-up

2Depending on which file format you have, click on Upload.

Audio player shortcode - upload

3Select an audio file from the media library or upload a new one and click on Insert Into Post.

Audio player shortcode - insert media

4Click on Save Changes, Update the page and check the result.

Audio Player Look

There are some settings in audio player settings pop-up to customize the default styling.


ThumbnailDisplays a thumbnail for the audio player.
Sound authorDisplays an author of the sound.
Player backgroundChanges the background color.