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.

<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>

Last updated