How to customize the partner directory branding?
Your partner directory is a public-facing page that represents your brand. Kiflo gives you full control over the visual appearance so that the directory feels like a natural extension of your website. This article covers all the branding options available and how to configure your directory subdomain.
Prerequisites
- You must have the Partner Directory addon enabled on your Kiflo account.
- You must have an existing partner directory. Directories are managed from Manage > Partner Directories.
Accessing the branding settings
- Navigate to Manage > Partner Directories.
- Click on the directory you want to customize.
- Select the Branding tab.
The branding settings are organized into several sections described below. A live preview is available in the left section to preview your changes.
General colors
Configure the core color palette for your directory.
| Setting | Description |
|---|---|
| Primary color | The main brand color is used throughout the directory for headings and key UI elements. |
| Links color | A complementary color used to render all clickable links. |
Header
Customize the top header area of your directory.
| Setting | Description |
|---|---|
| Logo | Upload your company logo to display in the directory header. |
| Background color | The background color applied to the header section |
| Call-to-Action 1 | Render a primary action button at the top right corner. |
| Call-to-Action 2 | Render a secondary action button at the top right corner. |
Call-to-actions
Style the buttons and interactive elements on your directory.
| Setting | Description |
|---|---|
| Show the [first/second]call-to-action | Toggle on to display the CTA, toggle off otherwise. |
| Label | Label visible on the button |
| URL | The URL the button must redirect visitors to. |
Headline section
Customize the hero area that appears at the top of your directory listing page.
| Setting | Description |
|---|---|
| Headline | The main heading text displayed in the headline section. |
| Sub-headline | A supporting description displayed below the headline. |
| Call-to-action | Display a link in the headline section. |
| Headline image | Upload a background image for the headline section. |
| Text color | Color of text shown in the headline section only. |
| Link color | Color of links shown in the headline section only. |
| Background color | The background color applied to the headline section. |
Footer
Configure the bottom section of your directory.
| Setting | Description |
|---|---|
| Logo | Secondary logo displayed in the bottom right corner of the footer. |
| Text color | Color of text shown in the footer section only. |
| Link color | Color of links shown in the footer section only. |
| Background color | The background color applied to the footer section. |
Social links
Add links to your social media profiles. These will be displayed in the footer of your directory. Leave any field empty to hide that social link from the directory.
| Setting | Description |
|---|---|
| URL to your LinkedIn company page. | |
| X (Twitter) | URL to your X (formerly Twitter) profile. |
| URL to your Instagram profile. | |
| URL to your Facebook page |
Legal
Provide the link to your legal notice page so that visitors can review your policies.
| Setting | Description |
|---|---|
| Legal notice | URL to your legal notice page on your website. |
Saving your changes
After making any branding changes, click Save to apply them. If your directory status is set to Public, the changes will be reflected on the live directory immediately.
Optional: Configuring your subdomain
Optionally, you can change the directory subdomain. The subdomain determines the public URL where your directory is accessible. By default, it is the same as your partner portal subdomain.
- Go to Account Settings > Directories.
- In the Partner directories subdomain field, enter your desired subdomain.
- Save your changes.
Your directory will be accessible at: https://{subdomain}.directory.kiflo.com
For example, if your subdomain is acme , your directory URL will be https://acme.directory.kiflo.com.