AI Modal Popup addon is a versatile element to enhance the user experience and provide additional functionality to the Icon/Button/Text/Image. With their ability to overlay the current interface, model popups offer a seamless and interactive experience, enabling users to effectively engage with the functionality.
How to set up the Modal Popup:
Step 1: Search and find Modal Popup in the search box under the Elements Tab. After that, easily drag and drop the widget wherever you want inside the Elementor section
Step 2: This is how the element will look after inserting the AI Modal Popup addon.
How to set up content for the AI Modal Popup?
Under the content tab, you can configure the AI Modal Popup.
Select either Image, Icon, Button, or Text in the Popup section and set Alignment according to your preference. When you click either of these, a Popup message will appear.
Image: You can select the image from Media Library or Insert it from the URL. Additionally, you can modify the image’s size using the drop-down menu.
There are four easy-to-reach popup triggers available: Icon, Text, Button, and Image. Therefore, you will receive a section to edit the Text according to the Modal Popup Trigger you have chosen.
Content: In this section, you can set the Size of the Popup Box in the drop-down, Title Tag, Title, and Content.
How to add Styles to the Modal Popup?
Upon selection of elements like Image, Icon, Button, and Text you can give them a distinctive look in the styling area by adjusting the colour, padding, margin, and a variety of other settings.
Here Title and Content are common sections for all the elements. In the Title, you can set Padding, Margin, Font Color and Typography.
Content: Alter the Padding, Font Color, Background Color, Alignment, and Typography of the Content.