✏️Chatbot Appearance and message

Update appearance of the chatbot with this endpoint :

https://www.owlbot.ai/api/bot/[id]/update/

Where [id] is the chatbot uuid of the chatbot you want to update.

in terms of design, there is a lot of parameters you can play with :

For Chatbot Window

Property	Type	Description
bot_primary_color	string	Optional.
bot_secondary_color	string	Optional.
bot_user_icon	string	Optional.
bot_assistant_icon	string	Optional.
bot_title	string	Optional.
welcome_message	string	Optional.
bot_input_placeholder	string	Optional.
bot_footer_text	string	Optional.

For Chatbot Bubble

The chatbot bubble is the always visible bubble (often placed at the bottom left of the screen).

If your using it, it can be useful to customise it to match the colours and design of your site.

Here is the parameters you can play with :

Property	Type	Description
PLACEHOLDER_IFRAME_POSITION_BOTTOM	string	Optional.
PLACEHOLDER_IFRAME_POSITION_RIGHT	string	Optional.
PLACEHOLDER_TOOLTIP_WELCOMME_MESSAGE	string	Optional.
PLACEHOLDER_TOOLTIP_MAIN_COLOR	string	Optional.
PLACEHOLDER_TOOGLE_BUTTON_IMG_OPEN	string	Optional.
PLACEHOLDER_TOOGLE_BUTTON_IMG_CLOSE	string	Optional.

Some Example :

If you want to update the primary Color to Red Color. (#FF0000) and the bot Title to "test".

In Javascript / Fetch

dont forget to change [id] by your chatbot UUID.

let dataToUpdate = {
bot_primary_color : "#FF0000",
bot_title : "test"
}


fetch('https://www.owlbot.ai/api/bot/[id]/update/', {
  method: 'POST',
  headers: {
    'Authorization': 'abcdefghj',
  },
  body: JSON.stringify({
  dataToUpdate : dataToUpdate,
  botId : [id]
  })
}).then(res => res.json())
  .then(res => console.log(res));

Response

response is a HTTP 200 with the newly updated chatbot property as JSON.

 {
         "id":91,
         "created_at":"2023-06-28T07:01:58.308677+00:00",
         "bot_title":"test", 
         "bot_footer":"Powered by Owlbot",
         "bot_user_icon":"https://owlbot.ai/assets/chatbot/user.png",
         "bot_assistant_icon":"https://hrfaciqawmkslnzhtrpe.supabase.co/storage/v1/object/public/public/3c895cd5-1298-4f30-8417-044e2633293c/5ae2b602-bca9-4623-bf51-bf50b055a0c5.png",
         "bot_primary_color":"#FF0000",
         "uuid":[id],
         "owner":test user, 
         "visibility":1,
         "welcome_message":"Welcome Message",
         "bot_input_placeholder":"Type a message",
         "bot_footer_text":"Powered by Owlbot",
         "bot_secondary_color":"#6366F1",
         "PLACEHOLDER_IFRAME_POSITION_BOTTOM":"16px",
         "PLACEHOLDER_IFRAME_POSITION_RIGHT":"16px",
         "PLACEHOLDER_TOOLTIP_WELCOMME_MESSAGE":"Hello ! How can I help you ?",
         "PLACEHOLDER_TOOLTIP_MAIN_COLOR":"#8B5CF6",
         "PLACEHOLDER_TOOGLE_BUTTON_IMG_OPEN":"https://iframe.gptyourdata.ai/assets/logo-white.svg",
         "PLACEHOLDER_TOOGLE_BUTTON_IMG_CLOSE":"https://iframe.gptyourdata.ai/assets/x.svg",
         "js_script_name":null,
         "active":1,
         "word_count":2106,
         "messages_count":37,
         "bot_error_message":"Désolé, je ne comprends pas la question.",
         "doc_count":2,
         "link_count":0,
         "show_doc":0,
         "bot_agent_icon":"https://owlbot.ai/assets/chatbot/agent.png",
         "bot_agent_color":null,
         "secure":0,
         "is_working":0
      },