Demo
![](https://guid.arrowtheme.com/magento/gemmart/images/modal-popup-demo.gif)
The Modal Popup element are perfect for displaying a bunch of organized information in a small area.
On Home page builder, click Add New Block button.
![](https://guid.arrowtheme.com/magento/gemmart/images/add_new_block_button.jpg)
On popup list blocks, click “Modal Popup” button.
![](https://guid.arrowtheme.com/magento/gemmart/images/modal_popup_block_1.jpg)
CONFIG BLOCK
POPUP CONTENT TAB
![](https://guid.arrowtheme.com/magento/gemmart/images/modal_popup_block_2.jpg)
Using the editor, you can directly insert the content you want for your popup.
IMAGES TAB
Click Upload new Image button to upload new image
![](https://guid.arrowtheme.com/magento/gemmart/images/modal_popup_block_3.jpg)
![](https://guid.arrowtheme.com/magento/gemmart/images/modal_popup_block_3.1.jpg)
POPUP CONFIG TAB
![](https://guid.arrowtheme.com/magento/gemmart/images/modal_popup_block_4.jpg)
Enter values also needed settings that you want to set for the Popup style.
BUTTON CONFIG TAB
![](https://guid.arrowtheme.com/magento/gemmart/images/modal_popup_block_5.jpg)
Enter values also needed settings that you want to set for the button style. You can see the preview directly after you change values.
Finally, click Submit button to save your data.