Open-Time Email Banners Guide

A complete guide on how to create and embed personalized open-time banners for any third-party email platform. Learn to design dynamic content that adapts in real-time based on the recipient's location, weather, account status, or industry at the moment of open.

Start Now
Start Here
Steps & Prerequisites
Design & Targeting
Rules & Conditional Content
User Recognition
Linking Site Data to Email
Get Embed Code
Merge Tags & Installation
QA & Preview
Test Targeted Rules
Performance Stats
UTMs & Conversions
Example: Retail
Full Lifecycle Flow
Example: B2B/SaaS
Account Status Flow

How to Guide: Open-Time Email Banners

This process allows you to embed a dynamic HTML banner into any third-party email template. Unlike standard static images, these banners change based on who opens the email and when they open it. To begin, select the "Add Personalized Banner to 3rd Party Emails" wizard.

Technical Explanation: You design a banner template in Personyze (using AI or WYSIWYG). You then set targeting rules (e.g., "Show Image A to VIPs, Image B to New Users"). Personyze generates an HTML snippet which you paste into your email provider. When the recipient opens the email, the image is rendered in real-time based on their data.

Prerequisites

To deliver targeted banners, you must have:

  • Tracking Code: The Personyze tracker installed on your site to capture user behavior and location.
  • User Identification: A method to link the email recipient to their onsite profile (e.g., passing ?utm_email=user@test.com on click or capturing login data).
  • Data/Feed (Optional): Required only if you want to pull product images dynamically; otherwise, static images work fine for banners.

Real-World Examples

  • Location-Based: If the visitor is from New York, render a banner showing the Empire State Building with a "Meet us in NYC" text overlay.
  • Industry-Based: If the user is flagged as "Healthcare" in your CRM, show a banner featuring a medical case study instead of a generic product.
  • Account Status: If the user is a "Free Tier" subscriber, show a "Upgrade to Pro - 20% Off" banner. If they are already "Pro," show "New Features Released."
  • Weather-Based: If it is currently raining in the user's location, show a banner promoting umbrellas or raincoats.

Step-by-Step Summary

  1. Select Wizard: Choose the "Add Personalized Banner" option.
  2. Design: Create your banner layout (Hero image, CTA button, Text).
  3. Target: Define rules (City, Industry, Account Type) to swap content elements.
  4. Identify: Choose how to recognize the user (Email/CRM ID) so the targeting rules apply.
  5. Embed: Get the code, populate it with dynamic variables (Merge Tags), and paste it into your email.
  6. Analyze: Track views, clicks, and post-click conversions.

Design & Conditional Targeting

The power of open-time banners lies in Conditional Content. You can change any aspect of the template look and content based on user data.

1. Design the Template

Use the WYSIWYG editor or AI tools to build the base structure of your banner. Ensure it is responsive and matches your brand guidelines.

2. Apply Targeting Rules (Use Cases)

Define logic to personalize the experience. Examples:

  • By Location: "If visitor is from New York, show the 'Empire State Building' background image."
  • By Account Type: "If user is Free Tier, change the CTA text to 'Upgrade to Pro'."
  • By Industry: "If user is from Healthcare, show the 'Medical Case Study' banner."

Note: If no rules match, a "Default" banner is shown. This is also useful if you just want to embed a banner for remote content control and tracking without personalization.

User Recognition & Data Sync

For the targeting rules (City, Industry, etc.) to work, Personyze must know who is opening the email.

Requirement: Site Data Grab

The Email or CRM ID passed in the email link must match a user profile in Personyze. This means you must have Personyze set to "grab" the user's email/ID during their site visits (via login forms, URL parameters, or cookies).

Recognition Options

  • Email / CRM ID: The standard method for 1:1 personalization. Allows targeting based on individual history and attributes.
  • None (Anonymous): If you do not pass an ID, the banner will display the Default design. This is still valuable for:
    • Remote Control: Update the banner image from Personyze without changing the email code.
    • Performance Tracking: Track views and clicks centrally.

Get & Embed the Code

Once your design and rules are set, generate the HTML snippet.

1. Copy the Code

You will receive an HTML block containing dynamic image links. These links point to Personyze servers to render the banner at open time.

2. Populate Dynamic Variables

To enable personalization, you must dynamically populate the code with the recipient's email address using your Email Provider's Merge Tags.

Implementation:
Find the placeholder email=REPLACE_ME in the code.
Mailchimp: Change to email=*|EMAIL|*
Klaviyo: Change to email={{ email }}
Salesforce: Change to email=%%emailaddr%%

QA & Preview

Verify your targeting logic before sending the campaign.

Simulation Step

  1. Go to the QA Step in the wizard.
  2. Insert a specific User Email or CRM ID.
  3. Personyze will generate a preview of the banner exactly as that user would see it.

Test Case: Enter the email of a known "Healthcare" client. Does the banner switch to the "Medical Case Study" image?

Performance & Analytics

Personyze tracks the full funnel starting from the email open.

Tracking Features

  • UTM Parameters: In the template editor, you can wrap every link with unique UTMs (e.g., utm_campaign=winter_sale_banner) to pass data to Google Analytics.
  • Personyze Dashboard: View internal metrics including:
    • Views: Number of times the banner was loaded.
    • Clicks: Number of clicks on the banner.
    • Conversions: Goals achieved (purchases, signups) during the session after the visitor clicked the email.

Example: Retail / E-Commerce Banner

A "Flash Sale" banner that adapts to the user's location and purchase history.

Step 1: Visitor Activity

Visitor Mike (mike@example.com) visits your site from London.

  • Data Captured: Location (London, UK), Weather (Rainy), Last Category Viewed (Jackets).

Step 2: The Email Campaign

You send a generic "Weekly Update" email to your entire list.

Step 3: Open-Time Rendering

Mike opens the email. The Personyze Banner Widget checks his profile.

The Banner Displays:
A Hero Image featuring Raincoats with the text "Stay Dry in London!" (Rule: Location + Weather).

Step 4: Performance Metric

Mike clicks the banner.

  • Metric: "Banner Click" is recorded.
  • Metric: "Purchase" is attributed if Mike buys a raincoat in that session.

Example: B2B / SaaS Banner

Targeting users based on their Account Status (Free vs. Pro).

Step 1: Visitor Activity

User Jane (jane@company.com) logs into your SaaS platform.

  • Data Captured: Account Status = "Free Tier", Industry = "Marketing".

Step 2: The Email Campaign

You send a monthly "Product Newsletter".

Step 3: Open-Time Rendering

Jane opens the email.

The Banner Displays:
A high-contrast banner saying: "Unlock Pro Features for Marketing Teams - 20% Off Today". (Rule: Account Status = Free AND Industry = Marketing).
(Note: A "Pro" user opening the same email would see a banner for "Advanced Tutorials").

Step 4: Performance Metric

Jane clicks and upgrades.

  • Metric: "Goal Conversion" (Upgrade) is tracked in the Personyze Dashboard.

Frequently Asked Questions

How does the email banner change in real-time?
The banner is an HTML image link pointing to Personyze servers. When the email is opened, we check the user's profile or context (e.g., location) and generate the correct image instantly. This means the content is decided at the moment of open, not when you hit send.
Do I need to change my email template for every campaign?
No. Once you embed the Personyze code into your template, you can change the banner image, text, or targeting rules directly from the Personyze dashboard. The email content will update automatically without you needing to edit the HTML code again.
Can I target based on the weather?
Yes. Personyze can detect the location of the user opening the email (via IP) and check the local weather. You can set rules like "If Raining, show Umbrella Banner," effectively personalizing content based on the user's immediate environment.
What happens if Personyze doesn't recognize the user?
If the user ID is missing or the user is unknown, Personyze will display the Default Banner you designed. This ensures no broken images appear and allows you to still use the banner for general announcements.
Does this work on mobile?
Yes. The templates created in the Personyze editor are responsive. The image generation adjusts to ensure the banner looks correct on both desktop and mobile devices.
Can I use animated GIFs?
Yes. You can upload GIFs as your banner creative. This is particularly useful for Countdown Timers (e.g., counting down to the end of a sale), which are generated live at open time.
How do I link the banner to specific pages?
In the Design step, you define the Destination URL for the banner. You can also make this dynamic—for example, if the banner shows a specific product category, the link will direct the user to that category page.
Can I use CRM data to target the banner?
Yes. If you sync CRM data (like "Industry," "Account Status," or "Gender") with Personyze, you can create rules to show different banners to different segments (e.g., "Show B2B Banner to 'Manufacturing' clients").
Do I need to be a developer to set this up?
No. The entire process uses a step-by-step wizard. You design the banner using a visual editor, set rules using dropdown menus, and then simply copy-paste the generated code into your email provider.
How do I test if the rules are working?
Use the QA & Preview step in the wizard. You can enter a specific email address (e.g., a test user from a specific city) and see exactly which banner variant renders for them.
Does this work with Mailchimp / Klaviyo / Salesforce?
Yes. The output is standard HTML that works with almost all major Email Service Providers (ESPs). You just need to swap the placeholder in the code with your ESP's specific merge tag (e.g., *|EMAIL|*).
Can I A/B test different banners?
Yes. You can set up an A/B test within Personyze to serve two different banner designs to the same audience segment and track which one generates more clicks or conversions.
What metrics can I track?
Personyze tracks Views (how many times the email was opened), Clicks on the banner, and Conversions (purchases or goals completed on the site after clicking).
Can I overlay text on the banner image?
Yes. The WYSIWYG editor allows you to add text layers over your background image. This text allows you to include dynamic variables like the user's name or a coupon code directly in the image.
Does the banner expire?
You can set schedule rules in Personyze. For example, you can set a banner to stop showing after a specific date (e.g., "Sale Ends Friday"). If a user opens the email after that date, they will see the fallback/default banner instead.