How to Open a Popup via Beaver Builder
Beaver Builder is a drag and drop WordPress page builder plugin that gives you control over your content and layout.
Hence, there is a way to open the popup, once the element created with the Beaver Builder is clicked.
Please, follow the steps below to put the on click popup on a Beaver Builder built button.
Note, that the provided steps are the same, if you put the on click popup on the other elements created with the Beaver Builder.
Create the popup you would like to see when the button is clicked and select the On Click event from the Events section.
Go to the proper Page/Post, after then click on the Beaver Builder button to start the process.
Choose the Button from the available elements.
Switch to the Advanced section, scroll down to the HTML Element and insert the class of the popup into the appropriate section. Right after Save the changes.
That's it.
Now you know how to put the on click popup on a element created with the Beaver Builder.
Hence, there is a way to open the popup, once the element created with the Beaver Builder is clicked.
Please, follow the steps below to put the on click popup on a Beaver Builder built button.
Note, that the provided steps are the same, if you put the on click popup on the other elements created with the Beaver Builder.
Required steps
Create the popup you would like to see when the button is clicked and select the On Click event from the Events section.
Go to the proper Page/Post, after then click on the Beaver Builder button to start the process.
Choose the Button from the available elements.
Switch to the Advanced section, scroll down to the HTML Element and insert the class of the popup into the appropriate section. Right after Save the changes.
That's it.
Now you know how to put the on click popup on a element created with the Beaver Builder.
Updated on: 07/06/2022
Thank you!