Popup & Modal Pro

Popup & Modal Pro puts popups on your HubSpot pages without a developer or a separate popup tool. Drop the module into a page and it becomes one popup: a welcome offer after a few seconds, a sign-up when a visitor heads for the tab bar, a webinar recording that plays over the page, a launch that takes the whole screen. Content, triggers, rules and every word on screen are fields in the page editor.

A popup opens by a click or on its own. Any link to #your-popup-id opens it, from rich text, a menu or another module's button. So does any element matching a CSS selector you enter, or the module's own trigger button, placed where the module sits or floating in a corner. It can also open after a delay, after a set time spent reading, at a scroll depth or when a chosen section comes into view, on exit intent, after a quiet spell with no input, or from a URL parameter such as ?popup=spring, so an email or an ad can land a visitor on the page with the offer already open.

Choose the layout: a centred modal, a split panel with an image on either side, a full-screen takeover, a slide-in from any corner, a bar at the top or bottom of the page, a side drawer, or a video lightbox. On phones a modal, split, drawer or video can become a bottom sheet the visitor swipes away. Inside the popup go an icon or an image, an eyebrow, a heading, text, a HubSpot form, buttons, a coupon code with a Copy button, a countdown and a "No thanks" link.

Automatic showings follow the rules you set: every page view, once per visit, once every so many days or once ever, a cap on the total, and nothing more after the visitor signs up, clicks your button or copies the code. Target desktop or phones, new or returning visitors, and wait for a set number of page views or seconds into the visit. A click always opens the popup, whatever the rules say, because the visitor asked for it. Place several on one page, or in a global group, and they form a queue: one popup on screen at a time, ordered by the priority you give each.

Every colour, size, spacing, radius, shadow and animation is a field on the Style tab, and every interface string is a field on the Content tab, so the popup can be restyled and translated in full. The accent colour and both fonts come from your theme settings. In the page editor the popup shows open and in place, so you edit what visitors will see, and it never covers the editor or locks its scroll.