You know what they say: there's always a module in Drupal for... pretty much any type of functionality you might need!. And pop-up messages are no exception! You have a whole “arsenal” of modules for building popups in Drupal, each one of them “specialized” in providing you with a certain type of “refinement” or  set of particularities that you might need to leverage on your site.

You might want to trigger a pop-up taking the form of:
 

  • an announcement displayed in an overlay
     
  • a redirect pop up message
     
  • or maybe you simply need a pop-up opening up a form
     

There's a dedicated module to suit any type of site-specific expectation you might have.

And now, without further ado, let us “unfold” before you eyes the list of 5 useful modules for building popups in Drupal:
 

Popup

It's not without premeditation that we've put this particular module on top of our list. In terms of pop-up building “tools” in Drupal the Popup module can easily get perceived as an entire “toolkit” at your disposal!

Therefore, it's much more than just a stand-alone module, but rather a “cluster” of sub-modules, each one of them adding its own functionality to the whole suite. 

As a whole, it helps you (your team of Drupal site builders) trigger menus, nodes, blocks, forms, php-generated content and views as pop-ups.

Taken individually, these sub-modules are:
 

  • Popup descriptions: turns item descriptions into popups
     
  • Popup filter: puts an input filter at your disposal, one turning popup tags into popups in filterable content
     
  • Popup: delivers a couple of basic popup styles and the basic popup framework, as well
     
  • Popup block: the one “responsible” for the block configuration options (the ones that make every turning of a block into a popup possible) 
     
  • Popup menu: which, as you surely can already guess, provides the needed blocks of popup menus corresponding to each menu within your system 
     
  • Popup UI: “dealing with” all the display formats, integrating node-reference fields and handling cck, as well 
     

Take the Popup module as some sort of “Swiss army knife” standing out from the group of modules for building popups in Drupal. Just name a pop up-related functionality that you need to leverage on your site and this suite of sub-modules is ready to provide you with!  
  

Popup Message

It's the answer to your “How can I display a pop-up messages, one per each browser session, to my Drupal site visitors?”.

And here's how you configure it so you can “harness” its functionality:
 

  1. you navigate to admin/settings/popup_message where you define your message's body and title
     
  2. next you navigate to admin/user/permissions in order to set your permissions 
     

Note: if it's a Drupal 8-powered site that you own/administer, then you should know that the team of developers behind this module is working hard on its migration to Drupal 8 as we speak.

In short: is patience one of your virtues?

5 Modules for Building Popups in Drupal: The Popup Message Module
 

Pop-Up Question Redirect 

Here's another module that shouldn't miss from your “toolbox” when you need to display a pop-up window to your Drupal site's visitors!

You get to leverage its functionality for:
 

  • informing them about a certain promotion running on your website
     
  • getting them to complete a survey
     
  • putting a certain (new) page or section on your site into the spotlight!
     

The moment the user clicks on the “Yes” button included in your pop-up window, he/she will get automatically redirected to that specific page that you're trying to draw his/her attention to!

And speaking of them, your visitors, here are the 3 user-oriented functionalities that this module provides:
 

  1. The “Yes” function, which guides your visitors to the page that your pop-up is targeting
     
  2. The “No, remind me later” function, which will trigger the pop-up window, once again, after a certain amount of time
     
  3. The “No, don't show this again” function, which blocks the pop-up
     

As for all the needed configuration “backstage hocus pocus” that you need to make in order to fully “exploit” this module's functionality, it's actually just a 3-step procedure:
 

  1. Just define your popup title and message
     
  2. A textfield where you need to enter a redirect link
     
  3. Set the time for the “remind me later” functionality
     

Note: you even get “spoiled” with a more-than-useful “extra” functionality, that of being able to exclude certain user ip's; this way you decide which ones of your visitors shouldn't be “bugged” with your pop-up message.

5 Modules for Building Popups in Drupal: The Pop-Up Question Redirect Module

 

Popup Forms, One of the Key Modules for Building Popups in Drupal 

First things first: you should know that this module doesn't “trigger” any pop-ups itself, instead what it DOES do is provide API for themes or/and modules!

So, it displays any given type of Drupal form as a popup, via an jQuery UI dialog. Compared to other “kindred“ modules, the Popup Forms module does not display any type of popping-up content except FORMS.

This being said, let's see which are the key features that you'll want to use:
 

  • It can easily integrate multi-step forms
     
  • It enables you to set up various parameters to your form callback
     
  • It can pop up https forms from non-secure pages, too
     
  • As aforementioned: it uses a jQurery UI dialog for displaying your pop-up forms
     
  • Once your forms are successfully submitted, you gain unlimited access to the $form_state from Javascript
     

Note: you'll need the jquery.postmessage plugin for “harnessing” this module's power on your Drupal site!
 

Pop-Up Announcement

It's the handy tool to rely on whenever you have an announcement to make; whenever you need to establish this type of interaction with your website visitors.

Basically it enables you to communicate with them via pop-up announcements displayed in overlays.

And it's you who'll determine on which ones of their visits on your site these pop-ups should appear (on their first visits, their third, their fifth; it's you who'll define this parameter).

Moreover, you even get to determine which is that specific page on your site that your announcement should pop-up on, as well!

In short: when you say Pop-Up Announcement you say “utter flexibility”! Basically you get to customize your pop-up interaction with your users the way you like it!

And now, just a quick overview of its most “tempting” functionalities:
 

  • The pop-up announcement shows up in an overlay
     
  • You'll get your own admin page, your own “control tower” where you get to manage all your announcements
     
  • Your announcement pop-ups can be written in html, too
     
  • As already mentioned here: you get to define on which ones of your users' visits your announcements should get triggered; and it's on your dedicated configure page that you get to make all these key set ups.
     
  • And speaking of functionalities and parameters that you're empowered to define yourself: you even get to set up a specific visibility for each one of your announcement messages; for instance you can have different degrees of visibility on different sections of your site
     

Note: OK, so you're granted tones of flexibility and power of customization, but there still are some limits, as well. 2 actually: you can't set more than one announcement pop up per page or more than one pop-up per user visit!

As for the configuration part, just navigate to admin/config/popup_announcement/list and make all the right selections and set ups for tailoring your announcement pop-ups to your site's needs!

It looks like our list of useful modules for building popups in Drupal ends here! Do you happen to have other “favorites” that haven't made it to our list?

Which one of the 5 modules mentioned here do you find most effective, most feature-rich and helpful for your own team's pop-up building “tasks”?

Recommended Stories

Bringing Gutenberg to Drupal: A Modern Admin UI, a Better Editing Experience in Drupal 8
It's a robust, flexible and admin feature-packed CMS, there's no point in denying it. And yet: Drupal (still)… (Read more)
Adriana Cacoveanu / Aug 17 '2018
How to Get Gatsby to Work with Drupal: Building a Gatsby Site with a Decoupled Drupal Back-End
Just imagine: putting together the powerful UI creation tools of a static site generator — more of a modern front-… (Read more)
RADU SIMILEANU / Aug 13 '2018
3 Essential Steps to Convert Your Website to a Progressive Web App
Thinking to convert your website to a progressive web app? And why shouldn't you? Since the benefits are obvious… (Read more)
Silviu Serdaru / Jul 24 '2018