How to open an audio player in a WordPress lightbox popup

Last updated on

This tutorial will guide you how to open an audio player created with WonderPlugin Audio Player in a WordPress lightbox popup. We use the plugin WonderPlugin Carousel to create the carousel and the lightbox.

Step 1 - Create a WordPress page that only contains the audio player and without header, menu, sidebar, footer

Follow this tutorial to create a WordPress page that only contains the audio player and without header, menu, sidebar, footer: https://www.wonderplugin.com/wordpress-tutorials/how-to-create-a-wordpress-page-without-header-menu-sidebar-and-footer/

Step 2 - Open the audio player page in WonderPlugin Carousel

In WonderPlugin Carousel, step 1 Images and Videos tab, Add Image dialog, uncheck the option "Open current image in Lightbox", then enter the URL of the audio player page to the input box "click to open web link".

Check the option "Open web link in Lightbox". You can also check the option "Set Lightbox size" to specify the size of the popup.

WordPress Audio Player in Lightbox

The demo is as following: