Custom Chatbot icon

  • Resolved Anonymous User 18315536

    (@anonymized-18315536)


    3 years, 4 months ago

    Hello,

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

    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.

    Any idea for 1/ ?

    • This topic was modified 3 years, 4 months ago by Anonymous User 18315536.
Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Jordy Meow

    (@tigroumeow)

    3 years, 4 months ago

    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 🙂

    Thread Starter Anonymous User 18315536

    (@anonymized-18315536)

    3 years, 4 months ago

    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…

    Plugin Author Jordy Meow

    (@tigroumeow)

    3 years, 4 months ago

    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.

    Thread Starter Anonymous User 18315536

    (@anonymized-18315536)

    3 years, 4 months ago

    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 3 years, 4 months ago by Anonymous User 18315536.
    Plugin Author Jordy Meow

    (@tigroumeow)

    3 years, 4 months ago

    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 🙂

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Custom Chatbot icon’ is closed to new replies.