Embed a Voice AI Agent into Your Website with Soph-IA
This guide explains how to build a Voice AI Agent in Soph-IA and embed it into your website as a widget or popup, with options for text, voice, and avatar-based interactions.
⏱️ Time to complete: 8 minutes
Create a New Agent
- Navigate to AI Agents and click Create New Agent.
- Replace the default prompt with a specialised prompt tailored to your product.
- Optionally connect a Knowledge Base of FAQs for more accurate responses.
- Select a model (e.g., Gemini) and choose a suitable voice provider.
Enable Website Widget
- In the agent configuration, enable the Website Widget.
- Select the interaction type:
- Text and Voice only
- Avatar (Avatar-only or side-by-side)
Configure Widget Design
- Theme: Choose light or dark mode.
- Display Mode:
- Widget: Small window docked to a screen corner.
- Popup: Full modal in the centre of the screen.
- Placement: Select bottom-right or copy the embed code for manual placement in your HTML.
- Behaviour: Choose whether the agent starts speaking automatically or waits until the widget is opened.
Preview Widget
- After making changes, click Update Widget Preview to refresh the demo.
- Test both widget and popup modes to see how they look.
- Switch between voice-only and avatar options to preview different interaction styles.
Embed Agent into Website
- Copy the embed code provided in the widget settings.
- Paste it into your website’s HTML where you want the agent to appear (e.g., landing page).
- Reload your website to see the agent live.
- Test by asking product questions and verifying the responses.
What’s Next?
Once your Voice AI Agent is embedded, continue refining it:
Upload FAQs and documents to give your agent more context.Add ToolsEnable scheduling, custom API calls, or call-ending features.Configure PrivacyDecide how to handle recordings, transcripts, and external storage.
Need Help?
If you run into any issues or have questions:
- 📧 Email us at developers@soph-ia.ai / soporte@soph-ia.ai
- 📚 Check out our API Reference for detailed documentation
- 🎥 Watch our video tutorials for step-by-step guides