# Documentation ## How to Install the Sarah AI Widget ### Version: beta-0.9.4 To display Sarah AI on any page of your website, follow the single step described below. ### Single Step: Add the Widget Script In the HTML code of your site, before closing the `</body>` tag, add the following script. Remember to configure the `APP_ID`, `CHANNEL_ID`, and `LANG` (default language of your site) according to the information provided by the AI Connect team: ```javascript <script> // AppID provided by the AI Connect team var APP_ID = '<YOUR_APP_ID_HERE>'; // ChannelID provided by the AI Connect team var CHANNEL_ID = '<YOUR_CHANNEL_ID_HERE>'; // Default language of your site var LANG = 'pt'; window.sarahWebChatSettings = { app_id: APP_ID, channel_id: CHANNEL_ID, lang: LANG, widget_position: 'bottom-right', // bottom-right|bottom-center dimming_background: false }; (function(){window.SarahWebManager=window.SarahWebManager||{},window.SarahWebManager.isReady=(func)=>{window.SarahWebManager.funcs=window.SarahWebManager.funcs||[],window.SarahWebManager.funcs.push(func)};var h='https://sarah-ai.co/widget/',t=document,e=t.createElement('div');e.id='sarah-web-chat';t.body.appendChild(e);var a=t.createElement('link');a.href=h+'index.css';a.rel='stylesheet';t.head.appendChild(a);window.addEventListener('load',function(){var e=t.createElement('script');e.id='sarah-web-chat-config';e.type='module';e.async=false;e.src=h+'index.js';t.body.appendChild(e);},false)})(); </script> ``` ### Done! 🎉 Now, Sarah AI is ready to be displayed on your website.