Styling

Creating an engaging chatbot interface can significantly improve user interaction. This guide will walk you through the essential steps to style your chatbot, allowing you to customize elements like message placeholders, colors, and other visual features.

Steps To Customize Your Chatbot

1. Access The Chatbot Styling Interface

• Navigate to the styling section.
• You will find various customization options in a user-friendly layout

2. Edit The Message Placeholder

• Locate the Message Placeholder Field:
• Enter a default text for your users, such as "Message....

3. Configure Initial Messages

• Set Up Your Initial Greeting:
• In the "Initial Messages" section, type greetings like "Hi! What can I help you with?"
• Suggested Messages:
• Add suggested questions to guide users

4. Customize Theme And Colors

• Choose a Color Theme:
• Select a light or dark theme based on your brand aesthetics.
• Set Background and Text Colors :
• Choose colors for user message backgrounds and text to ensure readability and consistency.

5. Personalize Display Name And Icons

• Set Display Name:
• Input a display name for your chatbot to make it recognizable.
• Upload Profile Picture and Chat Icon :
• Click "Upload Image" under the respective sections to enhance your chatbot’s identity.

6. Adjust Chat Bubble Settings

• Color and Alignment:
• Modify the chat bubble button colors and decide whether to align them to the left or right.

7. Enable Response Streaming

• Toggle Options:
• Find the "Enable Response Streaming" setting and toggle it on or off based on your preference for displaying responses.

8. Save Your Changes

• Once all adjustments are made, click the "Save" button to apply your customizations

With these straightforward steps, you can effectively customize your chatbot interface, making it more engaging and aligned with your brand identity. After saving your changes, test the chatbot to ensure everything functions smoothly and engages your users effectively. Happy customizing!.

Use Case Scenarios

1. E-Commerce Store Customer Support

• Objective: Enhance customer interaction and support through an engaging chatbot interface
• Initial Greeting: "Welcome to [Store Name]! How can I assist you today?"
• Suggested Messages: "Track my order", "Return policy", "Product inquiries"
• Theme: Align with store branding colors, such as warm tones to provide a friendly feel

2. Restaurant Reservation Assistance

• Objective: Facilitate seamless booking and answer FAQs in a friendly manner
• Customization:
• Message Placeholder: "Say something..."
• Initial Messages: Hi there! Would you like to make a reservation?
• Display Name: FoodieBot
• Chat Bubble Settings: Use appetizing colors for message backgrounds to attract users.

3. Healthcare Appointment Scheduling

• Objective Enable patients to self-schedule appointments without human intervention.
• Customization
• Initial Greeting: Hello! How can I help you with your health today?
• User Message Background Color: Utilize calming colors like light blue or green.
• Response Streaming: Enable to allow users to see responses line by line for better engagement.

4. Travel Agency Booking Questions

• Objective: Help customers with inquiries regarding flights, hotels, and packages.
• Customization:
• Suggested Questions: What are travel restrictions?", "Best travel packages
• Profile Picture: Use an attractive travel-themed photo
• Chat Icon: Select an icon representing travel, such as a suitcase

5. Online Learning Platform

• Objective: Provide students with learning resources and course-related queries.
• Customization:
• Theme: Utilize an educational color scheme, like navy blue and white
• Initial Messages: Welcome to [Platform]! What course are you interested in?
• Scroll Feature: Ensure chat history is easily accessible for users.