GPT4Business
Admin DashboardCertified Program Registration
English
English
  • Getting Started
    • 👋Welcome
      • The Company
      • Why Is This Fantastic for Your Business?
    • ✨Quickstart
    • 👨‍🏫Glossary
    • 🚧Prompting
      • Useful prompts
    • FUNCTIONS
    • 👨‍💻How AI Agents Work
      • How to Build an AI Agent
    • 🎨AI Agent Dashboard
    • 📝Knowledge Base
    • 🧮AI Agent Settings
    • 🪟AI Chat Widget
    • 🎭Conversations
    • 👑MasterChat
    • 💉Integrations
      • Embed Chatbot on a Website
      • Facebook Messenger
      • WhatsApp
      • Instagram
      • Human Handoff for Integrations
      • Squarespace
      • Shopify
      • WIX
      • Wordpress
      • GHL
      • More Questions About Embedding Agents
      • Zapier App
    • 📒Leads
      • Overview of Lead Generation
      • Sending Lead Data to Zapier
      • Sending Lead Data to GHL
      • Sending Lead Data to Zoho CRM
    • 🔌APIs
      • Getting starter
      • Message AI Agent
      • Message AI Agent Q/A
      • User / Me
    • SUPPORT
    • ⛑️Troubleshooting
      • Debug mode
      • Multilingual Responses
      • Responses are too long
      • Clickable link in responses
    • 👔Office hours
    • 🔍FAQ
      • General
      • Localization
      • Data/Security
      • Technical Questions
      • Other
    • 🔐Security & Compliace
      • Data Privacy & Security Overview
      • GDPR Privacy Overview
      • Privacy Policy
      • Terms & Conditions
      • Data Processing Agreement
      • AI Model Data Usage
    • 🆘Need help?
    • 💲Pricing
      • Basic plan
      • Professional Plan
      • Master Plan
      • Consulting Services
      • Enterprise Solutions
    • NEWS
      • January 2025
        • The Dawn of a New Era: Stargate AI and the Golden Age of Innovation
        • The Future of Software: Agents and the Decline of SaaS
  • 💰Certified Partner program
    • Game Changer Program
    • How much I can make?
    • Application process
    • Q/A about the Program
Powered by GitBook

© 2025 YoloAI Technologies Inc.

On this page
  • Customize Chat Widget Apperance
  • Font Size
  • Font Family
  • Subheading
  • Chatbot Icon
  • Chat Input Placeholder
  • Send Message Button
  • Customize Colors
  • Widget Boarder
  • Widget Background
  • Response Typing Speed
  • AI Agent Status Messages
  • Chat Widget Pop-Up
  • How to Enable
  • Initial Messages Pop-Up
  • Chat Widget Voice

Was this helpful?

  1. Getting Started

AI Chat Widget

Customize the look and feel of each AI agent to match the branding of any business.

PreviousAI Agent SettingsNextConversations

Last updated 4 months ago

Was this helpful?

Customize Chat Widget Apperance

This allows you to full customize the look, color, appearance and feel of the embeddable chat widget.

To customize the appearance of your AI agent's chat widget, click into any AI agent and then navigate to the Appearance tab. Here you will see a whole suite of options to customize pretty much every aspect of the chat widget.

On the right hand side there is a live preview of what your changes will look like.

Font Size

Font size for the chat text in pixels.

Font Family

Font family for the chat text.

Subheading

Subheading for the chat widget, such as 'Online', 'Available', etc.

Chatbot Icon

Displayed in the chat widget header as the chatbot image.

Supported file extensions are png, jpg, jpeg and Ideal logo size is 32x32 pixels.

Chat Input Placeholder

Enter the text that will be displayed as a hint in the chat input field.

Send Message Button

Upload a custom send message button. Defaults to a standard button if not provided. Supported file extensions are png, jpg, jpeg and Ideal logo size is 32x32 pixels.

Customize Colors

This section allows you to customize all the different colors of the platform.

Widget Boarder

Border radius of the widget in pixels.

Widget Background

Widget Background Preference.

Response Typing Speed

Simulated typing pace of the bot.

AI Agent Status Messages

Enable to show status messages from the AI agent in the chat widget which are displayed to the user while the AI is processing a response.

Chat Widget Pop-Up

The chat widget window will automatically open fully after a certain amount of seconds. This is a larger interface to get user's attention to engage with the bot.

How to Enable

In the Update section of any AI agent you can open the dropdown under 'Select Popup Type' and select the option you want to enable.

Alternative Option - Initial Messages Pop-Up

The initial messages are shown to the user as being "from" the AI agent in the chat widget interface and in this case as a way to get user's attention to engage with the bot.

Initial Messages Pop-Up

When enabled this will show a small pop-up message to users who land on a webpage with the chat widget installed after a variable amount of seconds.

Chat Widget Voice

Information about how to enable voice in & out for the website chat widget.

What is Chat Widget Voice?

There is now the ability to have voice functionality within your website chat widget.

This means that, when enabled there will be the option to click a voice icon and speak into the bot, as well as be able to hear the AI's response verbally.

Voice In = Voice to Text

Voice Out = Text to Voice

How much does it cost?

This version of voice inside the chat widget is completely free to use for both agencies and sub-accounts.

How to Enable Voice

  1. Navigate to the update tab for any AI agent

  2. Click into the advanced settings

  3. Enable/ Disable this feature based on what you want the user to be able to do

The Future of Voice

We will be implementing other native integrations that will allow for connections to OpenAI's Whisper and ElevenLabs. This will bring customized voices along with hundreds of higher quality options.

🪟
Appereance
AI Agent Status
Chat Widget Pop-up
Future of Voice