Frontman : Enterprise Chatbot Platform
  • 👋Frontman | Enterprise Chatbot Platform
    • 🚀How to Get Started with Frontman
    • 💰Pricing
    • 📞Schedule Demo & Contact Founding Team
  • 😍Create your First Chatbot
  • 📊Dashboard
  • 〽️Story Builder
    • ➕How to Build your First Chatbot Flow
    • ➕Building Blocks
    • ➕Cards
      • ➕Display Cards
        • Bot Says
        • Image/GIF
        • Carousel
        • Quick Reply
        • Phraser Card
        • Audio
        • Video
        • Multiple Choice
        • User Input
        • Range Slider
        • Rating
        • Date Picker
        • Auto suggest
        • Custom Form
        • Website
        • Book Meeting
      • ➕Utility Cards
        • Go-to
        • Setup user attribute
        • Email
        • JSON API
        • Google Sheets
        • Run-IF Card
        • Typing Delay
        • Comments
        • Goal Tracker
        • A/B Splitter
        • Custom Script
        • End Conversation
        • SMS
        • Slack
        • Export via Zapier
        • Whatsapp Template
      • ➕Plugin Cards
        • Shiprocket Track Card
        • Shopify
          • Cancel Order
          • Track Order
          • Return Order
        • Zoho CRM
        • Salesforce CRM
        • Hubspot CRM
        • Odoo CRM
        • Pipedrive CRM
        • Active Campaign CRM
    • ➕Chatbot Details
    • ➕Export Chatbot
    • ➕Direct Link
    • ➕Clone Block
  • 🔆Instinct AI
    • Train AI
      • Data Loaders
        • Document Loader
        • Crawl Website
        • Notes
        • Google Drive
        • Amazon S3
        • Gitbook
        • Microsoft OneDrive
        • Notion
        • RSS
        • Confluence
        • Shopify Blog
        • Zendesk
        • Knowledge Base(Makerobos)
        • Shopify AI Search
        • Image Parser
      • Data Bank
    • AI Agents
      • Wikipedia
      • Youtube Search
      • Function Calling
      • Recent News
      • Web Search
      • Run Block
      • Shopify AI Search
      • Task Master
    • Private Notes
    • Feedback
    • Insights
  • 📺Style Builder
    • ➕Setup Avatar
    • ➕Setup Chatscreen
    • ➕Setup Homescreen
  • ☁️Publish
    • ➕Install Frontman on your Website
    • ➕Track Visitor with your Frontman
    • ➕Custom Display Settings
    • ➕Conversational landing page (Progressive)
    • ➕Embed Frontman
    • ➕Security
    • ➕Language
    • ➕Time Zone
    • ➕Hibernate Frontman
  • 📊Analytics
    • ➕Session
    • ➕Active Users
    • ➕Total Messages
    • ➕Total Visits
    • ➕Traffic Stats
    • ➕User Activity
    • ➕Resources
    • ➕Goal Tracker
  • 🧑‍🤝‍🧑Audience
    • ➕User Attributes
    • ➕How to set filters
    • ➕How to export User’s data
    • ➕Customize Table
  • ⚒️Marketing Tools
    • Teaser Message
    • Frontman Apps
      • Persistent Menu
      • Broadcast message
      • Get Subscribers
      • Knowledge Base
  • 📖Knowledge Base
    • ➕Overview
    • ➕Collections
    • ➕Articles
    • ➕Reports
  • ⚙️Account Settings
    • ➕My Profile
    • ➕Company Details
    • ➕My Plan
    • ➕Plans and Pricing
    • ➕Order History
    • ➕Billing Preference
    • ➕Invoice History
    • ➕Developers Hub
      • ➕API Key
      • ➕Postman Collection
      • ➕Google Application
      • ➕Amazon SNS
      • ➕SMTP
      • ➕Whatsapp Template Messaging
      • ➕LLM's
      • ➕Data Loaders
    • ➕Applications
    • ➕Manage Teams
    • ➕Manager Account
    • 🪧Report a Issue
Powered by GitBook
On this page
  1. Style Builder

Setup Avatar

PreviousStyle BuilderNextSetup Chatscreen

Last updated 10 months ago

Here you can configure you avatar and give your user a perfect experience with great design and look

Let's learn how to Setup your avatar

  • Set Widget(Add GIF)

    Set your widget position to bottom-left or bottom-right according to your users accessibility

  • Set your avatar

    Selecting a Built-In Avatar: We offer a variety of pre-designed avatars to choose from. Uploading Your Own Avatar also You can upload a custom avatar that reflects your personality or brand.

  • Avatar's Button Shape

    The Avatar component offers flexibility in its button shape. By default, it renders as a circle, promoting a natural user image representation but you can also switch it to a square shaped one.

  • Avatar's Button Size

    Our chat interface offers 3 customizable avatar button sizes: small, standard, and large. This flexibility allows you to tailor the button to your design preferences and optimize user experience for your specific audience.

  • Set Avatar's Name

    To enhance user engagement, we recommend assigning a friendly and memorable name to the avatar that facilitates conversation. This fosters a more natural interaction and personalizes the user experience.

  • Add Ripple Effect

    Implement a subtle button ripple effect to visually confirm user interaction

📺
➕