Custom Logo

Summary

• Purpose: Customize the ProofChat chat interface with your own logo
• Audience: ProofChat Pro and Enterprise users
• Prereqs: ProofChat Pro or Enterprise license, access to FileMaker layouts

Overview

ProofChat Pro and Enterprise users can replace the default ProofChat logo with their own branding. This allows you to maintain consistent branding throughout your FileMaker solution and provide a more customized experience for your users.

Steps

Step 1: Navigate to the PC_systems Layout

1. Open your FileMaker file that contains ProofChat
2. Go to Layouts → Layout Mode (or press Cmd+L / Ctrl+L)
3. Navigate to the layout named pc_systems (all lowercase)
4. This layout contains system configuration fields for ProofChat

Step 2: Insert Your Logo

1. On the pc_systems layout, locate the field named logo (all lowercase)
2. Insert your logo image into the logo field:
   • You can drag and drop an image file into the field
   • Or use Insert → Picture and select your logo file
   • Or paste an image from your clipboard
3. Ensure your logo is properly sized and formatted for display

Step 3: Commit the Record

1. Commit your changes to save the logo data by clicking outside the field.

Step 4: Reload the Chat

1. Close the chat window if it's currently open
2. Reopen the chat by clicking your "Open Chat" button or running the Open Chat in new window script
3. Your custom logo should now appear in the chat interface header

Verification

After reloading the chat, verify that:

• Your logo appears in the chat interface header
• The logo displays correctly (proper sizing, no distortion)
• The logo is visible in both light and dark themes (if applicable)

Troubleshooting

Logo Doesn't Appear

• Check layout name: Ensure you're editing the pc_systems layout (all lowercase, with underscore)
• Verify field name: Confirm you inserted the logo into the field named logo (all lowercase)
• Commit the record: Make sure you committed the record after inserting the logo (click outside the field)
• Reload chat: Close and reopen the chat window completely

Logo Appears Distorted

• Check image format: Use PNG format with transparent background for best results
• Resize image: Ensure your logo is appropriately sized (not too large or too small)
• Maintain aspect ratio: Don't stretch or distort the original image dimensions

Logo Not Updating

• Restart FileMaker: Close and reopen FileMaker completely
• Verify license: Confirm you have Pro or Enterprise license active
• Check field permissions: Ensure the logo field allows data entry

Best Practices

1. Use high-quality images: Start with a high-resolution logo and let ProofChat scale it appropriately
2. Test in both themes: Verify your logo looks good in both light and dark mode if you offer theme switching
3. Keep it simple: Simple logos with clear shapes work best at small sizes
4. Maintain brand consistency: Use the same logo file you use elsewhere in your solution

Related

• License Management - Information about Pro and Enterprise licenses
• Open Chat Button - How to add a button to open ProofChat
• Getting Started - Initial ProofChat setup