Noah's Popups Builder

Design visually. Display with purpose.

Noah’s Popups brings visual popup creation to Drupal. Design announcements, promotional messages and calls to action with the familiar Noah’s editor, then choose where they appear, when they open and when visitors should see them again.

Built on Noah’s Page Builder, it brings your pages and popups into one visual workflow. Create your content, adjust its appearance and configure its display rules without building a custom modal from scratch.

Explore the Noah’s ecosystem | Documentation | Explore Pro options

One editor. More ways to reach your visitors.

• Build popups visually. Arrange content with Noah’s widgets and design controls, using the same editing approach as your pages.
• Keep your branding consistent. Create messages that follow your website’s colors, typography and visual style.
• Choose where messages appear. Display popups across your site or target selected pages and content types with include and exclude rules.
• Control the timing. Open a popup after page load, add a delay, or wait until the visitor scrolls a defined distance.
• Manage repeat appearances. Configure how long to wait after dismissal before showing a popup again, using seconds, minutes, hours or days.
• Manage popups in one place. Create and edit your designs from the Noah’s administration area.
• Load popup content asynchronously. Retrieve the popup content when needed through the frontend popup manager.

Useful messages for real situations

• Campaigns and promotions: highlight an offer on relevant landing pages.
• Announcements: share service updates, events or important news.
• Contextual calls to action: invite visitors to explore related content after scrolling.
• Recurring notices: show an announcement again after a configurable interval.

Start with a simple message and refine its design, placement and timing as your needs grow.

Go further with Noah’s Popups Pro

Noah’s Popups Pro extends the free module with more precise triggers, audience controls, scheduling, animations and reporting.

• Advanced triggers: open popups on exit intent, inactivity, scroll percentage or clicks on a selected page element.
• Audience targeting: configure visibility by device, anonymous or authenticated status, user roles, URL content and UTM source.
• Visit-based conditions: use minimum session time and page-view counts to refine when a popup becomes relevant.
• Campaign scheduling: set start and end dates, weekdays and daily time windows.
• Frequency limits: limit how often a popup opens for a visitor within a configurable period.
• Entry and exit animations: choose effects and duration, with an animation preview in the editor.
• Optional analytics: record popup opens, closes and clicks on a configured conversion element.

Discover Noah’s Popups Pro and check availability →

Part of the Noah’s ecosystem

Build pages and popups with a shared visual editing experience. Noah’s Popups extends Noah’s Page Builder, helping your team work with familiar widgets and controls across both.

• Noah’s Page Builder: the free foundation for designing Drupal pages visually.
• Noah’s Popups: visual popup design, display conditions and essential timing controls.
• Noah’s Popups Pro: advanced popup targeting, scheduling, animations and analytics.
• Noah’s Page Builder Pro: additional site-building tools, including visual templates, global widgets and dynamic content integrations.

Visit noahs-creator.com for documentation, extension requirements and available Pro options. Page Builder Pro and Popups Pro are separate extensions; check the current package details before purchasing.

Installation

Noah’s Popups requires Noah’s Page Builder. From your Drupal project root, install both projects with Composer:

composer require drupal/noahs drupal/noahs_popups

1. Open Extend and enable Noahs Page Builder and Noahs Popups, accepting their required dependencies.
2. If this is your first Noah’s installation, complete the Page Builder setup and consult the documentation.
3. Grant the Administer Noahs permission to the trusted roles responsible for creating and managing designs.

Choose releases compatible with your Drupal core version. Optional extensions may have additional requirements.

Create your first popup

1. Create: open Structure → Noahs → Popups at /admin/structure/noahs/popup-list, select Create Popup and give it a name.
2. Design: open the visual editor and add your content, images, buttons and layout.
3. Choose where: configure the display conditions for the pages or content types you want to target.
4. Choose when: enable a page-load or scroll trigger and adjust its delay or scroll distance.
5. Set reappearance: decide how long the popup should stay dismissed after closing.
6. Save and test: review the popup on matching and excluded pages, and check its appearance on different screen sizes.

Help keep Noah’s growing

Noah’s Popups is free and open source. Maintaining the editor and its integrations takes ongoing development, testing, documentation and compatibility work.

If Noah’s helps you deliver projects faster, purchasing a Pro extension helps fund improvements and maintenance across the ecosystem—including the free modules.

Explore Pro options and support development →

You can also contribute by testing releases, reporting reproducible bugs, suggesting improvements and sharing what you build.

Documentation and support

• Official website and ecosystem
• Documentation and getting started
• Noah’s Page Builder on Drupal.org
• Bug reports and feature requests
• Contact and custom development