Customize Your impact.com Branding

Take the PXA course

You can set the primary custom branding for your login page, the signup and console pages for your direct partners, and any automated emails sent to them.

You can also manage the branding of each of your programs so that partners see different branding based on which program they are joined to.

Advertiser branded login

Customize the branding of your login page, including its CSS and header and footer HTML. While custom branding is optional, not setting up a custom-branded login page prevents you from having a login link for your partners.

1. From the top navigation bar, select [User profile] → Settings.

2. On the left, under Branding, select Advertiser Login Branding.

3. Make your changes. Refer to the table below for help with each setting.

Settings reference

Note: Some settings are only available to specific impact.com editions or add-ons. Contact us to upgrade your account and get access!

Setting	Description
Login Link	You can preview what your login page will look like by selecting the hyperlink under Login Link. This setting is only available to specific impact.com editions or add-ons. Contact us to upgrade your account and get access!
CSS Styles	The contents of this field will be placed into the head section of your branded page within a style tag. Only CSS styles are permitted. Any background images should use absolute URLs with HTTPS protocol (e.g., https://www.impact.com).
Header HTML	The HTML code placed here will draw the header of your branded page. All images and links should use HTTPS protocol and be absolute URLs (e.g., https://www.impact.com). No script tags are permitted. Maximum file size of 64 kb.
Footer HTML	The HTML code placed here will draw the footer of your website. All images and links should use HTTPS protocol and be absolute URLs (e.g., https://www.impact.com). No script tags are permitted. Maximum file size of 64kb.

1. Select Save.

Partner sign up branding

One of the first pages your direct partners will see is the sign-up page. You can manage the CSS styling of the page, the header and footer of the page, and the links to your promo page and the partner's login page. impact.com branding will appear if you do not set up custom branding.

1. From the top navigation bar, select [User profile] → Settings.

2. On the left, under Branding, select Sign Up Page.

3. Make your changes.

   1. Refer to the tables below for help with each setting and to see supported HTML tags.

Settings reference

Note: Some settings are only available to specific impact.com editions or add-ons. Contact us to upgrade your account and get access!

Setting	Description
Partner Agreement Terms	Select which agreement terms will apply between your brand and your partners: • Use the platform standard Master Program Agreement (MPA). Read the agreement, then select [Unchecked box] I have read and agree to use the platform standard Master Program Agreement. • Use my own custom sign up terms (PDF). You'll need to upload a PDF file containing the agreement for your partners.
CSS Styles	The contents of this field will be placed into the head section of your branded page within a style tag. Only CSS styles are permitted. Any background images should use absolute URLs with HTTPS protocol (e.g., https://www.impact.com).
Header HTML	The HTML code placed here will draw the header of your branded page. All images and links should use HTTPS protocol and be absolute URLs (e.g., https://www.impact.com). No script tags are permitted. Maximum file size of 64 kb.
Footer HTML	The HTML code placed here will draw the footer of your website. All images and links should use HTTPS protocol and be absolute URLs. No script tags are permitted. Maximum file size of 64 kb.
Promo Page Link	This displays information about each of your programs. Your logo, a short description, the payout rate, and the Apply Now button display on the Promo Page.
Login Link	Give partners access to a URL that leads to your branded login page. Place this URL on your website so that partners can log in to their partner account.

HTML tag reference

Supported tags

Category	Tag
Text formatting	<b>, <strong>, <i>, <em>, <u>, <s>, <del>, <ins>, <sub>, <sup>
Structure	<p>, <br>, <hr>, <div>, <span>
Headings	<h1>, <h2>, <h3>, <h4>, <h5>, <h6>
Lists	<ul>, <ol>, <li>, <dl>, <dt>, <dd>
Tables	<table>, <thead>, <tbody>, <tr>, <td>, <th>
References	<blockquote>, <q>, <cite>

Restricted tags

Category	Tag	Restriction details
Links	<a>	• href must use a whitelisted protocol (http:, https:, or mailto:). • If target is used, rel="noopener" is required.
Images	<img>	Only src, alt, width, and height attributes are supported. • src must use a whitelisted protocol. • Event handler attributes such as onerror and onload are strictly blocked.
Styling	<style>	Not supported.

• The <style> tag can be misused for data theft, malicious scripts, or other security risks. impact.com blocks the tag to keep you safe.

• All listed tags allow these attributes: class, id, title, lang, dir, aria-*

1. Select Save.

Partner console branding

You customize UI branding for your direct partners, including how some UI elements are styled.

1. From the top navigation bar, select [User profile] → Settings.

2. On the left, under Branding, select Partner Console Branding.

3. Make your changes. Refer to the Styling reference and Media Partner Defaults reference for help with the settings in each section.

Styling reference

Styling Element	Description
Your Logo	Upload a logo that will appear in the top left corner of your direct partner UI. The recommended resolution is 250x50.
Your Favicon	Your favicon (favorite icon) appears throughout your direct partner UI, like in the URL address bar. impact.com currently only supports ICO images with a maximum size of 16x16 pixels.
Platform Name	Replaces any references to "impact.com" with what you enter here.
Primary Button Number	Select a color for the action buttons, or enter your own hex code.
Link Color	Select a color for the links, or enter your own hex code.
Highlight Color	Select a color for the navigation bars, or enter your own hex code.
Header Background Color	Select a color for the background of the headers, or enter your own hex code.
Header Highlight Color	Select a color for links in the headers, or enter your own hex code.
Partner Console	This URL leads to your branded console. Follow the link to see a preview.

Media Partner Defaults reference

Element	Description
Resource Links	Enter a link to share external information with partners. This will appear in the navigation bar. You can embed dynamic tracking values in this list, like {AccountId} to track which partner account IDs are selecting this link.
Report Access	Toggle whether partners can access reports. If selected, you can specify which reports partners can access and whether these reports show up in the Reports drop-down menu.
Support Email Address	Enter an email address that direct partners can reach out to if they need help.
Custom Logout URL	Enter a URL that partners will be redirected to after logging out. If nothing is entered here, your partner will be redirected to the login page.
Ad Requests	Toggle whether partners can request new ads.
Related Help	Toggle whether partners can see Related Help Content throughout the UI.
Help Center	Toggle whether partners can see the impact.com Help Center.
Dashboard Tracking Link Generator	Toggle whether partners can create tracking links on the partner dashboard by using the Create a Link widget.
Dashboard Referral Widget	Toggle whether partners can submit referrals from their dashboard.
Dashboard Metrics	Select which metrics will appear on the partner dashboard. You have up to 6 options. • Clicks • Actions • Payouts • Sale Amount • Conversion Rate • EPC (Earnings Per Click)
Custom Dashboard Widgets	Toggle to allow partners to see selected branded widgets. There are 2 types of widgets: • Left Widgets (Large) • Right Widgets (Small)
Custom Navigation Bar	Toggle whether you want your partners to see a custom top menu bar with links to pages you specify. You can select up to 7 custom menu bar items and arrange the order in which they display.
Timezone	Toggle if you want to enforce a standard timezone for all direct partners.
Disable Partner Profile Changes	Toggle if you want to prevent partners from changing their profile details.
Hide Non Standard Alerts	Toggle if you want to prevent partners from seeing non standard notifications in their UI.
Hide Pending Actions	Toggle if you want to prevent direct partners from seeing pending actions they have generated.
Hide Partner Funds Transfer	Toggle if you want to prevent direct partners from seeing your payment transfers.

1. Select Save.

Partner email branding

Customize how automated partner emails will look.

1. From the top navigation bar, select [User profile] → Settings.

2. On the left, under Branding, select System Emails.

3. Make your changes. Refer to the table below for help.

Settings reference

Setting	Description
Theme Color	Enter the hex code for the color you want interactable elements to be. Interactable elements include buttons.
Background Color	Enter the hex code for the color you want your background to be.
Footer HTML	The HTML code placed here will draw the footer of your email. All images and links should use HTTPS protocol and be absolute URLs (e.g., https://www.impact.com). No script tags are permitted. Maximum file size of 64 kb.
Reply-To Address	Enter a reply-to email address for all automated emails.
From Name	Enter a sender name for all automated emails.
Partner Email Styling	Preview what your automated emails will look like.

1. Select Save.