WIDGET

This wizard section turns your interactive AI avatar into a website chat widget, enabling real-time, AI-powered conversations right on your digital platform. The whole integration comes down to three numbered steps on the left, while the YOUR WEBSITE preview on the right shows exactly how the widget will appear to your visitors once it goes live.

Genesis Studio AI avatar widget integration with embed code, allowed URLs, and website preview

Here’s what each step involves:

  1. Copy Embed Code – your project’s unique widget script. Use the copy icon next to the snippet to copy it to your clipboard.
  2. Paste into HTML – insert the copied snippet into your target webpage’s HTML, inside the <body> section, exactly as the highlighted example shows.
  3. Allowed URLs – optionally, specify the page URL(s) where your widget is permitted to run. If you leave this list empty, the script will work on any domain where it is embedded, without restrictions.

To limit the widget to specific websites, enter the full address of each page (including the protocol part, e.g., https://) into the Website URL field. The Add URL option below creates extra input fields, letting you place your avatar on more than one domain at once, and the trash bin icon next to each field removes redundant entries in case you’ve changed your mind. Once the list is set, Save the changes to your project.

Tip:  

Later on, if you need to update this list by adding or removing addresses, there’s no need to re-integrate the widget – its embed code will remain the same. Simply edit the entries to let Genesis Studio know which pages will host your avatar.

That’s it! Your virtual AI-powered assistant is now available as a chat widget in the bottom-right corner of your updated page, ready to greet, guide, and support users 24/7 the moment they land on your site:

Genesis Studio website widget with talking AI avatar

To see the experience in action before publishing, click the avatar bubble in the YOUR WEBSITE preview – it opens the chat so you can explore how the widget works.

Tip:  

You can place your chatbot widget on multiple pages or domains simultaneously – there is no limit to the number of users who can interact with your AI avatar at the same time.

To bring the same avatar to phones with a shareable link or QR code, head over to the MOBILE section, or explore Live Preview for further details on the conversation experience.