Skip to main content

Campaign Layouts

Updated over a week ago

Understanding Campaign Layouts

Triggerbee offers multiple campaign layouts to help you deliver the right message at the right time. Each type is designed for different goals, placements, and user experiences.

You select what layout to use in the Campaign Editor in your Canvas, under the General Tab. Here’s a breakdown of the main campaign layouts you can use:

  1. Popup

  2. Panel

  3. Callout

  4. Embedded

  5. Fullscreen

  6. Edge

  7. (Minimized)


1. Popup

What it is:

A center-screen popup appears above your website content, with a semi-transparent overlay.

Best for:

  • Newsletter signups

  • Time-limited offers

  • Exit-intent messages

Pros:

  • Very attention-grabbing

  • High conversion rates

Considerations:

  • Can be disruptive if overused — best with clear targeting

Tip:

  • Use popups in combination with a minimized step, to allow your visitors to minimize the offer for later.

  • Use Transition Animation to make the popup "slide in" instead of "popping".

  • Use concise copy and a single call-to-action

  • Always include a close button

  • Consider using delay or scroll triggers to avoid disruption


2. Panel

What it is:
Sticky banner that spans 100% width at the top or bottom of the page. A full-width bar that stays visible as users scroll. Panels are ideal for making announcements without interrupting browsing.

Best for:

  • Announcements or promo codes

  • Ongoing sales

  • Site-wide promotions

Pros:

  • Subtle and non-intrusive

  • Always visible while browsing

Considerations:

  • Limited space for content

  • Sometimes gets in the way of add-to-cart buttons or help centers.

Tips:

  • Use contrasting background colors to make it stand out

  • Include a strong CTA (e.g., “Shop Now” or “Learn More”)

  • Test top vs. bottom placement for performance


3. Callout

What it is:
An overlay that appears above your website content, in any of the corners of the website, usually the bottom left or right.

Best for:

  • Nudge messages or reminders

  • Product suggestions

  • Upsells or cross-sells

  • Personal greetings

Pros:

  • Doesn’t interrupt reading

  • Less intrusive

Considerations:

  • Easier to miss than a popup

  • It can get in the way of add-to-cart buttons or help centers, so make sure to position it wisely.


4. Embedded

What it is:
A campaign embedded into the page layout (like a content block or inline message). A campaign that’s part of your page content — perfect for a native feel.

Best for:

  • PDP Promotions

  • Discount code reminders in Checkout

  • Footer Newsletter sign-up forms

  • Surveys after purchase

  • Rolling Top Panel in header

Pros:

  • Blends into the user experience

  • An easy way to switch the content on the site depending on the visitor

  • Non-intrusive (good for Google interstitial scoring)

  • No risk of interrupting user flow

Considerations:

  • Requires knowing where to place it in your site layout


5. Fullscreen

What it is:
The most immersive campaign type — a full-screen takeover that blocks the page behind it.

Best for:

  • Major promotions

  • Limited-time events

  • Age verification or critical notices

Pros:

  • Maximum attention

  • Great for one-time use

Considerations:

  • Can impact bounce rate if not timed or targeted well

  • Very intrusive, use with caution and make sure that the offer is to good to be refused.


6. Edge

What it is:
A slim “teaser-style” banner that stays fixed to one side of the screen. It's subtle, yet always visible.

Best for:

  • Teasing new features or promos

  • Expanding into a larger campaign on click

  • Gentle reminders without taking up much space

Tips:

  • Use a short hook or icon

  • Can expand into a larger campaign layout (like a Popup or Callout)

  • Great for always-on campaigns


7. Minimized

What it is:

Minimized campaigns are similar to Edge but are sticky in the corners. They are not a Layout type, but rather a state of a step in the widget. They’re often used as a minimized state for Popups, allowing users to close or collapse a campaign and return to it later.

Best for:

  • Reopening popups

  • Ongoing nudges

  • Providing a "reminder" without being intrusive

Tips:

  • Use an icon or short message ("Need help?", "Get 10% off")

  • Automatically minimize after a user closes a Popup

  • Ideal for retaining campaign access without taking up screen space


Choosing the Right Campaign Layout

When deciding which layout to use, ask:

  • How much attention do I want to grab?

  • Do I want a subtle or bold presentation?

  • What kind of content am I promoting?

You can also mix campaign types throughout the customer journey — for example, use an Edge to tease a Popup, or combine an Embedded campaign with a Panel announcement.

Did this answer your question?