diff --git a/docs/docs/sources/chatplugin/overview.md b/docs/docs/sources/chatplugin/overview.md index 4d07798e35..0598646870 100644 --- a/docs/docs/sources/chatplugin/overview.md +++ b/docs/docs/sources/chatplugin/overview.md @@ -4,13 +4,57 @@ sidebar_label: Overview --- import TLDR from "@site/src/components/TLDR"; +import ButtonBox from "@site/src/components/ButtonBox"; +import ButtonBoxList from "@site/src/components/ButtonBoxList"; +import HammerAndWrenchSVG from "@site/static/icons/hammer-and-wrench.svg"; -Airy's Live Chat Plugin is an **open-source chat widget** that you can put on your website to chat with your visitors. +Airy's Live Chat Plugin is an open-source chat widget that is fully customizable +and included in Airy Core -The Airy Live Chat Plugin is a fully-featured -[source](/getting-started/glossary#source) that enables conversations with -anonymous website visitors through a web chat plugin. +## Introduction + +Having a Live Chat plugin on your website has become essential. Connect with +your website visitors, communicate with them in real time, or use a bot to +automate FAQs. + +Airy’s Live Chat Plugin comes out of the box fully working, but thanks to its +open-source nature and React Render Props you can customize everything about it. + +Out of the box Airy’s Live Chat Plugin supports: + +- Full customization of look, feel and features +- All message types, including emojis +- Rich Messaging: Templates, cards & carousels + +## How it's build + +The Airy Live Chat Plugin is JavaScript library built with +[preact](https://preactjs.com/)and +[TypeScript](https://www.typescriptlang.org/). + +The library makes heavy use of [render +props](https://reactjs.org/docs/render-props.html) so that you can customize its +behavior in every aspect. The library handles all the +[communication](/api/endpoints/chatplugin.md) with Airy Core transparently for +you. + +## Customization + +Completely customize your Live Chat and make it match your brand: + + + } + title='Learn more about the customization of your Chat Plugin' + description='From colors to shapes and sizes: everything is editable' + link='/sources/chatplugin/customization' +/> + + +## Supported message types + +TODO