> For the complete documentation index, see [llms.txt](https://docs.intelliticks.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.intelliticks.com/how-to/how-to-show-chatbot-in-right-middle-of-website.md).

# How to show chatbot in right middle of website

Sometimes you might want to keep chatbot button on the middle right of your website, and open it from the right side when a user clicks on it. To achieve it, please paste the code given below just above the chatbot script you have added to your website.

```css
<style>
div.iticks-pop-button{top:50%!important;transform:translateY(-50%);right:5px!important}div.iticks-notif-msg{bottom:50%!important;transform:translateY(31px)}div.notif-msg-tri{top:50%!important;transform:translateY(5px)}div.iticks-frame-container{top:50%!important;transform:translateY(-50%);right:0!important}div.iticks-hidden{right:-100%!important;transition:all .5s ease-in-out!important}@media only screen and (max-device-width:700px){div.iticks-frame-container{top:auto!important;transform:translateY(0)}div.iticks-frame-container.iticks-hidden{right:-100%!important;transition:all .5s ease-in-out!important}}
</style>
```