How to customize customer portal branding on Freshdesk
Quick Answer
Customize your Freshdesk customer portal branding by accessing Portal Settings in the Admin panel, uploading your logo, configuring colors and themes, and customizing the layout. These changes help create a consistent brand experience for your customers.
Prerequisites
- Admin access to Freshdesk account
- Company logo and branding assets ready
- Basic understanding of color codes (hex values)
- Knowledge of your brand guidelines
Step-by-Step Instructions
1
Access Portal Settings
Log into your Freshdesk admin account and navigate to Admin → Customer Portal → Portal Settings. Click on the Customize Portal option to enter the branding customization interface.
Ensure you have admin privileges before attempting to access portal settings.
2
Upload Your Company Logo
In the Branding section, click Upload Logo. Select your company logo file (recommended size: 200x60 pixels, PNG or JPG format). The logo will appear in the portal header. You can also upload a Favicon by clicking the favicon upload option.
Use a transparent background PNG for the best results on different colored themes.
3
Customize Color Scheme
Navigate to the Theme Colors section. Customize the following elements:
- Primary Color: Main brand color for buttons and links
- Header Background: Top navigation background color
- Text Color: Primary text color
- Link Color: Hyperlink color
#FF5733) or use the color picker. Test color combinations for accessibility and readability before applying changes.
4
Configure Portal Layout
In the Layout section, choose your preferred portal layout from available options. Select Header Style (centered or left-aligned), Footer Display options, and Sidebar Configuration. Enable or disable elements like search bar, category filters, and article voting.
5
Customize Portal Content
Edit the Portal Welcome Message and Footer Text to reflect your brand voice. Add custom CSS in the Advanced Customization section if needed. You can also modify the Portal Name and URL slug to match your branding.
Keep welcome messages concise and focused on helping customers find solutions quickly.
6
Configure Social Media Links
Scroll to the Social Media section and add links to your company's social media profiles. Include Facebook, Twitter, LinkedIn, and other relevant platforms. These links will appear in the portal footer.
7
Preview and Apply Changes
Click Preview Portal to see how your customizations will look to customers. Review the branding elements, color scheme, and layout. If satisfied, click Save Changes to apply the customizations to your live customer portal.
Always preview changes on different screen sizes to ensure mobile responsiveness.
8
Test Customer Experience
Open your customer portal in an incognito/private browser window to test the experience as a customer would see it. Verify that all branding elements display correctly, links work properly, and the overall appearance matches your brand guidelines.
Ask team members to review the portal and provide feedback before announcing changes to customers.
Common Issues & Troubleshooting
Logo appears blurry or pixelated
Upload a higher resolution logo image (minimum 200x60 pixels) in PNG format with transparent background for best quality.
Custom colors not displaying correctly
Ensure hex color codes are properly formatted with # symbol. Clear browser cache and refresh the portal to see changes.
Changes not visible on live portal
Click Save Changes after customization and allow up to 15 minutes for changes to propagate. Clear browser cache if issues persist.
Portal layout appears broken on mobile
Use the mobile preview option to test responsive design. Avoid overly long text in headers and ensure adequate spacing between elements.
Prices mentioned in this guide are pulled from current plan data and may change. Always verify on the official Freshdesk website before purchasing.