We have already seen how you can create a modal popup, design and manage its behavior in Beaver Builder. Refer to the article here.
What if you wish to allow users to close the popup when they click on some text or a button present on it?
You can do this too!
You can use the “uabb-modal-close” class to do so.
All you need to do is:
1. Under the Content tab of Modal popup settings, select Type = Content.
2. Use the class within any HTML code that you wish to add.
<span class=”uabb-modal-close”>Continue shopping</span>
Here, the modal will get closed when the user clicks on “Continue shopping”.