[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-detail-how-to-create-a-live-chat-avatar-en":3},{"post":4,"related_posts":24},{"id":5,"slug":6,"title":7,"excerpt":8,"content":9,"cover_image":10,"cover_image_alt":11,"section":12,"section_id":12,"section_name":12,"category":12,"category_id":12,"tags":13,"author":14,"publish_date":18,"read_time":19,"seo":20,"content_type":23},"58","how-to-create-a-live-chat-avatar","How to Create a Live Chat Avatar: Build a Real-Time AI Avatar in 2026","Create a live chat avatar for your product","\u003Cp>\u003Cspan style=\"color: rgb(0, 0, 0);\">Building a digital human used to mean booking a studio, hiring an actor, and waiting days for the edit. That is no longer true. With FaceMarket, you can create a live chat avatar in your browser and have it talking to your users the same afternoon. A live chat avatar is a real-time digital human that listens, understands, and answers out loud. This guide shows you how to build one from start to finish, then embed it on your own site.\u003C\u002Fspan>\u003C\u002Fp>\u003Cp>\u003C\u002Fp>\u003Ch2 id=\"what-is-a-live-chat-avatar\">\u003Cstrong>What is a live chat avatar?\u003C\u002Fstrong>\u003C\u002Fh2>\u003Cp>A live chat avatar is a real-time digital human that holds a spoken conversation with your users. Unlike a pre-recorded video avatar, which plays a fixed clip, a live chat avatar listens to each question and answers on the spot, using an AI model for the response and a synthetic voice to speak it. You can give it your own face by uploading a video, or use a ready-made one, and you can train it on your own content so it answers from your material instead of guessing.\u003C\u002Fp>\u003Ch2 id=\"how-to-create-a-live-chat-avatar-in-4-steps\">\u003Cstrong>How to create a live chat avatar in 4 steps\u003C\u002Fstrong>\u003C\u002Fh2>\u003Cp>The whole process runs on a single FaceMarket page, split across three tabs: Profile, Abilities, and Knowledge. Here is each step.\u003C\u002Fp>\u003Ch3 id=\"step-1-choose-your-avatar\">\u003Cstrong>Step 1. Choose your avatar\u003C\u002Fstrong>\u003C\u002Fh3>\u003Cimg src=\"https:\u002F\u002Fstatic3.newportai.com\u002Fimg\u002Fd6af9151-6376-4cb4-a480-4d2214820f2e.png\" alt=\"Step 1. Choose your avatar\">\u003Cp>Start with the avatar. You have two options, and neither needs a camera crew. To use a specific person, such as a founder or a brand spokesperson, create your own avatar by uploading a video of them. To launch faster, choose a ready-made avatar from the Facemarket library, which includes options such as Velith, Wyatt, and Richard, each already set up to move and speak. Select an avatar, confirm, and it loads as a live video feed with a start talking button.\u003C\u002Fp>\u003Ch3 id=\"step-2-set-the-profile-and-persona\">\u003Cstrong>Step 2. Set the profile and persona\u003C\u002Fstrong>\u003C\u002Fh3>\u003Cimg src=\"https:\u002F\u002Fstatic3.newportai.com\u002Fimg\u002F6605d7bd-6465-42c5-835f-05233873dc76.png\" alt=\"Step 2. Set the profile and persona\">\u003Cp>Open the Profile tab and tell the avatar who it is. There are three fields: a name, a one-sentence description of what it does, and an optional persona. The persona has the biggest effect on how the avatar behaves. A generic instruction such as \"be concise, friendly, and focus on accurate answers\" produces a generic assistant, while specific direction on tone, formality, and topics to avoid produces an avatar that holds a focused conversation. You can also assign an industry and a role, from customer support to researcher to coach, to categorize the avatar.\u003C\u002Fp>\u003Ch3 id=\"step-3-pick-the-model-and-voice\">\u003Cstrong>Step 3. Pick the model and voice\u003C\u002Fstrong>\u003C\u002Fh3>\u003Cimg src=\"https:\u002F\u002Fstatic3.newportai.com\u002Fimg\u002F2d1b893d-1591-4d3f-8ded-6a17a24d9328.png\" alt=\"Step 3. Pick the model and voice\">\u003Cp>The Abilities tab controls the response engine and the voice. FaceMarket offers four models built for real-time conversation, plus a custom option for advanced setups. The model you choose affects how natural the avatar sounds and how quickly it replies. In the same tab, select a voice, write a behavior prompt, and enable a greeting so the avatar opens the conversation instead of waiting for the first message.\u003C\u002Fp>\u003Ch3 id=\"step-4-add-knowledge-then-publish-and-embed\">\u003Cstrong>Step 4. Add knowledge, then publish and embed\u003C\u002Fstrong>\u003C\u002Fh3>\u003Cimg src=\"https:\u002F\u002Fstatic3.newportai.com\u002Fimg\u002Fb6ec20b5-71b5-4f8c-bb67-42ce34027819.png\" alt=\"Step 4. Add knowledge, then publish and embed\">\u003Cp>Open the Knowledge tab to make the avatar useful instead of just conversational. You can upload markdown or text files, connect a saved knowledge folder, or train the avatar directly through chat. Load it with your product documentation, FAQs, and onboarding material, and it answers from your own content. When it is ready, publish with one click and embed it on your site. Embedding takes an SDK call or an iframe, so the avatar runs on a landing page, a support widget, or a product demo without a custom rendering pipeline.\u003C\u002Fp>\u003Ch2 id=\"four-real-time-models-built-for-live-conversation\">\u003Cstrong>Four real-time models built for live conversation\u003C\u002Fstrong>\u003C\u002Fh2>\u003Cp>The model behind a live chat avatar decides how natural it sounds and how fast it responds. FaceMarket gives you four to choose from, each tuned for real-time conversation:\u003C\u002Fp>\u003Cul>\u003Cli>\u003Cp>\u003Cstrong>Gemini 3.1 Flash Live\u003C\u002Fstrong>: a high-quality, low-latency model for real-time, voice-first conversation.\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>\u003Cstrong>Gemini 2.5 Flash Live\u003C\u002Fstrong>: optimized for conversational agents, with sub-second native audio streaming.\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>\u003Cstrong>Azure-realtime\u003C\u002Fstrong>: OpenAI's GPT-4o Realtime model, with bidirectional low-latency voice and text.\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>\u003Cstrong>GPT-5.5\u003C\u002Fstrong>: a high-quality, low-latency model for real-time conversation and voice-first applications.\u003C\u002Fp>\u003C\u002Fli>\u003C\u002Ful>\u003Cp>There is also a custom option when a specific setup calls for it. If you are not sure which to use, start with the default and switch later; the choice does not affect the rest of your configuration.\u003C\u002Fp>\u003Ch2 id=\"where-to-use-a-live-chat-avatar\">\u003Cstrong>Where to use a live chat avatar\u003C\u002Fstrong>\u003C\u002Fh2>\u003Cp>A live chat avatar fits the roles that are hard to staff around the clock:\u003C\u002Fp>\u003Cul>\u003Cli>\u003Cp>Sales support that answers questions outside business hours.\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>An e-commerce advisor that walks a shopper through product images.\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>An education avatar that bridges a language gap in a classroom.\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>A recruiting avatar that gives live commentary during an event.\u003C\u002Fp>\u003C\u002Fli>\u003C\u002Ful>\u003Cp>Each of these uses the same three tabs, Profile, Abilities, and Knowledge, filled in with different inputs. You do not build a new product for each job, you configure the same one differently.\u003C\u002Fp>\u003Ch2 id=\"how-to-embed-a-live-chat-avatar-on-your-website\">\u003Cstrong>How to embed a live chat avatar on your website\u003C\u002Fstrong>\u003C\u002Fh2>\u003Cp>FaceMarket uses a two-step deploy model: configure the avatar, then embed it. Embedding works through an SDK or an iframe, so the avatar you built drops straight into your page. You are not exporting a video file to download and host somewhere. You get a live avatar served from its own endpoint, and your page connects to it. That means the same avatar can sit on a marketing landing page, inside a customer support widget, or behind a product demo, and update centrally whenever you change its knowledge or persona.\u003C\u002Fp>\u003Ch2 id=\"start-building-your-live-chat-avatar-today\">\u003Cstrong>Start building your live chat avatar today\u003C\u002Fstrong>\u003C\u002Fh2>\u003Cp>You can go from a blank project to a working live chat avatar in one sitting: choose an avatar, set its persona, pick a model and voice, add your knowledge, and publish. Prioritize the persona and knowledge over the appearance, because those are what make the avatar genuinely useful.\u003C\u002Fp>\u003Ch2 id=\"live-chat-avatar-faq\">\u003Cstrong>Live chat avatar FAQ\u003C\u002Fstrong>\u003C\u002Fh2>\u003Ch3 id=\"what-is-a-live-chat-avatar-2\">\u003Cstrong>What is a live chat avatar?\u003C\u002Fstrong>\u003C\u002Fh3>\u003Cp>A live chat avatar is a real-time digital human that listens to a user and answers out loud, using an AI model for the response and a synthetic voice to speak it. It holds a live conversation rather than playing a pre-recorded clip.\u003C\u002Fp>\u003Ch3 id=\"how-do-i-create-a-live-chat-avatar\">\u003Cstrong>How do I create a live chat avatar?\u003C\u002Fstrong>\u003C\u002Fh3>\u003Cp>On FaceMarket, you create one on a single page in four steps: choose or upload an avatar, set its profile and persona, pick a model and voice, and add your knowledge before publishing.\u003C\u002Fp>\u003Ch3 id=\"can-i-turn-my-own-video-into-a-live-chat-avatar\">\u003Cstrong>Can I turn my own video into a live chat avatar?\u003C\u002Fstrong>\u003C\u002Fh3>\u003Cp>Yes. In the create flow you can upload your own video to build an avatar of a specific person, such as a founder or spokesperson, instead of using a library avatar.\u003C\u002Fp>\u003Ch3 id=\"which-ai-models-can-a-live-chat-avatar-use\">\u003Cstrong>Which AI models can a live chat avatar use?\u003C\u002Fstrong>\u003C\u002Fh3>\u003Cp>FaceMarket offers four real-time models: Gemini 3.1 Flash Live, Gemini 2.5 Flash Live, Azure-realtime, and GPT-5.5, plus a custom option for advanced setups.\u003C\u002Fp>\u003Ch3 id=\"can-a-live-chat-avatar-answer-questions-using-my-own-content\">\u003Cstrong>Can a live chat avatar answer questions using my own content?\u003C\u002Fstrong>\u003C\u002Fh3>\u003Cp>Yes. The Knowledge tab lets you upload markdown or text files, connect a saved knowledge folder, or train the avatar through chat, so it answers from your own material.\u003C\u002Fp>\u003Ch3 id=\"how-do-i-add-a-live-chat-avatar-to-my-website\">\u003Cstrong>How do I add a live chat avatar to my website?\u003C\u002Fstrong>\u003C\u002Fh3>\u003Cp>After you publish, FaceMarket gives you an SDK or an iframe to embed the avatar. It runs from its own endpoint, so you place it on a landing page, a support widget, or a product demo without building a rendering pipeline.\u003C\u002Fp>\u003Ch3 id=\"what-is-the-difference-between-a-live-chat-avatar-and-a-vide\">\u003Cstrong>What is the difference between a live chat avatar and a video avatar?\u003C\u002Fstrong>\u003C\u002Fh3>\u003Cp>A video avatar plays a fixed, pre-rendered clip. A live chat avatar responds in real time, generating a new answer for each question and speaking it through a synthetic voice.\u003C\u002Fp>\u003Ch3 id=\"how-much-does-a-live-chat-avatar-cost\">\u003Cstrong>How much does a live chat avatar cost?\u003C\u002Fstrong>\u003C\u002Fh3>\u003Cpre>\u003Ccode>Pricing depends on how much you use it and which model you run. Check FaceMarket's current pricing for the exact rates before you launch.\u003C\u002Fcode>\u003C\u002Fpre>\u003Cp>\u003C\u002Fp>","https:\u002F\u002Fstatic3.newportai.com\u002Fimg\u002F312b4764-6c14-45db-8166-ce6890e81aea.png","AGI Summit Live Chat Avatar powered by New Port AI","Tutorial",[],{"name":15,"avatar":16,"initials":17,"title":16,"bio":16},"Zoe Wei","","ZW","2026-07-01","6 min read",{"title":7,"description":21,"keywords":22},"Learn how to create a live chat avatar in four steps. Upload a video or choose an avatar, set its voice and knowledge, then embed the real-time digital human on your site.","live chat avatar, create live chat avatar, real-time avatar, real-time digital human, ai avatar, embed ai avatar","blog",[25,38,49],{"id":26,"slug":27,"title":28,"excerpt":29,"cover_image":30,"cover_image_alt":16,"section":31,"section_id":31,"section_name":31,"category":31,"category_id":31,"tags":32,"author":33,"publish_date":36,"read_time":37,"content_type":23},"68","halloween-ugc-product-video","How we turned one product photo into two Halloween videos","One candle photo, two creative directions. Go behind the scenes of our realistic UGC and cinematic Halloween ad.","https:\u002F\u002Fstatic3.newportai.com\u002Fimg\u002Fb0c22010-ae66-45e4-833f-97f0f0a7adc7.png","How-to",[],{"name":34,"avatar":16,"initials":35,"title":16},"Claire Wei","CW","2026-10-15","3 min read",{"id":39,"slug":40,"title":41,"excerpt":42,"cover_image":16,"cover_image_alt":16,"section":43,"section_id":43,"section_name":43,"category":43,"category_id":43,"tags":44,"author":45,"publish_date":48,"read_time":37,"content_type":23},"67","video-translation-dubbing-guide","How to Add AI Video Dubbing and Translation to Your App","How AI video translation works, what it costs on DreamAPI and how to plan a dubbing and lip sync pipeline for multilingual video content.","Localization",[],{"name":46,"avatar":16,"initials":47,"title":16},"James","J","2026-07-17",{"id":50,"slug":51,"title":52,"excerpt":53,"cover_image":54,"cover_image_alt":16,"section":31,"section_id":31,"section_name":31,"category":31,"category_id":31,"tags":55,"author":56,"publish_date":59,"read_time":60,"content_type":23},"66","ai-product-photography-api-guide","How to Generate Product Photos for E-commerce with AI (API Guide)","Guide to automating product photography with DreamAPI: remove backgrounds, extend shots for every ad format, clean up artifacts, and upscale","https:\u002F\u002Fstatic3.newportai.com\u002Fimg\u002Fec253106-cb20-4165-a499-f71913c7dbfe.png",[],{"name":57,"avatar":16,"initials":58,"title":16},"Andrew","A","2026-07-16","7 min read"]