Custom Chatbot icon

Hi @highdem,

1/ Using the sitewide popup, how can we put a custom icon (the icon we click on to open the chatbot) ?

You’ll find the answer at the very beginning of the FAQ. Please absolutely make sure you are using the latest version (0.5.7 or after).

2/ (FYI) Using the Chatbot Builder backend, changing the icon with one of the new suggested ones does not work: after being selected, it is still the same icon, even after cache refresh.

This is fixes in the new release ??

Hello!

The tips you provide to change the icon is only for Shortcode-based chatbot. I use sitewide popup. I can not see how and where to set my custom icon since with chatwide popup I cannot change any shortcode…

Indeed, I want to avoid adding all the parameters in the Settings ?? Maybe I’ll add it later (but you added a voice to that “feature” :p).

Actually, you can! Have a look here: https://meowapps.com/ai-engine/faq/#advanced. You can add some code to modify the params of your chatbot, whatever they are.

Hello, thanks for your help! I am still stuck… I tried:

add_filter( 'mwai_chatbot_params', 'override_chatbot_params', 10, 1 );

function ai_engine_override_chat_atts( $atts ) {
  $atts['icon'] = "https://MYWEBSITE.com/wp-content/uploads/2023/01/mychatboticon.png";
  return $atts;
}

I does not work (no icon displayed). AND it deactivates all the style settings set in the Style module of the Chatbot Builder. So I suppose I should also add a code related to style as the above code seems to override (=suppress) all pre-existing styles. That means I need to play with the other code you provided in the tutorial page (see below) and try to mix it with the above code.

add_filter( 'mwai_chatbot_style', 'my_chatbot_style', 10, 2 );

function my_chatbot_style( $style, $chatbotId ) {
  return $style . "
    <style>
      #mwai-chat-$chatbotId {
        background: #343541;
        color: white;
        font-size: 15px;
		//need to add also: border radius, secondary color, header button color, font color, spacing, and pop-up...
		//how to mix this code with the above code? putting it below the above code, before, or nevermind where?
      }
    </style>
  ";
}

It seems a bit complicated for me to make it work. So I will wait for the “upload icon” feature in the UI ?? Hope it will come soon!

• This reply was modified 2 years, 1 month ago by Anonymous User 18315536.

Hi,

There is an issue. This:

add_filter( ‘mwai_chatbot_params’, ‘override_chatbot_params‘, 10, 1 );

Calls override_chatbot_params, but your function is:

function ai_engine_override_chat_atts( $atts )

That might cause more issues as well… fix this first, then let’s look at the other potential issues ??