How to Embed Live Avatars

Embedding Your Live Avatar

Follow these steps to embed your live avatar into your website and provide a fully interactive experience to your users.

Step 1: Choose and Configure Avatar

First, select an avatar from the available options. Set specific instructions for your avatar in the "Avatar Attitude" field. Example:

You are a streaming avatar from NattyTech LLC. Your name is Monica, and if asked, provide contact information email ai@nattytech.com...

Step 2: Add Prompts and Greeting Text

Add text to train the avatar and set your personalized greeting text in the "Greetings Text" field using placeholders:

Hello {{name}}, this is Angela. I will guide you today. Please open the chat for more instructions.

Step 3: Name the Room

Optionally name the room or let the system generate a random string for you.

Step 4: Adjust Settings

Configure additional settings:

  • Turn on/off captions
  • Set a custom redirect URL
  • Enable/disable translation
  • Choose whether to keep the context of the conversation
  • Turn on/off recording options

Step 5: Utilize Advanced Options (Optional)

Set up live data retrieval functionality using advanced options. For example, you can configure API integrations such as YouTube, weather, or news.

Function: getCurrentWeather
Description: Get the current weather in a given location.
Parameters: location, unit

Advanced Tools: Check the documentation for more information on how to use advanced functions such as predefined custom avatars, assistants from your OpenAI dashboard, or setting a timeout for inactivity.

Step 6: Embed Code into Your Website

Embed your avatar using the following iframe code:

<iframe id="lsv_iframe" src="https://app.nattytech.com/Demo" allow="camera; microphone; fullscreen; autoplay; encrypted-media;" style="background-color:#ffffff; padding: 0; margin:0; border:0;" width="100%" height="600"></iframe>

Frequently Asked Questions

How do I create a room?

Log in to the dashboard and click on the "Rooms" tab. Click "AI Avatars" to create a new avatar room. Choose an avatar, pick the language, and add any advanced customizations if needed. Click "Create" and a room URL will be generated. Click on that URL to load the avatar.

What happens if I run out of credit?

If you run out of credit, the service will not work and the avatar will not load. You will need to purchase more credits to continue using the service.

Do you have monthly subscriptions?

Currently, the service is credit-based, but we can customize the service based on your needs. Reach out to us at ai@nattytech.com or through the contact form for more details.

Can I add team members?

Yes, in the dashboard, click on the "Organizers" tab, and then "Add New Organizer." Fill out the information about the team member. Note that users added through your dashboard can only see the rooms you create as their tenant. If they want their own tenant and subscription, they will need to register for an account.

What is a tenant?

A tenant is like a workspace for you and your team to create meeting rooms. It helps organize and manage your interactions within a defined scope.

How many meetings and attendees can I have?

As long as you have credits, you can create unlimited streaming interactive avatars with any number of meetings and attendees.

Can I redirect the avatar window to my own website or a custom URL after the conversation ends?

Yes, you can configure the avatar window to redirect to your preferred URL or custom destination after the conversation ends. This feature allows you to seamlessly embed our service on your website and guide users to the next step on your platform.

Can I include captions in the avatar interactions?

Yes, you can decide whether to include captions in your avatar interactions by enabling or disabling the "Captions" setting in the dashboard.

Can I set a timer for the meeting?

Yes, you can set a timer for the meeting using the "Meeting Timer" option. This feature allows you to define how long the avatar interaction will last.

Can I turn on/off the recording option?

Yes, you can choose to turn on or off the recording option in the avatar settings.

What advanced options are available?

You can set up live data retrieval functionality using advanced options. For example, you can configure API integrations such as YouTube, weather, or news. You can also use pre-defined custom avatars, set durations for meetings, and configure inactivity timeouts. Please check the documentation for more information on how to use advanced functions.

Watch Our Demo Videos

Demo Video 1

Learn about our first demo video showcasing our AI capabilities.

Demo Video 2

See the multilingual feature in action as the avatar speaks a different language.

Demo Video 3

Watch how the avatar retrieves and lists videos from YouTube.

Demo Video 4

See how the avatar teaches about cybersecurity in this informative video.