One script. One element.
Give your chatbot a living face.
Keep your chatbot, or bring your NetShow agent with its own knowledge and tools. Choose a character, then copy your two lines.
Your embed
See the demoPaste these two lines
Give the element space in your layout. The face keeps its existing menu, captions and accessibility controls.
Check this snippet before installingPreview opens your selected agent in this space.
Choose your settings, then preview the selected agent here.
Connect your existing chatbot
Your chatbot keeps its own model and audio. Feed its state, captions and audio through the same face; no second NetShow voice starts.
const face = await NetShowFactoryFace.connect(document.querySelector('[data-ff-mount]'));
face.state('speaking');
face.caption(yourAssistantResponse);
face.attachAudio(yourBotAudioElement);
// When the visitor interrupts:
face.interrupt();
// When your component leaves the page:
face.destroy();
Your site's NetShow embed capability must be enabled. The snippet checker explains loading and authorization requirements.