Audio Player Shortcode

Updated on January 23, 2019

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.


Thumbnail Displays a thumbnail for the audio player.
Sound author Displays an author of the sound.
Player background Changes the background color.

Did this answer your question?