Theodore Roosevelt Presidential Library Popup

Pop-ups, built here.

Banners, pop-ups, slide-ins and takeovers for trlibrary.com. Designed in the Library’s brand system, published through Google Tag Manager, with no monthly license.

4Formats
1,000+Site pages mapped
$0Hosting
MITLicense

What it makes

Four formats

Each one adapts to phones, keeps clear of the ticket alert and the chat button, and can be opened on the demo page.

Banner

Folds down from the top and moves the page with it, or folds up from the bottom.

See it

Pop-up

A panel over a dimmed page, in three sizes, with a photograph on top or to one side.

See it

Slide-in

A card that rises in the lower corner and leaves the page free to read.

See it

Takeover

Fills the window for the announcements that warrant it.

See it

How it works

Build. Copy. Publish.

  1. Build

    Pick a format and a brand combination, write the copy, and choose the pages. The preview is the real thing, at desktop, tablet and phone size.

  2. Copy

    One button copies the code. The builder supplies the tag name, the version name and the exact steps.

  3. Publish

    Paste it into a Google Tag Manager tag, preview it on the site and submit. To take it down, pause the tag.

Built to behave

Good manners included

Tickets come first

When the sell-out alert is on screen, slide-ins and bottom banners wait their turn on phones.

It knows the site

Page rules are checked against a nightly copy of the sitemap, so every rule shows exactly which of the site’s pages it matches.

Closed means closed

Close a pop-up and it stays away, thirty days by default. One pop-up per page view.

Settings, not scripts

A pop-up is a block of settings inside a tag. Only the people who publish the tag container can put one on the site.

Make one

Nothing goes live until it is published in Google Tag Manager.

Open the builder