JavaScript
An easy way to add an assistant to your website is to use a script tag. It’s a simple copy and paste operation and you are good to go.
index.html
<script async defer src="https://superinterface.ai/script-tags/1173152c-ee1f-42c6-b94b-7b8ed047696b?publicApiKey=0f6cc1bf-f84b-4851-9f37-59d6639e7703"></script>
Placement of the script tag
In case of the Dialog UI type, the placing of script tag doesn’t matter.
The the interface will be available in the bottom right corner of the screen.
For the Thread (in-place) UI type, the script tag should be placed at the place where you want the interface to appear.
It is also a good practice to wrap the script tag in a div element that has a maximum height and overflow set to auto.
index.html
<div style="max-height: 500px; overflow: auto;">
<script async defer src="https://superinterface.ai/script-tags/1173152c-ee1f-42c6-b94b-7b8ed047696b?publicApiKey=0f6cc1bf-f84b-4851-9f37-59d6639e7703"></script>
</div>