Look & Feel
The Look & Feel section in Zipchat AI gives you complete control over your chatbot’s appearance and interaction style. By aligning the chatbot’s design with your website’s branding and tailoring its functionality, you create a seamless and engaging user experience that encourages customer interaction.
Key Customization Options
1. AI Agent Personalization
Name of Your AI Agent: Set a relatable name and role for your chatbot. Example: Luca from [BRAND NAME] | Online.
Avatar: Upload an avatar or photo to give your chatbot a human touch. Tip: Use a friendly and approachable image to build trust.
2. Welcome Message
Create a warm, inviting first impression with a custom message. Example: "Welcome to [BRAND NAME] 😎! I'm Luca, how can I help you today?"
3. Predefined Messages (Chat Starters)
Add quick-action buttons to guide users into specific conversations. Examples:
"Product Recommendation"
"Order Tracking"
"Gift Ideas"
These messages make it easier for customers to engage without typing, improving efficiency and interaction rates.
4. Placeholder Message
Set a placeholder in the input field to guide users on what to type. Example: "Write a message."
5. Chat Widget Customization
Color: Choose a widget color that matches your website’s theme. Example: Hex Code: #000000 (for a sleek black look).
Bubble Size: Adjust the chat bubble to "Large" for better visibility.
Bubble Position: Place the bubble where it’s most accessible—default to "Bottom Right" but fine-tune its position with precise left/right and up/down settings.
6. Lead Collection Popup
Title and Subtitle: Personalize the prompt for email collection. Example:
Title: "Leave your email for a 10% discount"
Subtitle: "You will receive the coupon code immediately"
Buttons:
Send Label: "Send message"
Skip Label: "Skip" (for users who prefer not to share their email).
Placeholder Text: Guide visitors with text like "Email address."
7. Marketing Consent
Enable or disable the marketing consent option based on your strategy.
Customize the message: Example: "I agree to receive marketing emails."
Example Setup
AI Name: Luca from [BRAND NAME] | Online.
Avatar: A friendly photo of Luca with a smile.
Welcome Message: "Hi there! I'm Luca, here to help. Ask me anything about our products or services."
Predefined Messages:
"Track My Order"
"Need Product Info"
"Chat About Discounts."
Widget Color: Match your brand’s primary color (e.g., #FF5722 for orange).
Position: Bottom right, 20px from the edges.
Create a Chatbot Your Customers Will Love
With Zipchat’s Look & Feel options, you can build a chatbot that not only looks professional but also feels approachable and easy to use. From branding to functionality, every detail is in your hands to ensure your chatbot enhances your website’s user experience and drives customer engagement. 🚀
Last updated