MakeITeasy Popup
Need popups to grab your users’ attention? Marketing call-to-actions that open on scroll, timer, click, matched referer, hover, or exit intent? Multiple popups on one page? This plugin has it all. It provides styling consistent with core block editor blocks plus additional features. Why choose Makeiteasy Popup? ▶️ Unlike some other plugins, Makeiteasy Popup integrates seamlessly with WordPress, feeling like a native, built-in WP block. It’s lightweight and self-sufficient, without the heavy burden of a large blocks library. It relies on a single tiny dependency – micromodal.js – with a combined total of only 10 kB of JavaScript❕ 👆 Try demo – there is a “Live preview” button on the top of this page 👆 ❗ Sometimes “Live preview” does not start due to slower responds of servers with resources. If progress stops with black screen or progress indicator does not advance anymore (loading should be finished at max 30 seconds) – in that case please refresh the page in browser. Key Features 🥇 Feature-Rich and free. 🥈 Fully Open Source: Including the block source code. Fork and adjust as needed. 🥉 Developer friendly: Hooks for modifications and unopinionated starting CSS. ⏲️ Future-Proof Compatibility: Guaranteed compatibility with future WordPress versions. 🆕 Added “open on exit intent” feature. It works only on desktop. When popup is set up to open on exit intent and user moves mouse outside the top border of the browser inner window (screen), popup appears. User can choose when feature is activated (after how many seconds since page was loaded), so popup can’t open too early. ⏱️❗Queue if another popup is opened, popup is placed in queue and opened upon closing the former. Known limitations Currently, opening several modal popups simultaneously is impossible due to the limitations of the Micromodal.js library. Future versions will replace this library with the native Dialog HTML element, including automatic migration for existing popups. Block options The block sidebar provides many options, most of which function similarly to other blocks. Notable options include: – Opening time selector: See the detailed section below. – Layout type: Floating, Fixed, Attached – Popup Enabled: Temporarily hide the popup without deleting it. – Open on interval: Open on given interval in days. – Open on matching referer: Open if the user’s referral URL matches. Layout Types Floating: popup floats above content. Clicking on area outside popup closes it. Fixed: popup is “fixed” to one of sides of screen — top, bottom, right, left Attached: popup is attached to element on screen. When user scrolls, it moves with it. Modality Modal: popup blocks everything else on screen, scrolling is not possible, popup can be closed by clicking outside of popup Modeless: popup is non-blocking, user can scroll, popup can’t be closed by clicking outside of popup Developers Github repository https://github.com/Lovor01/makeiteasy-popup Changing the Close button Using Javascript: import { ReactComponent as CloseIcon } from '../assets/close-x.svg'; addFilter( 'makeiteasy-closeButtonIcon', 'makeiteasy/makeiteasy-popup/close-icon', () => ( ) ); If you customize button this way and you already have posts(or pages) with popup block, on post reopening the message “This block contains unexpected or invalid content.” will be presented. In such case choose “Attempt to repair block” and if it looks good, save post. Using PHP: add_action( 'render_block_makeiteasy/popup', function($content) { $svg = file_get_contents( __DIR__ . '/path_to_file/close-button-dark.svg' ); return preg_replace( '~( ).*( )~m', "$1$svg$2", $content ); } ); Attaching Code to Modal Events Custom events ‘makeiteasy/openModal’ and ‘makeiteasy/closeModal’ are fired on modal open and close. Events fire on modal itself, DOM element with class .wp-block-makeiteasy-popup.
Top keywords
- popup20×3.45%
- open10×1.73%
- block9×1.55%
- makeiteasy5×0.86%
- modal5×0.86%
- screen5×0.86%
- user5×0.86%
- blocks4×0.69%
- content4×0.69%
- outside4×0.69%
- page4×0.69%
- popups4×0.69%
Hustle –
Hustle is the ultimate marketing plugin for building a mailing list and converting site traffic. Lead generation just got easier with simple set up optin forms, targeted marketing popups, and designer-made templates. Build a social following while you’re at it with Hustle’s diverse social sharing capabilities. From the award winning developers of Smush image optimization and Forminator form builder at WPMU DEV. Hustle lets you easily grow your mailing list or display targeted ads across your site with popups, optins, slide-ins, widgets, and shortcodes. Access unlimited pop-ups, slide-ins, and social shares from the start with Hustle Pro. Level up immediately with unlimited campaign creation + access to the full suite of WPMU DEV performance and marketing plugins. Learn more about Pro. Instant Templates For Every Kind Of Offer Hustle makes the process of creating popups, slide-ins, and embeds easier with a range of pre-designed templates. The templates available represent a number of different use cases (e.g. Black Friday, giveaway, COVID notice, newsletter signup), meaning you can get started with a module that aligns with your campaign goals. See them in action below: Learn The Ropes With These Hands-On Hustle Tutorials How to Get the Most Email Subscribers Using Hustle How to Make the Perfect Popup with Hustle How To Get The Most Out Of Using Hustle Get Creative With Styling For Desktop and Mobile Hustle’s flexible appearance settings can help your marketing stand out. Choose colors, animations, layouts, drop shadows, and display conditions from the easy-to-use design settings for all your marketing modules. By default layouts and templates are fully mobile responsive. But you can also make granular adjustments (margins, padding, borders, container sizing) to ensure your modules are popping on all devices. Take Styling & Customization Even Further If you have an eye for detail you’ll love the additional customization options available with Hustle. As well as basic appearance elements like layout, images, typography, and color – Hustle allows for more advanced detailing like borders, spacing, shadow, module sizing, and more. There’s also custom CSS if you’d really like to make your modules your own. Highly Targeted Display Settings Hustle has all the behavior and condition settings you’ll need to target visitors with email opt-ins or ads. Set up intelligent conditions such as: specific pages and posts, visitor device/browser, country, source of arrival, post registration, browser cookie, and a whole lot more. Smart Triggers For Popups And Slide-ins As well as intelligent visibility conditions, Hustle also allows you to set up a range of behavior triggers for your popups and slide-ins. Including: time on page, scroll, exit-intent, and more. Set Specific Schedules For Best Results Hustle makes it easy to schedule exactly when you want your marketing modules to deploy. Set start and end dates, schedule modules to show on specific days of the week, at a certain time of day, and choose a custom timezone to adhere to. Reach Out To Visitors Via Email Once a user has engaged with one of your marketing modules it’s important to follow up with next steps or a simple welcome message. Hustle’s email settings allow you to easily whip up manual or automated email messages and establish that initial connection. Get Busy With Social Sharing Hustle includes top social icons for easily building your following on your favorite social networks. Quickly enable the most popular social networks and use floating social, widgets, and shortcodes to add followers. Facebook Twitter Pinterest Reddit LinkedIn VKontakte 500px Houzz Instagram Twitch YouTube Telegram WhatsApp Form Builder Integrations Hustle integrates with popular free form builders like Forminator, so you can embed your forms, polls, and quizzes into popups and slide-ins for interactive lead generation. Grow your following and capture more leads with Hustle. Grow Your Mailing List Hustle integrates with all the popular email services. Just connect your account and start collecting new subscribers. AWeber ActiveCampaign Campaign Monitor MailChimp & MailChimp groups Constant Contact ConvertKit GetResponse Mailster Hubspot Sendy Mad Mimi Mautic Infusionsoft Brevo MailPoet MailerLite iContact Zapier SendGrid Gutenberg WordPress Editor Block Hustle supports both the Classic Editor plugin and Gutenberg. When you’re ready to say goodbye to shortcodes, the Hustle block pulls your opt-ins and embedded content in for you. Smart Exit-Intent Hustle has exit-intent, a favorite of professional marketers, that detects when visitors are about to leave your site and – BOOM! A pop-up or slide-in to grab their attention. ReCAPTCHA Spam Warrior Keep bot subscribers from taking over your mailing lists. Hustle connects to Googles ReCAPTCHA to protect your signup forms from spam. Adblock is no Match for Hustle Hustle has the moves and displays pop-ups and slide-ins even when Adblockers try to block your content. Measure Performance and Results Whether you’ve created a popup, slide in, or embed, Hustle allows you to track the results of each individual module with intelligent tracking data, conversion stats, and insightful charts for a visual representation. You can also set up a custom widget and include stats on your WP dashboard. Features available in Hustle include: Pop-ups, slide-ins, widgets, embeds and after post opt-ins Ready-made marketing templates – Discount, sale, Black Friday, COVID-19 3 free popups upgrade to Hustle Pro for unlimited 3 free slide-ins upgrade to Hustle Pro for unlimited 3 free social share bars upgrade to Hustle Pro for unlimited 3 free embeds upgrade to Hustle Pro for unlimited Built-in designs editor for simple customization Color match your brand, like magic Smooth display animations Integrate with the best email services including: Aweber, MailChimp, MailChimp groups, Constant Contact, Sendy, Infusionsoft, GetResponse, Campaign Monitor, and many more Super powerful conditions for targeting your audience Schedule your modules to display at a specific time or date Track how many times pop-ups, slide-ins and opt-ins are displayed See submissions straight through WordPress Conversion rates overview 4 default layouts Easy management dashboard New features, layouts and sass coming every month What Do People Say About Hustle? ★★★★★ “I don’t know how I’ve survived this long without Hustle and Forminator, but I’m now using them on every website I build.” – sherylryan ★★★★★ “Recovering 15%+ of sales due to this. Insanely good. Thanks!” – lmbpack ★★★★★ “We used this plugin to build a beautiful pop-up to attract more users and increase conversion rate. Thanks” – inblch98 ★★★★★ “Maybe the only plugin with free “exit intent” feature. Simple but powerful.” – tutoruniversitario ★★★★★ “Wow, we needed so many pop ups for client’s websites with this COVID thing going on. We used the Hustle on all of them. No problems and they look great!” – tammylfinch A Note From Hustle Hey! This is Hustle, your trusted popup, email opt-in, and marketing plugin for WordPress. I’m part of the WPMU DEV team, a superhero-suite of WordPress plugins, services, and support. Here are some of our other free plugins: Smush – Image Compression and Optimization Forminator – Form, Quiz, Poll and Survey Builder Hummingbird – Speed up, Cache, Optimize Your CSS and JS Branda – White Label WordPress, Maintenance Mode and Coming Soon Pages My superhero friends run the WPMU DEV Blog, your source for the very best WordPress tutorials. If you need to be in the know about WordPress, check it out. Thanks for looking at Hustle, and I look forward to helping you market and grow your business with popups and more. Enjoy, The Hustle About Us WPMU DEV is a premium supplier of quality WordPress plugins, services and support. Join us here: https://wpmudev.com/ Don’t forget to stay up to date on everything WordPress from the Internet’s number one resource: WPMU DEV Blog Hey, one more thing… we hope you enjoy our free offerings as much as we’ve loved making them for you!