Generate responsive, targeted banners for TargetConnect using Velocity logic.
Universal Edition 2.0
🛠️ Rule Builder
The Fallback (Default Banner)
What should users see if they don't match any tags above? Leave headline blank to show nothing.
Primary
BG
Text
👀 Live Preview
✖
Mike's Custom Pane Maker: Instructions
This tool generates responsive HTML banners with smart Velocity logic to personalize student content in TargetConnect based on their tags. All templates use hardened, table-based layouts to prevent TargetConnect's global CSS from breaking your buttons!
1. Setting Audience Rules (AND logic)
This tool creates IF / ELSE IF / ELSE logic. This means rules are checked in order from top to bottom. The first rule that matches the user's tags is the only one they will see.
Target Tags: Type comma-separated tags into the field. This rule operates as an "AND" condition. For example, typing Business School, Final Year means the student must have ALL of those tags to see that banner.
Case-Sensitivity:IMPORTANT: Tag checks are case-sensitive. Make sure you type them exactly as they appear in TargetConnect (e.g., 'Business' will not match 'business').
Limits: While the tool can handle many rules, try limiting to ~15 distinct groups for optimal system performance in TargetConnect.
2. Choosing a Style & Colors
Five distinct templates are available from the dropdown. Colors will auto-adapt to templates, but you can control them:
Modern: Clean box with soft shadows. Great for standard announcements.
Notice (Important Notice): Bold border styling for urgent deadlines.
Professional: Crisp, squared edges for corporate/academic announcements.
Gradient: Creates a sweep between Primary and Grad 2. A popular choice for a modern feel.
Custom Image Banner: Paste a link to a graphical banner in the "Image URL" field. The tool will render the image responsively and place buttons underneath. Note: Leave headline blank to only show the image.
3. The Fallback (Default Banner)
The Fallback (Default Banner) card is the final condition. Students who do not have any tags matching the dynamic rules above will see this standard banner. Leave the headline field blank if you prefer that nothing is shown by default.
4. Buttons & Links
You can add up to three buttons. For each, use the dropdown to select common, internal TargetConnect "Leap Links" like Appointments, Events, or Jobs. Select "Custom URL..." to type in your own internal page or external website link.
5. Getting and Using the Code
Once your rules are set, look at the 👀 Live Preview. Finally, click the 📋 Copy Velocity Code button and paste the entire output into the HTML Editor pane within a Custom Pane configuration on the TargetConnect staff dashboard.