TRPL Popup Builder

Pick a format

Choose how the message appears. The preview on the right updates as you go.

Size

Which corner?

Give it a name Only your team sees this. It labels the pop-up in Google Tag Manager and in reports.

More options

Reference name Filled in for you from the name and the month. It identifies this pop-up in reports, so use a new one for every new pop-up. Clicking outside the panel closes it

Write the message

Short works best: a headline, a sentence and one clear button.

Headline Text (optional)

Picture (optional)

Web address of the picture Upload the picture to the website or the photo library first, then paste its address here.

Describe the picture Where it sits

Button

More options

Small line above the headline Leave the picture out on phones

Email sign-up form (experimental)

Constant Contact form ID Not yet proven on the live site. If the form does not appear, the button below shows instead.

Back-up link Back-up button text

Choose the look

These are the Library’s approved color combinations. Pick one.

Choose colors one by one

Where and when

Decide which pages show it, when it appears, and how often.

Where should it appear?

When should it appear?

On which devices?

Between which dates? (Mountain Time)

Start showing (optional) Stop showing

A stop date means a forgotten pop-up takes itself down.

How often can one person see it?

If they close it If they click the button

More options

Only on certain days or hours

From Until

Check a page

Add a page rule by hand

Only for certain arrivals

For example, only people who followed a newsletter link.

A second set of rules

Use this when different pages need different timing. The pop-up shows when any one set is satisfied.

If two pop-ups compete

Importance (0 to 99, higher wins)

Let Google Tag Manager decide the timing

A trigger in Google Tag Manager fires this pop-up For pop-ups tied to a form submission, a click, or another event that only Google Tag Manager can see.

Publish it

Pop-ups go live through Google Tag Manager. Nothing changes on the website until it is published there.

The second button copies the code together with the instructions below, ready to paste into an email or a message.

What to do in Google Tag Manager

Name for the tag

Name for the version when you submit

Show the code

To change this pop-up later, use “Open an existing pop-up” and paste this code back in.