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.

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.

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