Customizing the Collaborator Portal

The Collaborator Portal is a standalone, full-page experience that your affiliates and partners see when they log in. It replaces the WordPress theme entirely, which means it won’t inherit your theme’s fonts or layout. But it does pick up your colors.

There are three ways to control the portal’s appearance, and they layer on top of each other. Global Styles are the baseline, block-level attributes override those, and shortcode attributes override everything.

Global Styles (automatic)

If your WordPress theme supports Global Styles (most block themes do), the portal automatically reads three values from your theme’s style settings:

• Background color from your theme’s background setting
• Text color from your theme’s text setting
• Accent color from your theme’s link or accent setting

You don’t have to do anything for this to work. If you’ve customized your theme’s colors in Appearance > Editor > Styles, the portal picks them up automatically. This is the easiest path if your theme already matches your brand.

Block editor color controls

If you’re using the Full Site Editor template (the default on Essentials), you can override colors on the portal block itself:

1. Go to Appearance > Editor > Templates
2. Find the Collaborator Portal template
3. Select the portal block
4. In the block sidebar, open the Portal Branding panel
5. Set Background, Text, and Accent colors
6. Optionally set a Logo URL to replace the default sidebar icon with your brand mark

These override Global Styles for the portal only, so you can use different colors for the portal than the rest of your site.

Shortcode color attributes

If you’re using a classic theme (or prefer shortcodes), the portal shortcode accepts color attributes:

[siren_collaborator_portal background="#1a1a2e" foreground="#e0e0e0" accent="#00ffb9" logo="https://example.com/your-logo.png"]

All four are optional. Any value you don’t specify falls back to Global Styles, then to the portal’s defaults.

What you can and can’t customize

Today, you can customize:

• Background color
• Text color
• Accent color (used for links, active states, and highlights)
• Sidebar logo (via block attribute or shortcode)

These controls handle most brand matching. The portal uses your site’s name in the page title and your site’s favicon, so those carry over automatically.

Not currently customizable:

• Sidebar labels. The navigation labels (“Dashboard,” “Performance,” “Earnings,” etc.) aren’t configurable beyond what WordPress translation/i18n provides.
• Typography. The portal uses its own font stack regardless of your theme’s font settings.

For agencies managing client sites

If you’re building affiliate programs for clients and want the portal to feel native to their brand, set the client’s brand colors and logo via the block editor or shortcode. The portal will match their site’s palette and show their logo in the sidebar instead of the default icon.