2 min read

What This Does #

Replaces default Chatbotuilder branding with your company logo and brand elements.

When to Use This #

  • You want your bot to represent your brand professionally
  • You’re using the bot for customer-facing interactions
  • You need consistent branding across all customer touchpoints
  • You want to remove third-party branding for a white-label experience

Step-by-Step Instructions #

  1. Prepare Your Logo
    • Use high-quality image files
    • Recommended formats: PNG (for transparency), JPG, JPEG
    • Optimal size: 200×200 pixels or similar square dimensions
    • Keep file size under 5MB for fast loading
  2. Upload Your Logo
    • Go to Channels section
    • Find “Upload Brand Logo” area
    • Click “Upload Logo” button or drag and drop your file
    • Wait for upload to complete
  3. Configure Chatbotbuilder Branding
    • Find “Use Chatbotbuilder Branding” toggle
    • Turn OFF to remove “Powered by Chatbotbuilder” attribution
    • Turn ON to keep attribution (often required for free plans)
  4. Preview Your Changes
    • Check the real-time preview on the right
    • Ensure logo displays correctly
    • Verify branding looks professional

Logo Preparation Guidelines #

Technical Requirements:

  • File formats: PNG, JPG, JPEG
  • Maximum size: 5MB
  • Recommended dimensions: 200x200px to 400x400px
  • Aspect ratio: Square or slightly rectangular works best

Design Best Practices:

  • High resolution: Ensure crisp display on all devices
  • Transparent background: PNG format with transparency preferred
  • Simple design: Complex logos may not display well at small sizes
  • Brand consistency: Use your official company logo

Logo Optimization Tips #

For Best Results:

  • Remove unnecessary text from logo (bot can show company name separately)
  • Ensure logo works on both light and dark backgrounds
  • Test logo at different sizes
  • Use vector-based logos when possible for scalability

Common Logo Issues:

  • Too much text that becomes unreadable when small
  • Complex designs that lose detail at small sizes
  • Poor contrast with chat interface colors
  • File sizes too large causing slow loading

Branding Options Explained #

“Use Chatbotbuilder Branding” Toggle:

When to Turn OFF:

  • Professional business use
  • White-label requirements
  • Complete brand control needed
  • Premium plan features

When to Keep ON:

  • Free plan requirements
  • Trial or testing phases
  • Budget constraints
  • Attribution requirements

Brand Consistency Strategy #

Matching Your Website:

  • Use the same logo version as on your website
  • Maintain consistent color schemes
  • Align with overall brand guidelines
  • Consider how bot fits with site design

Professional Presentation:

  • Ensure logo quality matches your brand standards
  • Test appearance across different devices
  • Verify logo displays correctly in chat interface
  • Maintain professional appearance at all times

Testing Your Logo #

Quality Check:

  • View on desktop and mobile devices
  • Test in different browsers
  • Check appearance in light and dark themes
  • Ensure fast loading times

Brand Verification:

  • Confirm logo matches brand guidelines
  • Verify correct logo version is used
  • Check for any distortion or quality issues
  • Ensure consistent brand presentation

Legal and Compliance Considerations #

Logo Rights:

  • Ensure you have rights to use the logo
  • Verify compliance with brand guidelines
  • Consider trademark and copyright requirements
  • Maintain appropriate logo usage

Attribution Requirements:

  • Check your Chatbotbuilder plan requirements
  • Understand when attribution can be removed
  • Comply with licensing terms
  • Plan for potential upgrade needs

Troubleshooting Logo Issues #

Upload Problems:

  • Check file size (must be under 5MB)
  • Verify file format (PNG, JPG, JPEG only)
  • Try different browser if upload fails
  • Clear browser cache and try again

Display Issues:

  • Refresh preview to see changes
  • Check logo dimensions and aspect ratio
  • Verify file isn’t corrupted
  • Try uploading a different version

Quality Problems:

  • Use higher resolution source image
  • Check for compression artifacts
  • Ensure original logo is high quality
  • Consider professional logo optimization

Tips for Success #

  • Use your official company logo files
  • Test logo appearance thoroughly before going live
  • Keep backup copies of logo files
  • Update logo when company branding changes
  • Monitor how logo appears to actual users
  • Consider seasonal or campaign-specific logo variations

Maintaining Brand Standards #

  • Follow company brand guidelines exactly
  • Ensure consistent logo usage across all platforms
  • Regular review of logo appearance and quality
  • Update when brand guidelines change
  • Train team on proper logo usage and requirements