Best Popup Maker Block Plugin for WordPress

Create the Best WordPress Popup, Gutenberg Popup Block Plugin, Dynamic Popup, Responsive Popup Block Plugin, and More.

7000+Support Issue Solved

4.5 Star Rating

2,531,647+ Total Downloads

List Of Features

  • Custom wrapper tag
  • Custom close icon with position
  • InnerBlocks support
  • Variety of visibility conditions
  • Popup with Delay setting
  • Popup on Scroll percent
  • Visibility Condition – Initial
  • Visibility Condition – Delay
  • Visibility Condition – Scroll Percent
    Pro!
  • Visibility Condition – Scroll Fixed
    Pro!
  • Visibility Condition – Scroll End
    Pro!
  • Visibility Condition – Scroll Element
    Pro!
  • Visibility Condition – Click First
    Pro!
  • Visibility Condition – Click Count
    Pro!
  • Visibility Condition – Click Right
    Pro!
  • Visibility Condition – On Exit
    Pro!
  • Visibility Condition – Click Element
    Pro!
  • Visibility Condition – Date Count Expired
    Pro!
  • Visibility Condition – Cookie Exist
    Pro!
  • Scroll to certain element by class or id
  • On Click Count
  • On cookie exist
  • By URL Parameters
  • By Referrer exist
  • Popup In Animation
  • Popup Out Animation
  • Styles Component for each element
  • Visibility Condition – Cookie Not Exist
    Pro!
  • Visibility Condition – User Logged
    Pro!
  • Visibility Condition – User Ids
    Pro!
  • Visibility Condition – URL Prams
    Pro!
  • Visibility Condition – Referrer Exist
    Pro!
  • Post Term Title – dynamic class name
    Pro!
  • Author Name – dynamic class name
    Pro!
  • Rankmath Title – dynamic class name
    Pro!
  • Search Terms – dynamic class name
    Pro!
  • Tag Title – dynamic class name
    Pro!
  • Category Title – dynamic class name
    Pro!
  • Block Variations
  • CSS Library
  • Advanced CSS pseudo selector
    Pro!
  • Advanced CSS property
    Pro!
  • In-built pro block variations
    Pro!

Triggers

Our Popup Gutenberg block provides precise control over when and how your popups appear. With a wide variety of triggers available, you can customize your popups to perfection. Below, we’ve listed almost all the available triggers you can use.

Initial

Use the Initial trigger if you want to display the popup when the webpage loads.

Delay

Delay option Forces the Popup to wait for a certain amount of time.

Scroll Percentage

This triggers a popup when a user has scrolled to a specific percentage of the page.

Scroll Fixed

Scroll Fixed functions similarly to the Scroll Percentage, but it supports fixed values instead of percentages.

pro

Scroll End

The Scroll End trigger activates the popup when a user reaches bottom of the page.

pro

Scroll Element

Scroll Element trigger allows setting a custom class or ID, so the popup will display when a user scrolls to the specified ID or class.

pro

Click First

The Click First option activates the popup whenever a user clicks anywhere on the page.

pro

Click Count

Click Count lets you set how many clicks trigger the popup, unlike Click First which activates on the first click.

pro

Click Right

The Click Right trigger activates the popup when a user right-clicks anywhere on the page.

pro

On Exit

The On-Exit trigger activates the popup when a user attempts to close the current browser tab.

pro

Click Element

Choose an HTML element on your page by class or ID. When clicked, the popup will appear.

pro

Date Countdown Expired

Automatically display the popup when the timer of our date countdown block expires.

pro

Key Press

Display the popup as soon as the user presses any button on the keyboard.

pro

Mouse Out Element

This trigger allows you to select an HTML element on your page by class or ID. When a user tries to move the mouse away from that element, the popup will appear.

pro

Mouse Over Element

This trigger enables you to select an HTML element on your page by class or ID. When a user hovers over that element, the popup will appear.

pro

Close Triggers

You are not limited to using a traditional close button or icon to close your popup. There are several customizable close triggers available that you can use. Below, we have listed almost all the available close triggers option for you to learn about.

Delay

Delay option Forces the Popup to wait for a certain amount of time.

pro

Scroll Percentage

Hide popup when a user has scrolled to a specific percentage of the page.

pro

Scroll Fixed

Scroll Fixed functions similarly to the Scroll Percentage, but it supports fixed values instead of percentages.

pro

Scroll End

The Scroll End trigger hides the popup when a user reaches the bottom of the page.

pro

Scroll Element

Scroll Element trigger allows setting a custom class or ID so that the popup will be hidden when a user scrolls to the specified ID or class.

pro

Click First

The Click First trigger will cause the popup to close when a user clicks anywhere on the page.

pro

Click Count

Click Count allows you to specify how many clicks are needed to close the popup, unlike Click First, which closes on the first click.

pro

Click Right

The Click Right trigger hides the popup when a user right clicks anywhere on the page.

pro

On Exit

The On Exit trigger close the popup when a user attempts to close the current browser tab.

pro

Click Element

Hide the popup when an HTML element with a specific class or ID is clicked.

pro

Date Countdown Expired

Automatically close the popup when the timer of our date countdown block expires.

pro

Key Press

Close the popup as soon as the user presses any button on the keyboard.

pro

Mouse Out Element

This trigger allows you to select an HTML element on your page by class or ID. When a user attempts to move the mouse away from that element, the popup will disappear.

pro

Mouse Over Element

This trigger allows you to select an HTML element on your page by class or ID. When a user hovers over that element, the popup will be hidden.

pro

Visibility Conditions

Show the right popup at the right time, avoiding interruptions and enhancing engagement. You can select from over 90 customizable actions to display a personalized popup.

  • Display a popup for a specific post or page.
  • Show popup based on whether a user is logged in or not.
  • Show a popup when users have a specific ID.
  • Display a popup only for archive pages and more.

Popup Close Animation

So far we’ve added 35+ built-in animations that you can apply on your popup. With the edit mode enabled, you can preview the animation on the editor.
Here are the name of these animations –

  • backOutDown
  • fadeOutRightBig
  • backOutLeft
  • fadeOutUpBig
  • backOutRight
  • fadeOutTopLeft
  • backOutUp
  • fadeOutTopRight
  • bounceOut
  • fadeOutBottomRight
  • bounceOutDown
  • fadeOutBottomLeft
  • bounceOutLeft
  • rotateOut
  • bounceOutRight
  • rotateOutDownLeft
  • bounceOutUp
  • rotateOutDownRight
  • fadeOut
  • rotateOutUpLeft
  • fadeOutDown
  • rotateOutUpRight
  • fadeOutDownBig
  • zoomOut
  • fadeOutLeft
  • zoomOutDown
  • fadeOutLeftBig
  • zoomOutLeft
  • fadeOutRight
  • zoomOutRight
  • zoomOutUp
  • slideOutDown
  • slideOutLeft
  • slideOutRight
  • slideOutUp

Custom Class

Custom classes are important to make your HTML design more modular, reusable, and maintainable. We’ve the option to put custom classes on our Popup Gutenberg block.

Advance Styles Component

We have included a maximum number of CSS properties on our Styles Component. This Styles feature is so advanced that you can also customize CSS states like hover and add styles.

Third-Party Integrations

Frequently Asked Questions

Here are some of the things that pop-ups can do for your business:

  • Capture leads: Pop-ups can be used to collect email addresses, phone numbers, and other contact information from visitors. This information can then be used to market to these visitors and convert them into customers.
  • Increase conversions: Pop-ups can be used to promote special offers, discounts, and other incentives to visitors. This can encourage visitors to take desired actions, such as making a purchase or signing up for a newsletter.
  • Build loyalty: Pop-ups can also be used to build loyalty with existing customers. For example, a pop-up could offer early access to a new product or exclusive discounts.

It’s can be good or bad, depending on how they are used. If pop-ups are well-designed, and relevant to the visitor, they can be a very effective way to increase conversions, engage visitors, and build loyalty. However, if pop-ups are used incorrectly, they can be very annoying and damage a brand’s reputation.

According to a study, 70% of users find pop-ups annoying. This is because pop-ups can disrupt the user experience and make it difficult to complete tasks on a website.

Get Started Building Fantastic Blogs, News Magazine Websites, and More!

Using the Combo Blocks Gutenberg plugin, you may create the websites of your dreams.