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.
3In Add Element pop-up screen, search for Audio Player and click on it to be added to the page.
4When 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]
1Access the Audio Player Settings pop-up.
2Depending on which file format you have, click on Upload.
3Select an audio file from the media library or upload a new one and click on Insert Into Post.
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.
| Setting | Description |
|---|---|
| Thumbnail | Displays a thumbnail for the audio player. |
| Sound author | Displays an author of the sound. |
| Player background | 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.
