Sometimes you'd like the same bot to have different avatar images on the different pages of your website (or just different websites).

This is possible with the explicit initialization.


For example, if we want to override the bot avatars on page 1 but on page 2 keep the settings as is


On page 1 (custom images), embed the code 


<script
    type="text/javascript"
    async
    defer
    src="https://quriobot.com/qb/widget/3MY12wr8gmd8AROG/NvRW9mA761E3BgZ4?init=explicit&onScriptLoad=quriobotLoaded">
</script>
<script type="text/javascript">
   function quriobotLoaded(){
       quriobot.init({
           avatarImage: "https://www.w3schools.com/howto/img_avatar2.png",
           stickyAvatarPopup: {
               image: "https://www.w3schools.com/howto/img_avatar2.png"
           }
       })
   }
</script>


Please note that onScriptLoad parameter is passed, this is a global-scoped callback function which will be called once the quriobot widget script is fully loaded and so quriobot.init can be called

Also note the init=explicit parameter added to the widget script URL.


On page 2 (no custom images), embed the code

<script
    type="text/javascript"
    async
    defer
    src="https://quriobot.com/qb/widget/3MY12wr8gmd8AROG/NvRW9mA761E3BgZ4" />