How do I customize Chatref to match my brand?

Chatref’s customization tool gives you full control over your chat widget’s visual identity. Navigate to your agent’s settings, pick a primary color from your brand palette, and upload your store logo (a 200×40 px PNG works best). The widget instantly mirrors your store’s look - no coding needed.

An on-brand chat does more than match colors. Your AI agent learns from the same documents your staff uses: product descriptions, shipping policies, and guitar spec sheets. In the agent’s system prompt, add a few sentences about your brand voice - for example, "You are a friendly, slightly quirky music store expert who loves helping beginners find the right instrument." The agent will then answer every customer question in that tone, letting you brand your chat experience as seamlessly as your store’s in-person service.

Before you embed anything, test the complete branded experience in Chatref’s playground. Type a few real customer questions - like "Which drum set is best for a small apartment?" - and watch the widget respond with your colors, your logo, and your voice. Tweak the prompt or the accent color until the chat feels unmistakably yours.

When everything feels right, copy the snippet from Chatref’s dashboard and add it to your Shopify store or site template. The widget loads with your branding intact, and site visitors get immediate help from an agent that looks and sounds like a natural part of your shop - no jarring off-brand experience.