Ask a marketing team what they want on their own website and the list is always similar: a welcome popup with a discount, a bar announcing free shipping, a countdown before a sale ends, a signup form that doesn't feel like a wall, a banner inside a category page. None of it is unusual. Yet on most sites each of those creatives is a small software project: someone writes the markup, styles it against the theme, decides when it opens, wires up its tracking and fixes it on mobile.
That was true of SegmentHub as well. Campaigns have long been targeted by real-time segments, scheduled, prioritised and frequency-capped in the panel — but the part that drew the creative on the page was JavaScript written for each customer's site. A new placement, or a new customer, meant new code. The Gallery removes that step.
Pick a template, adjust it, attach it
The Gallery is a catalogue of 26 ready-made templates in five kinds:
- Popups — a centred window over a dimmed page;
- Fullscreen — a takeover of the whole viewport;
- Slide-ins — a card from a corner, or a drawer from the edge of the page, that leaves the page usable;
- Announcement bars — at the top or bottom of the window, over the page or pushing it down, or inside your header;
- Inline banners — inside the page, in a placement you define with a CSS selector.
Opening a template gives you an editor with a live preview: texts, images from your media library, colours, sizes, position, animation, buttons and what they do, and how the design can be closed. A brand kit applies your colours, corner radius and font choice the moment a template opens, so a new design starts on-brand rather than in the template's defaults. A design you want to reuse can be saved as one of your account's own templates.
Popups and slide-ins can carry a teaser: a small tab on the edge of the page that stands in for the design until the visitor opens it, and can come back after it is closed.
The finished design is then chosen in a campaign, exactly where image and HTML variations were chosen before. Everything a campaign already had still applies: the platforms, the events it answers, the attribute and segment rules, the start and end dates, the priority, the frequency cap and the variations.
One design, three screen sizes
A design has a base layout and its own adjustments for tablet and mobile: a narrower width, a popup that becomes a sheet at the bottom of a phone screen, an image hidden on small screens. A design can also be switched off for one device class entirely, and the campaign's next matching variation then takes the place. The preview switches between the three, so what you approve is what each visitor gets.
Shown when it is useful
Popups, slide-ins and bars open on a display trigger chosen on the campaign:
- immediately, or after a delay that counts only while the tab is visible;
- at a scroll depth;
- on exit intent — the pointer leaving through the top of the window; touch screens have no pointer, so there a quick upward scroll or a fallback delay stands in;
- after a period of inactivity.
Two details matter more than they look. The frequency cap is now counted when a design is actually seen, not when the campaign is selected for the page — a popup waiting for exit intent that never appears no longer uses up its cap. And a campaign can stay quiet for a number of days after a visitor has closed it, clicked it or submitted its form, so nobody is asked twice for an address they just gave you.
Each placement shows one campaign at a time, by priority, so two popups never open together, while a bar and a popup in different placements can.
Forms, coupons and countdowns
A design is built from blocks, and some of those blocks do real work:
- Countdowns to a fixed moment, to the campaign's end date, or a number of minutes from this visitor's first view. When one runs out it can hide itself, hide the design or show a message.
- Coupons with a copy button. A code can be typed into the design, or each visitor can receive a code of their own from a pool you upload.
- Signup forms for email, phone and name. Each field is written to the visitor's own profile, and a ticked consent box is recorded together with the wording the visitor agreed to. An address alone is not permission to send, and someone who opted out earlier stays opted out. Form fields are never copied into events or analytics.
- Personal greetings from the visitor's profile, with a fallback for people you don't know yet — "Welcome back, Ada" or "Welcome back, there".
- Product recommendations picked for the visitor by the recommendation engine, inside the popup, slide-in or banner.
Spin-to-win and scratch cards
Popups, fullscreen designs and slide-ins can also hold a game: a wheel or a scratch card, often behind an email field. For a game to be fair, the browser must not decide the outcome. The visitor's browser is sent only what it has to draw — the names and colours on the wheel, never the odds or the codes. The prize is drawn on SegmentHub's side, once per visitor; asking again returns the same result. A prize can hand out a unique code from a coupon pool, and a pool's daily limit bounds what any one day can give away.
Measured where you already look
Every design reports its outcomes the same way, wherever it runs: views (at least half of it visible for a second), opens from a teaser, clicks (with the button that was clicked), closes (with how it was closed), form submissions and plays. They count in the campaign report, and each design has its own report by day, by device class and by the campaigns that use it.
The same outcomes become SegmentHub events, so they work like any other behaviour: "everyone who closed the autumn popup" can be a segment, and an event action can tag the people who clicked. Each outcome can be switched off if you don't want it stored.
They also go to Google Analytics 4 through whatever the site already has — gtag() or the GTM dataLayer — using GA4's own promotion vocabulary: view_promotion, select_promotion, close_promotion and generate_lead. The names can be changed per account, GA4 can be switched off, and the visitor's profile ID is never sent.
Nothing new to install
There is no new snippet. The SegmentHub tag already on your site recognises a Gallery campaign and loads the on-site code only on pages that have one, so pages without a design pay nothing extra. Before a campaign goes live, a preview link shows a design on your real site.
Designs are drawn inside their own isolated layer (Shadow DOM), so your theme's CSS can't break them and theirs can't leak into your page. Texts are inserted as text, never as code, and images come from your own media library. Dialogs trap and return keyboard focus, close with Escape when the design allows it, and animations stop for visitors who ask their device for reduced motion. And campaigns that are evaluated on a visitor's data respect the personalization consent the visitor gave — see Consent & Privacy.
Where this sits in SegmentHub
The Gallery is part of the Media Server, which delivers every on-site campaign — inline placements as well as overlays — to the segments SegmentHub keeps up to date in real time. The full list of kinds, triggers and blocks is on the On-site Marketing page.