Magezon Page Builder Button Modal Plugin

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.  

Note: Button Modal is a plugin of  Magezon Page Builder extension. Please pre-install Magezon Page Builder. After that, install the Button Modal plugin and it will be integrated with the existing page builder on your website. 

Feature Highlights

• 2 Ways to Add Popup Content
• 6 Popup Animations
• Various Custom Style Options
• Fully Responsive Popup

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 content that you can flexibly create by using our 50+ elements.  

6 Popup Animations

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 
• 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. 

- Popup width

- Popup background & radius

- Header & footer control

- Close icon control 

Fully Responsive Popup

No matter which devices are being used, the popup always works well and looks perfect. 

Demo 

 To experience the extension first-hand, please follow the links below:

• Frontend 
• Backend

FAQs

1. Installation Instructions?

To install this plugin, please refer to this document for detailed instructions. It will take you just a few minutes to install our plugin.

2. Where can I find the plugin after installation?

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. 

3. How can I use element ID to add popup content?

Please follow these below steps to use element ID for adding popup content: 

Step 1: In the builder section, add any element 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 and enter ID for the element. Also, you need to enable Hide on Page Load which will hide the element 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 that it contains. 

Step 3: In Button element settings, open Modal tab, then choose Inline Element type. In Element ID 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.

4. I cannot choose the Magento edition to install this plugin? Why?

Because Button Modal is a plugin for Magezon Page Builder, the Magento edition for its installation will be decided by the edition you choose for Magezon Page Builder.

5. How can I get support?

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 support@magezon.com.
• Submit a ticket.
• Contact us through Skype: support@magezon.com.
• Contact us via live chat on our website: magezon.com.