# Customize Your impact.com Branding

<a href="https://pxa.impact.com/student/activity/1117576?sid=0c0e3e5c-54c9-4435-9bee-ebcdccb7f292&#x26;sid_i=0?utm_source=app.impact.com&#x26;utm_medium=owned-platform&#x26;utm_content=dis-350&#x26;utm_campaign=help-center" class="button primary">Take the PXA course</a>

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](https://help.impact.com/brand/what-would-you-like-to-learn-about/account-administration/program-settings/profile-and-branding/customize-your-program-branding) 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 ![](https://4048883401-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-1183576591b45997efe4dc81a25024640591d02a%2F245137dc972a7a7f6165b59538fcdbac8fd5bd8fee4ba9f20c1a2982c5b58b57.svg?alt=media) **\[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.

<details>

<summary>Settings reference</summary>

|             |                                                                                                                                                                                                                                                                                                                                                                     |
| ----------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Setting** | **Description**                                                                                                                                                                                                                                                                                                                                                     |
| Login Link  | <p>You can preview what your login page will look like by selecting the hyperlink under <em>Login Link</em>.</p><p><strong>Note:</strong> This setting is only available to specific impact.com editions or add-ons. <a href="https://app.impact.com/support/portal.ihtml?createTicket=true&#x26;&#x26;">Contact us</a> to upgrade your account and get access!</p> |
| 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.                                                                                                                                      |

</details>

4. 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 ![](https://4048883401-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-1183576591b45997efe4dc81a25024640591d02a%2F245137dc972a7a7f6165b59538fcdbac8fd5bd8fee4ba9f20c1a2982c5b58b57.svg?alt=media) **\[User profile] → Settings**.
2. On the left, under *Branding*, select **Sign Up Page**.
3. Make your changes. Refer to the table below for help with each setting.

<details>

<summary>Settings reference</summary>

{% hint style="info" %}
**Note:** Some settings are only available to specific impact.com editions or add-ons. [Contact us](https://app.impact.com/support/portal.ihtml?createTicket=true&&) to upgrade your account and get access!
{% endhint %}

|                         |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| ----------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| **Setting**             | **Description**                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| Partner Agreement Terms | <p>Select which agreement terms will apply between your brand and your partners:</p><p>• <strong>Use the platform standard Master Program Agreement</strong>. Read the agreement, then select <img src="https://4048883401-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-b5e1740618ed6571d97b8fed7c25a7678f85d375%2F299632fb6f4f91fbf9847471754cc6180e4284a65b4960af4c4ea472a159f552.svg?alt=media" alt=""> <strong>\[Unchecked box]</strong> <strong>I have read and agree to use the platform standard Master Program Agreement</strong>.</p><p>• <strong>Use my own custom sign up terms (PDF)</strong>. You'll need to upload a PDF file containing the agreement for your partners.</p> |
| 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.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |

</details>

4. 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 ![](https://4048883401-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-1183576591b45997efe4dc81a25024640591d02a%2F245137dc972a7a7f6165b59538fcdbac8fd5bd8fee4ba9f20c1a2982c5b58b57.svg?alt=media) **\[User profile] → Settings**.
2. On the left, under *Branding*, select **Partner Console Branding**.
3. Make your changes. Refer to *Styling reference* and *Media Partner Defaults reference* for help with the settings in each section.

<details>

<summary>Styling reference</summary>

|                         |                                                                                                                                                                                         |
| ----------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Styling Element**     | **Description**                                                                                                                                                                         |
| Your Logo               | Upload a logo that will appear in the top left corner of your direct partner UI.                                                                                                        |
| 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 codes.                                                                                                                              |
| 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.                                                                                                               |

</details>

<details>

<summary>Media Partner Defaults reference</summary>

|                                   |                                                                                                                                                                                                                                      |
| --------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| **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. |
| Enable 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 Metrics                 | <p>Select which metrics will appear on the partner dashboard. You have up to 6 options.</p><p>• Clicks</p><p>• Actions</p><p>• Payouts</p><p>• Sale Amount</p><p>• Conversion Rate</p><p>• EPC (Earnings Per Click)</p>              |
| Custom Dashboard Widgets          | <p>Toggle to allow partners to see selected branded widgets. There are 2 types of widgets:</p><p>• Left Widgets (Large)</p><p>• Right Widgets (Small)</p>                                                                            |
| Timezone                          | Toggle if you want to enforce a standard [timezone](https://app.gitbook.com/s/hRN1rcrim887TwHLBjac/reference-documentation/supported-currencies-and-timezones) for all direct partners.                                              |
| Hide Global Search Icon           | Toggle if you want to hide the search icon from the partner 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.                                                                                                                                                    |

</details>

4. Select **Save**.

#### Partner email branding

Customize how automated partner emails will look.

1. From the top navigation bar, select ![](https://4048883401-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-1183576591b45997efe4dc81a25024640591d02a%2F245137dc972a7a7f6165b59538fcdbac8fd5bd8fee4ba9f20c1a2982c5b58b57.svg?alt=media) **\[User profile] → Settings**.
2. On the left, under *Branding*, select **System Emails**.
3. Make your changes. Refer to the table below for help.

<details>

<summary>Settings reference</summary>

|                       |                                                                                                                                                                                                                               |
| --------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **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.                                                                                                                                                                            |

</details>

4. Select **Save**.
