HUB Elementor - Modal Buttons and Popups

1. Add Liquid Modal Box and Liquid Button elements to your page.

2. From the Liquid Modal Box element, select a modal type and select an Elementor template to show in modal content from Select Modal option. 

3. From the Liquid Button element, set the link type to "Modal Window" and add the Modal ID that appears in the Liquid Modal Box element to the Element ID option.

That's it, save the page and exit Elementor. Clicking the button will open your modal box.

Sample Modals: https://originalhub.liquid-themes.com/elements-modal/

Key Notes

1- If you are going to use more than one button on a page to open the same modal box, it is sufficient to have one Liquid Modal Box element on your page. You can use the Modal ID created on that modal element in all buttons.

2- Do not use the Liquid Modal Box element in Elementor templates. Otherwise, it will make the template unusable.

3- You can follow the same steps in our article to create a contact modal box in your header.