How to add a WordPress audio player to WPBakery Page Builder

This tutorial will guide you how to add a WordPress audio player created with Wonder Audio Player to the popular WPBakery Page Builder.

Step 1 - In WPBakery page editor, click the Add Element button, then select the element Text Block.

visualcomposer-textblock

Step 2 - Create an audio player with Wonder Audio Player plugin, then add the player shortcode

Add audio player to Visual Composer

Step 3 - Test the player in the published WordPress page or post

Update the page/post, visit your website and test the player in the published page/post. The player will not work inside the Visual Composer editor itself, both frontend and backend editors.