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:
1 Add or edit an existing page.
2 In Visual Composer section, Click + button.
3 In Add Element pop-up screen, search for Audio Player and click on it to be added to the page.
4 When the shortcode is added, a new pop-up screen called Audio Player Settings opens. It allows you to configure the shortcode settings.
Note: In order to display a functional audio player on your page, proceed to the steps below.
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]
1 Access the Audio Player Settings pop-up.
2 Depending on which file format you have, click on Upload.
3 Select an audio file from the media library or upload a new one and click on Insert Into Post.
4 Click 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.
Displays a thumbnail for the audio player.
Displays an author of the sound.
Changes the background color.
Note: The thumbnail size should be approximately 150x150px, or bigger. It will be cropped automatically to the correct size needed for the container.