ZINFI UPM GuideMulti-Touch Campaign Management for Partner Portal Administrators

01

Introduction

ZINFI's Multi-Touch Campaign Management is a ground-breaking addition to ZINFI's Unified Partner Management (UPM) platform, enabling customers and their partners to create multi-touch functionality for marketing campaigns they wish to be executed by their partners. Multi-Touch's canvas user interface with drag-and-drop functionality is essential for creating quick and effective marketing initiatives.

Campaign Setup & Management

Using ZINFI's Multi-Touch Campaign Management, your organization can set up diverse content and a variety of campaign tactics so that your partners can run single-touch or multi-touch co-branded campaigns using a SMART campaign flow. Partners can easily edit and update the campaign components that the Admin has configured.

Multi-Touch allows you to set up new marketing campaigns for your partners, quickly edit existing campaigns, and associate them with marketing tactics like email, microsite, web syndication, search, and social. Setup Validation (utilizing color codes) of drag-and-drop multi-touch Components provides an enhanced UI/UX that speeds up configurations and execution of Multi-Touch Campaigns.

Add/Edit a Campaign form showing Campaign Name, Solution Offered, Audience and Execution Type fields
Campaign Information form — Add/Edit a Campaign page
Campaign setup and management
Visibility configuration
Association of various tactics
Partner Assignment and Update

Multi-Touch Engagement Workflow

With Multi-Touch, it is easy to define the flow of a multi-tactic, multi-touch campaign. You can create a multi-touch drip campaign with pre-configured tactics and assets, and then your partners can easily customize the campaign workflow for use in various marketing activities.

Multi-Touch Campaign Management allows you to create multiple flows within a specific campaign using a combination of tactics and assets. Partners can select the tactics and assets that best match their business requirements. You can also define the duration of each flow for the system to ensure campaigns are completed within the specified time frame after the launch of the first tactic.

Multi-Touch canvas showing Assigned to Run / Installed to Run view tabs
Multi-Touch campaign flow — partner-facing view
Drag-and-drop campaign setup
Campaign duration management
Tactic association with triggers and schedule
Preview, Copy and Launch

Campaign Customization & Launch

Using ZINFI's Multi-Touch Campaign Management, partners can choose from the available campaign workflows created and assigned by the vendor to match their unique business approach and requirements. Channel partners can further customize each workflow with their own marketing assets. Drag-and-drop functionality makes customization easy and encourages partner engagement.

Dynamic Forms can be further integrated with marketing tactics — customized Campaign Pages are executed to the end-user. The Dynamic Form helps you reach out to prospects and capture valuable information through the Form directly, syncing the record(s)/information to the specific UPM application.

Add/Edit Multi-Touch Form page showing Dynamic Form integration
Campaign Customization — Dynamic Form integration
Campaign workflow customization
Inbound/outbound flow integration
Auto response logic scheduling
Configurable Dynamic Forms
02

Campaigns — Manage Campaigns

Accessing and Viewing Campaigns

  1. Click Market on the top menu.
  2. Click Multi-Touch > Campaigns from the left menu bar.
UPM navigation with Market selected and Campaign Library sidebar open
Market top menu — Campaign Library navigation
  1. Clicking Campaigns from the left menu bar takes you to the Campaign Library (View Campaigns page), where all listed campaigns are displayed in either List View or Thumb View format.
View Campaigns page in Thumb View showing Server Widget, Wireless Widget, Firewall Widget and Mobile Widget campaigns
View Campaigns page — Thumb View format

Campaign Library

The Campaign Library allows you to execute campaigns with tools attached to it. The page consists of Campaigns for execution to end-users by OEMs/Partners.

  1. Click:
    • Add — To create a new campaign.
    • Sort By (dropdown arrow in the Select box) — To sort campaigns by Campaign Name, Created On, or Modified Date.
Sort By dropdown expanded showing Sort By, Created On, Modified On, Campaign Name options
Sort By dropdown — Campaign Library
  1. Sort Order — Clicking Sort Order in the View Campaigns page allows you to arrange campaigns via drag-and-drop. Click Save to save the configured order.
NOTE

The configured Sort Order view applies to all users in the portal.

Sort Order List popup with draggable campaign rows — Server Widget FlexiTouch, Wireless Widget BYOD, Firewall Widget, Mobile Widget
Sort Order List — drag-and-drop to reorder campaigns
  1. Click:
    • Assigned to You — To see campaigns assigned to you.
    • Created by You — To see campaigns created by you.
  2. Click either List View or Thumb View to change the visual arrangement of campaigns.
    • List View — Displays campaigns in a list format. The Execution Type (Single Touch or Multi Touch) is shown in this view.
View Campaigns page in List View showing Server Widget FlexiTouch (Multi Touch) and Wireless Widget BYOD (Single Touch) with Edit, Visibility Configuration, Delete and Get Started buttons
Campaign Library — List View with Execution Type display
  • Thumb View — Displays campaigns as thumbnail cards. Click the four-dot menu on the top right of any campaign card to access Edit, Visibility Configuration, Delete, and Get Started options.
Thumb View showing campaign cards with a dropdown menu open showing Edit, Visibility Configuration, Delete, Get Started options
Campaign Library — Thumb View with context menu
  1. Click Visibility Configuration — To specify the visibility criteria of the campaign (Country, Language, and Assign to User/Group). Once the popup opens, choose your Countries, Languages, and Assignees, then click Save.
NOTE

Checking Select All under Countries or Languages auto-selects all options. If any individual item is unchecked, the Select All checkbox becomes unchecked automatically.

Visibility Configuration popup showing Countries and Languages with Select All checkboxes and Assignment History table
Visibility Configuration — Countries, Languages, and Assignment
  1. To search for a specific campaign, use the Filter option. Click the icon with three parallel lines to open the Filter pane. Click the X icon to close it.
Filter button icon
Filter button
  1. Campaigns can be filtered by:
    • Campaign Name — Enter the name of the desired campaign.
    • Execution Type — Choose Single Touch or Multi Touch.
    Click Apply to show filtered results. Click Clear to reset filters.
Filter panel with Campaign Name, Execution Type (Single Touch / Multi Touch) and Tools filter rows
Filter panel — Campaign Name and Execution Type filters

View Campaign Details

  1. Click the name of any campaign to open its details page.
View Campaigns page in List View with Server Widget FlexiTouch Campaign name highlighted
Click a campaign name to open its details
  1. The View a Campaign page displays all details of the selected campaign.
View a Campaign page showing Campaign Information fields — Campaign Name, Solution Offered, Published Date, Execution Type, Banner Image, Description, Interstitial Page Content — with Quarters, Social Syndication, Microsites, Events and Emails sections collapsed
View a Campaign — full details page
  1. The action buttons at the top of the page are:
    • Edit — Update the existing campaign.
    • Delete — Remove the campaign from the Campaign Library.
    • Visibility Configuration — Associate countries, languages, and user/group assignments to the campaign.
    • Get Started — Open the campaign setup and launch page to choose a tactic, set it up, and launch it.
    • Manage Multi-Touch — Manage multiple tactics at the same time within this campaign.
  2. The View Campaign page contains the following related sections:
    • Quarters — Click Add to create new quarters and associate them with the campaign. Edit with the pencil icon; delete with the trash icon.
Quarters related list showing Action and Quarter columns with FY24Q1 and FY23Q2 rows
Quarters section — associate fiscal quarters to a campaign
  • Social Syndication — Click Add to create a new social syndication page and associate it with the campaign. Connect to Facebook, LinkedIn, and Twitter via UPM and sync data from social accounts. The list shows Social Post Name, Post Type, and Created On date.
Social Syndication section with View All and Add buttons, showing several Server Widget FlexiTouch Campaign POST rows
Social Syndication section
  • Microsites — Click Add to create new microsites and associate them with the campaign. The list shows Microsite Name, Unique URL Extension, and Participating Partners.
Microsites section with Add button showing Server Widget Solution microsite row
Microsites section
  • Events — Click Add to create a new event and associate it with the campaign. Events allow prospects and contacts to register for a campaign. The list shows Event Name, URL Extension, and Event Start Date.
Events section with Add button showing Server Widget Partner Event and Server Widget Event rows
Events section
  • Emails — Click Add to create new email templates and associate them with the campaign. The list shows Template Name, Created On, Modified On, and Associated Tactic.
Emails section with View All and Add buttons showing Server Event Reminder (Event), Widget Server-Client to Site VPN (Email), Server Widget Solution (Email) templates
Emails section — associated email templates

Add / Edit a Campaign

  1. Click Add to create a new campaign, or Edit on any existing campaign to modify it.
View Campaigns list with Add button highlighted and Edit button visible on the Server Widget FlexiTouch Campaign row
Add or Edit a Campaign from the Campaign Library
  1. The Add/Edit a Campaign page opens with the Campaign Information section.
Add/Edit a Campaign page showing Campaign Name, Title, Solution Offered, Audience, Published Date, Expiration Date, Execution Type, Thumbnail Image, Banner Image, Sort Order, Description and Interstitial Page Content fields
Add/Edit a Campaign — Campaign Information form
  1. Complete the following fields in the Campaign Information section:
FieldDescriptionRequired
Campaign NameProvide a user-friendly name for the campaign.Yes
TitleThe title associated with the campaign.No
Solution OfferedTag the campaign with a line of business using the dropdown.No
AudienceSelect the campaign recipient/target audience.No
Execution TypeSelect Single Touch (execute each tactic individually) or Multi Touch (multi-step drip flow).Yes
Published DateThe date the campaign becomes active/published.No
Expiration DateThe date the campaign expires.No
Thumbnail ImageUpload the campaign identification thumbnail image.No
Banner ImageUpload the campaign banner shown on the interstitial page.No
Sort OrderNumeric value to control listing order in the Campaign Library.No
DescriptionBrief description shown on the Campaign Library page (max 4000 chars).No
Interstitial Page ContentRich-text content shown to partners on the campaign interstitial page, including the "Do It For Me" button.No
Interstitial Page Content editor showing rich text with Do It For Me button
Interstitial Page Content — CKEditor with "Do It For Me" button
  1. When all fields are complete, click Save.
03

Launch a Campaign

Campaign Interstitial Page

  1. Select the campaign you wish to launch, then click the Get Started button.
  2. The Interstitial Page opens, showing campaign information and tactic selection options.
Campaign Interstitial page showing banner image, Server Widget FlexiTouch Campaign description, Do It For Me button, and tactic tiles for Email (9), Microsite (1), Web Syndication (0), Social Syndication (29), Event (2), Multi-Touch (1)
Campaign Interstitial page — tactic tiles with content counts

The interstitial page includes:

  • Campaign information section — Campaign title and description.
  • Do It For Me button — Engage the Concierge team to launch the campaign on your behalf using MDF spend.
  • Tactic tiles — Each tactic (Email, Microsite, Web Syndication, Social Syndication, Event, Multi-Touch) shows the number of available content items along with Set Up (co-brand content) and Launch (execute to a mailing list) buttons.

Execute a Campaign

To execute a campaign, click the Launch button of the desired tactic on the Interstitial Page. The following steps describe launching an Email tactic.

Step 1 — Provide Details of Your Email

Launch Email Campaign page showing Campaign Details (non-editable) and Provide Details of Your Email sections
Launch Email Campaign — Campaign Details and Email Details sections
  • Campaign Details — Non-editable. Shows the campaign language, country, type, and name.
  • Name Your Email — Shows the name of the email blast. Click Edit Details to populate.
  • Insert the Subject Line — Click Edit Details to add the subject line.
  • From Name — The sender name shown to recipients.
  • Sender Email Address — The sender email address displayed to recipients.
Provide Details of Your Email section with Name Your Email, Insert Subject Line, From Name and Sender Email Address fields populated
Provide Details of Your Email — fields filled in

Step 2 — Customize Email Template

Customize Email Template section with selected Server Campaign email template and Customize Template button highlighted; right panel shows the template preview
Customize Email Template — select and customize the template
  • Click Select Template to pick an existing co-branded template or a master template.
  • Click Customize Template to open the template in the right-hand workspace. Editable areas are enclosed in dotted lines; hovering over them turns the background grey to indicate editability.
  • Social Connector icons in the footer are also editable — clicking them activates the CK Editor to update the linked social platform URL.

Step 3 — Select Recipients and Test Email

Select Recipients and Test Email section with Select Recipients and Send Test Email buttons
Select Recipients and Test Email section
  • Click Select Recipients to choose a prepared mailing list, or click Create New List to build one on the spot.
  • Click Send Test Email after selecting a mailing list to verify campaign receipt before launch.
Select Recipients popup showing Create New List and Refresh List buttons, with Partner Prospect List 1, Partner Contact List 2, Partner Contact List 1 and Prospect List 2 listed
Select Recipients — existing mailing lists

Step 4 — Send Email

Send Email section showing Schedule Date and Time, Time Zone and four buttons: Schedule Time, Schedule Email, Launch Email, Save As Draft
Send Email section — scheduling and launch options
  • Schedule Time — Set a specific date, time, and time zone for the email blast. Click Save to confirm.
  • Schedule Email — Queues the email to send at the scheduled time. A confirmation message is displayed on screen.
  • Launch Email — Blasts the email immediately. A confirmation message confirms successful launch.
  • Save As Draft — Saves the email configuration as a draft for future editing and launch.
Send Email slide-out panel showing Schedule Date and Time picker set to 12/16/2025 02:00:00 pm and Time Zone dropdown set to Kuala Lumpur, Singapore
Schedule Time popup — date, time and timezone picker
04

Multi-Touch Campaigns

Add a Multi-Touch Campaign

  1. Navigate to Market > Campaign Library > Campaigns.
Market menu selected with Campaign Library sidebar showing Campaigns, UI/UX Packages, Emails, Social, Microsites and Events options
Navigating to Campaign Library
  1. Click Add to open the Add/Edit a Campaign page. Set the Execution Type to Multi-Touch.
Add/Edit a Campaign page with Execution Type dropdown showing Multi Touch selected
Add/Edit a Campaign — selecting Multi-Touch execution type
  1. Complete all Campaign Information fields (Campaign Name, Title, Solution Offered, Audience, Execution Type, Published Date, Expiration Date, Thumbnail Image, Banner Image, Interstitial Page Content, Description).
  2. Click Save. The new Multi-Touch Campaign appears on the View Campaigns page.
View Campaigns list showing the newly created Multi-Touch campaign with Execution Type Multi Touch and associated tactics
Multi-Touch Campaign created and listed in View Campaigns

Setting Up Tactics

From the campaign's details page (click the campaign name in the View Campaigns list), add various campaign tactics: Emails, Microsites, Web Syndication, Events, and Social Syndication.

View a Campaign page showing Edit, Visibility Configuration, Get Started, Delete and Manage Multi-Touch buttons, with Campaign Information expanded and Quarters, Social Syndication, Microsites, Events and Emails sections visible
Campaign details page — add tactics from each related section

Adding Email Tactics

  1. In the Emails section, click Add.
Emails section with View All and Add buttons, showing Server Event Reminder and Widget Server-Client to Site VPN templates
Emails section — click Add to create a new email template
  1. On the Add/Edit an Email Template page, complete the Email Template Information section:
FieldDescriptionRequired
Email Template NameAn appropriate name matching the associated tactic.Yes
CampaignClick Select to choose the parent campaign from the View Campaigns popup.Yes
Associated TacticSelect the tactic (Email, Event, Microsite, etc.) from the dropdown.No
Thumbnail ImageUpload a thumbnail for this email template using Browse.No
UI/UX PackageAssociate a UI/UX Package for custom CSS/JS injection.No
Add/Edit an Email Template page showing Email Template Name (Server Widget Solution), Campaign (Server Widget FlexiTouch Campaign), Associated Tactic (Email) and Thumbnail Image fields, plus UI/UX Package
Add/Edit Email Template — associating tactic and UI/UX Package
  1. Click Save. The new email template appears in the Emails section.
Emails section now showing three rows including the newly created Server Widget Solution template
New email template added to the campaign
  1. Click the name of the email template to open the View an Email Template page, then click Manage Content.
View an Email Template page with Edit, Visibility Configuration, Manage Content and Upload Zip action buttons
View Email Template — click Manage Content to open the editor
  1. The Drag & Drop CMS Editor opens. Use the right sidebar components to insert:
    • Template content containers (1-section, 1/2-section, 1/3-section, 3/7-section)
    • Buttons, Dividers, Text areas, Text sections, Image areas, Quotes
    • Links, Link blocks, Grid items, List items
    Click inside any element to access its inline editor tools and customize content within that section.
Drag and Drop CMS Editor showing email template preview with right sidebar component palette: 1-Section, 1/2-Section, 1/3-Section, Button, Divider, Text, Text Section, Image, Quote, Link, Link Block, Grid Items, List Items
Drag & Drop CMS Editor — build email template content

Hash Code Implementation

While adding HTML content to email or marketing tactics (Microsite, Event, Web Syndication), if the portal admin wants certain sections to display partner-specific information dynamically when viewed by end-users, they can embed Hash Codes as placeholders. Hash codes are typically used to insert partner contact details into tactic content.

Email template footer showing editable region with hash code placeholders: ####Name####, ####Email_Address####, ####MainPhone####, ####Country####
Hash code placeholders in email template footer

Common hash code examples:

Hash CodeReplaces With
####Name####Partner's full name
####Email_Address####Partner's email address
####MainPhone####Partner's main phone number
####Country####Partner's country
####OEM_LOGO####Vendor/OEM logo
####LOGO####Partner's logo

Once the tactic (including HTML template with hash codes) is associated with the campaign and assigned to the designated partner, the partner views the template with hash codes replaced by their actual profile values from the UPM User database. Hash code templates can be used for both Single Touch and Multi-Touch campaigns.

Rendered email template showing 'Acme Reseller', zinfi.cp@gmail.com, 1-346-733-6955 and USA in the footer — hash codes replaced with actual partner data
Email template rendered with partner data replacing hash codes
05

Multi-Touch Flow

Manage Campaigns — Opening the Flow Editor

  1. Once multiple tactics are added to the campaign, click Manage Multi-Touch at the top of the View a Campaign page.
View a Campaign page showing Edit, Visibility Configuration, Get Started, Delete and Manage Multi-Touch action buttons
Manage Multi-Touch button — opens the flow management page
  1. The Manage Multi-Touch page lists all existing Multi-Touch Campaign flows. Click Add to create a new flow.

Setting Up the Flow

  1. On the Add/Edit a Multi-Touch Flow page:
    • Enter a Multi-Touch Name and a short Description.
    • The right-hand panel is the Create your flow palette with the FlexiTouch tab active.
Add/Edit a Multi-Touch Flow page with Multi-Touch Name field, Description textarea, START button, Drop Initialize box, and Create your flow right panel showing Initialize, Actions (Email, Email→Event, Email→Microsite, Wait) and Conditions sections
Add/Edit Multi-Touch Flow — blank canvas with component palette
  1. Drag Assign List from the Initialize section of the palette and drop it on the Drop Initialize placeholder to assign the recipient list.
Flow canvas showing START → Assign List (Set Up) node connected with an arrow, with Drop Action placeholder below and Email, Email→Event, Email→Microsite, Wait and Conditions visible in the right panel
Assign List node added to the flow
  1. Drag Email from the Actions section and drop it on the Drop Action placeholder below Assign List to add the initial email blast.
  2. Add a Condition — for example, drag Email Clicked from the Conditions palette. The canvas branches into a YES path (email was clicked) and a NO path (email was not clicked).
Flow canvas showing START → Assign List → Email (Set Up) → Email Clicked diamond node with YES branch to Drop Action on right and NO branch to Drop Action on left, with Conditions palette showing Email Clicked and Email Opened
Email Clicked condition node — YES and NO branches
  1. Under the YES branch, drag Email => Microsite from the Actions palette and drop it on the Drop Action placeholder — recipients who clicked the email will receive a Microsite.
Flow canvas showing the YES branch now containing an Email → Microsite (Set Up) node
Email → Microsite action added on the YES branch
  1. Under the NO branch, drag Wait and then Email — recipients who did not click will wait and then receive a reminder email.
Flow canvas now showing the NO branch containing Wait (Set Up) → Email (Set Up) nodes, while the YES branch has Email → Microsite (Set Up)
Wait and reminder Email added on the NO branch

Setting Up Email Nodes

  1. Click Set Up on any Email node to configure it.
  2. The Launch Email Campaign wizard opens inside the flow editor.
Add/Edit a Multi-Touch Flow page showing Launch Email Campaign sub-wizard with Campaign Details, Provide Email Details, Select Email Template and Save Email steps
Email setup wizard inside the Multi-Touch Flow editor
  1. In the Provide Email Details section, click Edit Details to populate:
    • Name Your Email
    • Insert The Subject Line
    • From Name
    • Sender Email Address
Provide Email Details slide-out panel showing Name Your Email (MT 2nd Level Engagement), Insert Subject Line (2nd Level Engagement), From Name (Portal Admin) and Sender Email Address (globalcmm.zinfi@gmail.com)
Email Details panel — filled with name, subject, from, and sender
  1. In the Select Email Template section, click Select Template. Choose the appropriate template from the right-hand panel. Click Save.
Select Email Template section showing Select Template button
Select Email Template — choose from available templates
NOTE

If the selected template contains Hash Codes (e.g., ####Name####, ####Email_Address####), these will be dynamically replaced with the partner's profile data when the email is delivered. Hash code templates work for both Single Touch and Multi-Touch campaigns.

  1. Click Save Email to return to the flow canvas. The email node changes color and shows an Edit button, indicating it is configured.
Flow canvas showing the Email node now displaying 'MT 2nd Level Engagement Edit' in a yellow/green box indicating it is configured
Email node — configured state (color change with Edit button)

Setting Up a Wait Node

  1. Click Set Up on a Wait node to define the delay period.
  2. In the Wait popup, enter the Days to Wait, Hour, and Minutes. Click Save.
Wait popup dialog showing Days to Wait (0), Hour (5), Minutes (00) fields with Save and Close buttons
Wait node configuration — days, hours, and minutes

Once saved, the Wait node changes color and shows an Edit button. Continue to set up the downstream Email node for reminder delivery.

Setting Up Email → Microsite

The Email => Microsite action sends a follow-up email containing a Microsite link. Click Set Up on the Email => Microsite node to configure the email details and select both an Email Template and a Microsite template.

Launch Email Campaign page showing Campaign Details (Campaign Type: Microsite), Provide Email Details, Select Email Template and Microsite section with Select Email Template and Microsite button, and Save step
Email → Microsite setup — paired email and microsite template selection

Setting Up Email → Web Syndication

The Email => Web action sends an email with a web syndication link. Click Set Up on the corresponding node, provide email details, select a web syndication template, and click Save Email.

Add/Edit Multi-Touch Flow page showing Launch Email Campaign sub-wizard for Web Syndication tactic with Campaign Details, Provide Details of Your Email, Customize Email Template and Save Email steps
Email → Web Syndication setup

Final Flow & Flow Status

Once all nodes are configured, the completed flow canvas displays the full conditional campaign flow. Click Save to save the flow.

Completed Multi-Touch flow canvas showing: START → Assign List (Set Up) → MT 2nd Level Engagement email node → Email Clicked diamond. YES branch leads to MT 2nd Level Engagement email then Drop Action/Drop Condition. NO branch leads to Wait (Edit) → Email (Set Up) → Drop Action/Drop Condition.
Final multi-touch flow — complete conditional campaign flow
NOTE

If the workflow is assigned to partner users without any node having a completed Set Up, the campaign Status displayed to partners will be Draft — partners can only preview the flow.

TIP

If at least one node has a completed Set Up when the workflow is assigned to partners, the flow Status shown to partners becomes Ready to Copy — partners can customize and launch it.

Assigning the Multi-Touch Campaign to Partners

  1. Once the flow is saved, it appears in the Manage Multi-Touch page alongside other flows.
  2. Click Visibility Configuration on the View Campaigns page to define which countries, languages, and user groups can access this campaign.
View Campaigns list with Visibility Configuration button highlighted on the Server Widget FlexiTouch Campaign row
Assign campaign to partners via Visibility Configuration
06

UI/UX Packages

UI/UX Packages allow portal admins to inject custom CSS, JavaScript, and image/document assets into campaign-related web pages, microsites, and web syndication showcases. Once a package is associated with an email template, microsite, or web asset, its code blocks are automatically applied when that asset is rendered.

Accessing UI/UX Packages

  1. Click Market on the top menu.
  2. Click Campaign Library > UI/UX Packages from the left menu bar.
UPM Market navigation showing Campaign Library sidebar with UI/UX Packages highlighted, and View UI/UX Packages grid showing UIUXMobileWidgetEvent, UIUXMobileWidgetSyndication, UIUXFirewallWidgetSyndication, Payment-Dashboard-shared and UIUXss records
UI/UX Packages — list view
  1. The top action bar provides:
    • Add — Create a new UI/UX Package.
    • Delete — Delete selected records.
    • Create View — Customize which columns are displayed in the grid.
    • Filter — Open the filter pane to search for specific packages.
    • Saved Filters — Access previously saved filter configurations.
Create View popup with Add Additional Fields for Filter, Select Fields to Display, Default For Portal Pages and Selected Columns to Display settings
Create View — customize grid column display
Filter popup with Basic and Advance tabs showing ID, Column Name (Name), Operator (Contains) and Search Text fields with Apply and Clear buttons
Filter panel — search for UI/UX Packages by name
  1. For each record in the grid:
    • Click the Edit (pen) icon to edit the record inline.
    • Click the record name link to open its details page.
View UI/UX Packages grid showing Select checkbox, pen/edit icon and package name links for UIUXStripePayments, UIUXConfigurepayments, UI/UX Payment Financial Information, UIUXPaymentFinancialInformationView, UIUXPaymentRegisteredReferrals
UI/UX Packages grid — select, edit, or view records

Add / Edit a UI/UX Package Record & Code Entries

  1. Click Add (or the pen icon to edit an existing record). Enter the Name for the package record and optionally toggle Default For Portal Pages.
  2. Click Save to save the record, then navigate back to the package to add dynamic code entries.
Add/Edit a UI/UX Package page showing Name field (UI/UX Payment Financial Information) and Default For Portal Pages toggle
Add/Edit UI/UX Package — name and portal default setting
  1. On the details page of the package, locate the Styles, Scripts And Images related list and click Add.
View a UI/UX Package details page showing UIUX Package Information (Name, Default For Portal Pages) and Styles, Scripts And Images related list with Add button and PaymentFinancialInformation script and CSS entries
UI/UX Package details — Styles, Scripts And Images related list
  1. The Add/Edit a Style and Script page opens. Complete the Style And Script Information fields:
FieldDescriptionRequired
NameName of this code block entry in the UI/UX Package.Yes
File TypeIf Type = File: Style (CSS), Script (JavaScript), or Image/Document. Tells the system how to treat the uploaded file.Conditional
TypeFile — code comes from an uploaded file. Content — code is pasted directly into the Content field (no file upload needed).Yes
Index NumberNumeric order (1, 2, …) in which this code entry is applied when multiple entries exist.No
File ContentUpload the actual code file when Type = File.Conditional
UI/UX PackagePre-populated with the parent package name.Auto
ContentPaste or write code directly when Type = Content.Conditional
Add/Edit a Style and Script page showing Style And Script Informations section with Name, File Type dropdown, Type dropdown, Index Number, Content textarea, File Content drag-and-drop area and UI/UX Package pre-populated field
Add/Edit Style and Script — code block configuration form
File Type dropdown expanded showing three options: Style, Script, Image/Document
File Type dropdown — Style (CSS), Script (JS), or Image/Document
  1. Click Save to save the code block. Repeat to add additional CSS, JavaScript, or image entries to the package.

View a UI/UX Package

Click the name of any UI/UX Package record from the grid to open the details page. The page shows:

  • Name — The name of the UI/UX Package record.
  • Default For Portal Pages — Whether this package is the default for all portal pages.
  • Styles, Scripts And Images — All code block entries (Type, FileType) that will be applied when this package is assigned to a web page, microsite, or web syndication showcase.
View a UI/UX Package details page showing UIUX Package Information with Name (UI/UX Payment Financial Information) and Default For Portal Pages (No), and Styles Scripts And Images related list showing two entries: PaymentFinancialInformation_Pages_Script (Content/Script) and PaymentFinancialInformation_Pages_CSS (Content/Style)
View UI/UX Package details — package settings and code entries
NOTE

All code blocks listed in the Styles, Scripts And Images related list are automatically applied in the order defined by their Index Number whenever this UI/UX Package is assigned to a web page, microsite, or web syndication showcase in the UPM platform.

Document ID
ext.prd.007.05
Published
December 18, 2025
Platform Version
UPM 25.x