Portal Style

The portal is where affiliates grab their link, watch sales come in, and request payouts. A portal carrying your logo and brand color reads as a real partnership; a generic, unbranded dashboard reads as a third-party tool that partners give less attention. Bloop gives you four settings to make the dashboard feel native — primary color, portal title, logo, and favicon — under the affiliate Branding tab. Use "Go to portal" to preview changes in a live tab.

Best practice: Match the portal to assets affiliates already see elsewhere — the logo from your storefront, your real brand color, and a portal title that names your program. Consistency between your store, your registration form, and the portal signals an established brand. Preview with "Go to portal" before saving to confirm the accent color leaves text readable.

Why branding the portal builds trust

• Legitimacy. Your logo and color signal that your program is serious. A bare, default-skinned dashboard suggests it was switched on as an afterthought — and partners ration their effort accordingly.
• Recognition. Affiliates often work with several programs at once. When your portal looks like your store, partners know instantly which dashboard is yours.
• Continuity. A prospect moves from your storefront, through your branded registration form, into the portal. If all three match, the journey feels seamless. A portal that suddenly looks like a different product introduces doubt at the moment a partner is committing.

What you can customize

Setting	What it controls
Primary color	The portal's accent color, applied to buttons, links, and highlights
Portal title	The name shown for the portal (for example, in the browser tab and header)
Logo	The brand logo displayed in the portal
Favicon	The small icon shown in the browser tab

What to match to your storefront

Pull each setting from assets you already use publicly — the goal is continuity, not a fresh design.

Element	What to set it to	Recommendation
Primary color	Your store's main brand accent — the same hex you use for buttons and links	Confirm in the preview that text on top of it still reads clearly; a too-light accent on white can make buttons hard to see
Portal title	Your brand or program name (for example, "Acme Partner Program"), not the app name	Name the program so the browser tab says something a partner recognizes — never leave it as a generic default
Logo	The same logo file from your storefront header	Upload a clean image with a transparent background; avoid a logo with a baked-in white box
Favicon	The same favicon your store uses	Upload a square image so the portal tab carries your mark even when a partner has many tabs open

Primary color

Set a primary color and the portal applies it throughout — buttons, active states, and links. Use your brand's main color. Because the same color drives buttons and links, check contrast in the preview: an accent that looks great as a large block can leave small link text hard to read.

Portal title

The portal title is the label affiliates see for your program. Set it to your brand or program name. If left blank, the portal falls back to its default title — always name it.

Logo

Upload your brand logo to replace the default placeholder. It appears in the portal header. Use a transparent-background image. You can remove the logo at any time to revert to the default.

Favicon

The favicon is the small icon browsers show in the tab and bookmarks. Upload a square image so the portal tab carries your brand even when affiliates have several tabs open.

A worked example: matching the portal to your store

Suppose your storefront uses deep teal (#0F766E) for buttons, a wordmark logo on a transparent PNG, and a small leaf favicon. Here's the five-minute pass that makes the portal match:

1. Primary color → set it to #0F766E. Buttons and links now match the color a partner already associates with you.
2. Portal title → set it to "Acme Partner Program." The browser tab reads with your program name instead of a generic default.
3. Logo → upload the transparent-background wordmark from your storefront header. It lands top-left in the portal header, where a partner expects a brand to sit.
4. Favicon → upload the leaf icon your store already uses. The portal tab now carries your mark.
5. Preview → click "Go to portal," open the live dashboard, and confirm white button text reads cleanly on the teal. Save.

Total effort: a few minutes and zero new design work — every asset came from the storefront.

Saving and previewing

Changes are tracked as you edit and surfaced through the save bar at the top of the page. Save to publish, or discard to roll back to the last saved version. Use "Go to portal" to confirm colors, title, logo, and favicon look right before finishing.

Common mistakes to avoid

• Leaving the title blank. The portal shows a generic default where a partner most expects to see your name. Always set it to your brand or program name.
• Picking a "nice" color instead of your brand color. A color that doesn't match your storefront breaks continuity. Use the same hex your store uses.
• Ignoring contrast. A pale or very bright accent can make button and link text hard to read. Check the preview before saving.
• Uploading a logo with a baked-in background. A white box looks pasted-on against the portal header. Use a transparent-background image.
• Skipping the favicon. An unbranded tab icon makes it harder for partners to find your portal among many tabs. Upload a square brand icon.
• Saving without previewing. "Go to portal" shows the live result; relying on the editor alone is how a low-contrast color or misaligned logo slips through.

When and why to revisit portal branding

• You rebrand or refresh your store theme → update the portal's primary color, logo, and favicon to match, or the portal will drift out of sync with your storefront.
• You launch a named program ("Acme Insiders," "Creator Club") → set the portal title to that program name so the dashboard reinforces the brand affiliates joined.
• Partners aren't engaging with the portal → a generic, unbranded dashboard is one quiet reason. Branding it is a low-cost first step before assuming the problem is your commission or content.
• You're recruiting higher-profile partners → a fully branded portal signals the professionalism those partners expect; see recruiting affiliates for the wider picture.

Related

• Build your affiliate registration form — brand the signup page that comes before the portal.
• Portal translations — translate the portal UI into your affiliates' languages.
• Portal guide — write the help content affiliates read inside the portal.
• Getting started with affiliates — overview and onboarding.
• Recruiting affiliates — why a professional portal helps you attract better partners.