How to Open a Modal Popup on the Click of an Elementor Widget?

The Ultimate Addons for Elementor comes with a modal popup widget that can be displayed automatically, or on the click of a button, text, image, or through any other widget.

In order to display a modal popup from another widget, you will have to use a unique class name or ID that is shared between the Modal popup and the respective widget.

Here are the steps you need to follow:

1. In the Modal popup settings, under the Display settings tab, select to display the popup on a Custom Class / ID.

2. Enter the unique class name in the text box below.

Elementor modal popup add class

Note: Do not add a dot ” . ” before the class name.

3. Make sure the same class name is entered in the Advanced Settings tab of the widget you wish to use.

For example we are using the Button widget here. Take a look at the screenshot below.

Add class to the button in elementor

This method will display the modal popup on the click of the button or any other widget you apply the CSS class name for.

Was this article helpful?
Did not find a solution? We are here to help you succeed.

Related Docs

Get access to growing library of 40+ innovative widgets and 300+ creative templates.

Scroll to Top