30-Day Money Back
Contact us within 30 days and we'll give you a full refund. Checkout our refund policy here
Button Modal Plugin | Magezon Page Builder
Display additional content in a popup window
Button Modal plugin is a perfect way to display additional content on a page. The content will be showcased in an eye-catching, responsive popup that is triggered by clicking on a button.
- 2 Ways to Add Popup Content
- 6 Popup Animation Effects
- Various Custom Style Options
- Fully Responsive Popup
Button Modal is a plugin of Magezon Page Builder extension. Please pre-install Magezon Page Builder. After that, install Button Modal plugin and it will be integrated with existing page builder on your website.
Live Demo
30 days money back
FREE lifetime updates
90 days free support
Feature Highlights
2 Ways to Add Popup Content
There are 2 ways to add content displayed in the modal window. You can either use Magento WYSIWYG editor for simple content or use element ID to insert any content that you can flexibly create by using our 50+ elements.
Use Magento WYSIWYG Editor
Use Element ID
300
+
Users
Magezon Page Builder Interface
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
6 Popup Animation Effects
With 6 popup animation effects, your popup will appear in an eye-catching way. Choose your desired one from Zoom, Newspaper, Horizontal move, Move from top, 3d unfold or Zoom-out.
Zoom
Newspaper
Horizontal move
Move from top
3d unfold
Zoom-out
Various Custom Style Options
You can combine a wide range of custom options to design the popup the way you want. Specify popup width, customize background color, control popup header & footer, close icon and so on.
Modal width
Modal background color & radius
Header control
Footer control
Custom close icon
Fully Responsive Popup
No matter which devices are being used, the popup always works well and looks perfect.
Fully Responsive Popup
To be quickly check how this popup looks on different devices, please adjust the width of your browser window on desktop so that it is equivalent to the width of other devices.
Feature Full List
Ultimate Button Modal Plugin
- 2 ways to add popup content
- 6 popup animation effects
- Fully responsive popup
Header & Footer Control
- Heading size
- Heading weight
- Heading color
- Show/Hide close icon
- Customize close icon size & color
- Show/Hide footer with close button
- Customize close button text and background color
General Custom Style Options
- Modal width
- Modal background color
- Modal radius
Others
- SEO-friendly
- No core code change
- 100% open source
- Easy to install
- User-friendly interface
- 30-day money back
- Free lifetime updates
Release Notes
Version 1.0.1 (released on May 8th, 2023)
- Compatible with Magento 2.4.6
Version 1.0.0 (released on Feb 10th, 2020)
- Initial Release
Frequently Asked Questions
Do you have any questions about Button Modal plugin? See the list below for our most frequently asked questions. If your questions are not listed here, please contact us.
To install this plugin, please refer to this document for detailed instructions. It will take you just a few minutes to install our plugin.
After the plugin is installed, you’ll find a new tab called Modal in Button element settings. Turn on Enable Modal button and start configuring the plugin.
Please follow these below steps for using element IDs to add popup content:
Step 1: In the builder section, add any elements from our 50+ elements to create the content you want to display in the popup. It can be Text Block, Single Image, Video Player and so on. Besides, you can create multiple columns easily.
Step 2: Open settings of the elements that you want to show in the modal window. Find Element ID field and enter ID for each element. Also, you need to enable Hide on Page Load which will hide the elements on frontend.
NOTE: If you have a container element such as row, section, tab, etc. that contains other elements, simply enter ID for this container element. No need to specify ID for each element within it.
Step 3: In Button element settings, open Modal tab, then choose Inline Element type. In Element IDs field, enter the IDs of elements that will be displayed in the popup. Please note that you can add multiple element IDs by separating them with commas.
Because Button Modal is a plugin of Magezon Page Builder, the Magento edition for its installation will be decided by the edition you choose for Magezon Page Builder.
If you have any questions or need any support, feel free to contact us via the following ways. We will get back to you within 24 hours after you submit your support request.
- Submit contact form.
- Email us at [email protected].
- Submit a ticket.
- Contact us through Skype.
- Contact us via live chat on our website.
Related Magento2 Extensions
Why Choose Magezon® 2 Extensions ?
Come with a full service package, extensive documentation and excellent support.
Lifetime Free Updates
Instantly get notified by e-mail once a new version is released.
90-Day Free Support
90 days of troubleshooting support and bug fixes for free.
Installation Support
Helping you to use our extension is the fastest.
High Quality Code
All our extension are of top quality and come with well-commented code.
Extensive Documentation
All extensions come with a detailed PDF and online user manual.