Customizing Chat Widget Appearance
Customizing Your Chat Widget
Your chatbot’s appearance is the first thing customers notice on your store, so Chizy allows you to fully customize the chat widget to match your brand.
1. Choose a Style
Icon Only – Display a clean chat icon.
Icon & Label – Show both the icon and a text label (e.g., “Chat”).
Custom – Upload your own icon for a unique look.
2. Select a Color
Pick from preset colors or use a custom gradient to fit your brand identity.
This color will define the chatbot button on your storefront.
3. Position the Widget
Desktop Position: Choose where the chat button appears on desktop (e.g., bottom-right or bottom-left).
Mobile Position: Set the widget placement for mobile devices separately.
4. Add an Invitation Message
Enter a short, engaging message (up to 50 characters) to encourage visitors to start chatting.
Example: “Need help finding a product?”
This message will appear when customers see the chat widget.
5. Enable Smart Follow-up (Optional)
Automatically send follow-up messages to visitors who don’t respond.
Set the delay (e.g., 5 minutes) before the follow-up message is triggered.
Preview in Real Time
On the right-hand side of the settings page, you can preview your widget as you customize it, ensuring it looks perfect before saving changes.
✅ Once you’re happy with the design, click Save. Your chatbot widget will instantly update on your storefront.
Customizing Your Chat Screen
The Chat Screen is where your customers interact directly with Chizy. You can personalize it to reflect your store’s brand and make conversations feel more engaging.
1. Agent Name
Set the name your customers will see when chatting with your bot.
Example: “Chizy Bot” or “YourStore Assistant”.
Tip: Use a friendly name to make interactions more personal.
2. Welcome Message
This is the first message your bot sends when a customer opens the chat.
Example: “Hi there 👋 How can I help you today?”
Keep it warm and inviting to encourage engagement.
3. Logo / Icon Upload
Upload your store’s logo or a custom chatbot icon.
Supported formats: JPG, PNG, GIF, WebP (max 2MB).
This helps align the chat experience with your brand identity.
4. Preset Questions
Add common questions that will appear as suggested quick replies in the chat.
Examples:
“Do you offer free shipping?”
“How long does delivery take?”
“What payment methods do you accept?”
Customers can tap these questions for instant answers, reducing effort and improving satisfaction.
You can add, edit, or delete preset questions anytime.
Real-Time Preview
On the right-hand side, you’ll see a live preview of how your chat screen looks to customers. This updates instantly as you make changes, so you can ensure everything is perfect before saving.
✅ Once customized, click Save to apply changes and update the chat screen on your storefront.
Setting Up Store Contact
To make sure customers can always reach your support team, Chizy allows you to add direct contact information. This ensures that if the chatbot cannot resolve an issue, your shoppers still have an easy way to connect with you.
1. Support Email
Enter your store’s customer support email.
Example: [email protected]
Customers can use this for inquiries, returns, or follow-ups.
2. Phone Number
Add a phone number where customers can call your support team.
Use international format for best results (e.g.,
+1 (555) 123-4567).This builds trust by showing shoppers they can reach a real person.
3. WhatsApp Number
Enter your WhatsApp business number for direct messaging.
Example: +1 (555) 123-4567
Customers can quickly reach you via their favorite messaging app.
Why Add Store Contact?
Provides a human support option alongside the chatbot.
Builds trust and transparency with customers.
Reduces abandoned conversations by offering multiple ways to connect.
✅ Once you’ve filled in the fields, click Save to activate the contact details in your chatbot.
Last updated