Magento 2 makes many things easier as compared to Magento 1, specifically when it comes to popups. Magento 2 Popup is a good-to-go strategy to attract visitors’ attention and engage them thoroughly to explore the website with more curiosity. Popup offers an instant call to action and is thus frequently used. Today we\u2019ll learn to create a popup in Magento 2.<\/p>\n\n\n\n
Usually, the developers would go through the long process of creating the popup manually and then face difficulty in making it work with different themes. This is because they are unaware of the default modal widget facility available in Magento 2. The use of the modal widget is a shortcut for creating popups! Get the task done with a few lines of code and escape the tedious task, prone to errors, for creating popups.<\/p>\n\n\n\n
div class=\"callfor-popup\">\n <h2>Simple Modal<\/h2>\n<\/div>\n<script>\n require(\n [\n 'jquery',\n 'Magento_Ui\/js\/modal\/modal'\n ],\n function (\n $,\n modal\n ) {\n var modaloption = {\n type: 'popup',\n modalClass: 'modal-popup',\n responsive: true,\n innerScroll: true,\n clickableOverlay: true,\n title: 'Simple Modal'\n };\n var callforoption = modal(modaloption, $('.callfor-popup'));\n $('.callfor-popup').modal('openModal');\n }\n );\n<\/script><\/pre>\n\n\n\nImplement the above code and the popup is ready to use!<\/p>\n\n\n\n