Modal Maker – An Elementor Modal Widget

Description

This Modal Maker Plugin enhances your website’s interactivity by allowing you to add a fully customizable button that triggers a modal popup. Perfect for displaying additional content, product links, or call-to-action options, this plugin integrates seamlessly with Elementor and provides complete control over modal appearance and content type.

Key Features

1. Customizable Trigger Button:
   Easily configure the trigger button’s text, colors, and typography to match your site’s design. The plugin includes responsive controls for padding, border styling, and shadow options, making it simple to achieve a tailored look.

2. Multiple Content Options Inside Modal:

   • Button Group: Display a collection of buttons, each with customizable links, that users can click to navigate to different URLs. This is ideal for popups containing multiple calls to action, such as links to products, services, or resources.
   • Rich Text Editor: Use the editor to add custom HTML or formatted text inside the modal, perfect for showcasing information, adding product descriptions, or embedding videos and images.

3. Independent Functionality for Multiple Instances:
   Each modal widget instance operates independently, allowing you to add multiple modals to the same page without conflicts. Unique IDs are automatically generated for each modal, ensuring only the corresponding modal opens when each button is clicked.

How It Works

• Adding a Modal to a Page:
  Simply add the widget to your Elementor page and configure the button and modal settings in the editor panel. Choose between a button group or rich text editor for the modal’s content, and set up links if using buttons.

• Styling Options:
  Use Elementor’s familiar controls to customize button width, colors, border radius, and shadow. You can also set modal dimensions to small, medium, or large to accommodate different types of content.

• Responsiveness:
  Built-in responsive controls allow for optimized viewing on any device. Adjust button size, alignment, and padding for a polished look across desktop, tablet, and mobile views.

Ideal Use Cases

• Product Showcases: Create product-specific popups with links to additional product pages or purchasing options.
• Service Information: Include detailed descriptions and links to service pages for a clear, navigable user experience.
• Interactive CTAs: Add multiple call-to-action buttons in the popup to guide users toward conversion.

Compatibility and Requirements

This plugin requires Elementor to be installed and activated on your WordPress site. It works with both the free and pro versions of Elementor, ensuring accessibility for a wide range of users.

With its clean design and full-featured controls, this Elementor Modal Popup Widget Plugin provides a highly adaptable solution for enhancing user engagement, promoting products, and driving conversions. Whether you need a simple informational popup or a detailed product showcase, this plugin offers the versatility to make your content pop.

Screenshots

Installation

Note : This plugin works with Elementor. Make sure you have Elementor installed.

1. Upload the plugin files to the /wp-content/plugins/ directory, or install the plugin through the WordPress plugins screen directly.
2. Activate the plugin through the ‘Plugins’ screen in WordPress.
3. Find the modal maker widget in the general section of elementor editor.
4. Use the Elementor editor to add the modal widget to your page.

FAQ

1. Can I add multiple modal widgets to the same page without them interfering with each other?

Yes, you can add multiple instances of the modal widget to the same page. Each modal has a unique ID, so only the corresponding modal opens when its trigger button is clicked. This allows you to add distinct content in each modal without any overlap or interference.

2. Is this plugin compatible with both the free and pro versions of Elementor?

Absolutely! The plugin works seamlessly with both the free and pro versions of Elementor, providing full access to the modal’s features regardless of your Elementor plan. This ensures that all users can leverage the plugin’s customization and content options.

3. What types of content can I display in the modal?

The modal can display either a group of linked buttons or a custom HTML-rich text editor. Use the button group option to add multiple links to products or services, or use the text editor to include formatted content like text, images, and even embedded videos or forms.

4. Are there options to customize the appearance of the trigger button and modal?

Yes, the plugin provides a wide range of customization options. You can control button colors, typography, padding, border styles, shadow effects, and more. For the modal itself, you can choose from different sizes (small, medium, large) to suit your content and adjust it to your site’s theme.

5. Will the modal display correctly on mobile and tablet devices?

Definitely! The plugin includes responsive controls, so you can adjust button and modal settings for mobile, tablet, and desktop views. This ensures your modals look and function well across all devices, providing a consistent user experience.

Reviews

Contributors & Developers

Changelog

1.4

• Compatible with WordPress V6.7

1.3

• Added Multiple Instances for multiple modals

1.2

• Styling issue Fixes
• Bug Fixes

1.1

• Minor Bug Fixes

1.0

• Initial release.