Skip to content

study-tutorials/oav-chatbox

 
 

Repository files navigation

OpenAI Chatbox

An Open-source Chatbox Widget For Website with ChatGPT integration

Demo: https://openaivn.github.io/oav-chatbox/

For Development

Start project for develoment

npm start

Build the project

npm run build

API Elements

  • oav-info
  • oav-chat-widget
  • oav-chat-button

How to use?

Copy the following code, embed into your website

Example 1:

Auto inject, just paste code with attribute: data-botscript="autoInject"

<!-- head: just only insert lib -->
<script type="text/javascript" data-botscript="autoInject" data-name="cooing-aquamarine-dormouse" src="https://openaivn.github.io/oav-chatbox/js/oav-chatbox-latest.js" async></script>

Example 2:

Using custom elements: oav-chat-widget

<!-- head: insert lib -->
<script type="text/javascript" src="https://openaivn.github.io/oav-chatbox/js/oav-chatbox-latest.js" async></script>

<!-- body: embed -->
<oav-chat-widget name="demo" active="true"></oav-chat-widget>

Example 3:

Using custom elements: oav-chat-button

<!-- head: insert lib -->
<script type="text/javascript" src="https://openaivn.github.io/oav-chatbox/js/oav-chatbox-latest.js" async></script>

<!-- body: embed -->
<oav-chat-button name="demo" active="true">TURN ON</oav-chat-button>

OAV Community

Join us on social networks!

License

MIT License

Copyright (c) 2023 OpenAI Vietnam

About

OAV Chatbox Widget

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 61.1%
  • SCSS 19.0%
  • HTML 13.5%
  • JavaScript 6.2%
  • CSS 0.2%