How do I customize Chatref to match my Shopify store's brand?

Within your agent’s settings, open the Customization tab. Pick a primary color using the color picker or enter a hex code pulled directly from your Shopify theme (usually found in your theme’s color settings). The widget will immediately adopt that color for buttons, headers, and highlights, helping your chatbot feel like a native part of your storefront.

In the same Customization panel, upload a square version of your store logo. This logo appears in the widget header and on the chat button, reinforcing your brand with every interaction. Acceptable formats are PNG or SVG - keep the file under 1 MB for the best load speed.

Choose the corner where the chat trigger sits (bottom-right works well for most Shopify stores) and set a friendly label like “Ask us anything” or “Need help?”. You can also define a short greeting message that appears before a visitor starts a conversation - make it warm and on-brand, e.g., “Need sizing or shipping details? We’re here.”

Once you are happy with the look, copy the one-line snippet from the Website Widget page in your Chatref dashboard. Paste it just before the closing </body> tag in your Shopify theme (Edit code > theme.liquid), or into any custom HTML section. Chatref’s onboarding flow will walk you through this step in under a minute.

Use the live playground or open your store in a private browser window to test the widget. Confirm the color, logo, and placement look right. The AI will already be grounded in your store’s own docs (product descriptions, FAQs, policies) so the help it provides matches your voice.

How do I match the chat widget to my store design?
Set your primary color to your store’s accent shade, upload your logo, and pick a widget position that fits your layout (e.g., bottom right). These options live in the agent’s Customization settings and make the widget visually inseparable from your Shopify theme.

How do I customize the AI chatbot’s appearance?
Head to your agent’s Customization tab. You can change the primary color, upload a logo, and adjust the widget label and greeting message. All changes apply instantly and are included on every Chatref account - no extra charges.

How can I brand my customer support chat?
Beyond the widget’s look, you brand the conversation by training the AI on your store’s own content. It will use your product names, tone, and policies when answering. Custom actions can collect details like order numbers right in the chat, so every interaction feels like an extension of your store’s support style.