This website uses Cookies. Click Accept to agree to our website's cookie use as described in our Privacy Policy. Click Preferences to customize your cookie settings.
Accept
Reject
Preferences
Log in to ask a question
Log in to ask a question

I want update logo or icon in front of chat-title

Posted 3 weeks ago
O_12
Bronze 1
Bronze 1
Reply posted on --/--/---- --:-- AM

I am integrating the bot with DF_messenger, my requirement is to add the bot-avatar icon or any icon or image in front of the df-messenger chat title.  like below image   Screenshot (93).png

5 2 91
Topic Labels
2 REPLIES 2

Posted on --/--/---- --:-- AM
xavidop
Bronze 3
Bronze 3
Reply posted on --/--/---- --:-- AM

Hi,

You can do that by adding CSS, here are the docs: https://cloud.google.com/dialogflow/cx/docs/concept/integration/dialogflow-messenger/css

Best,

Xavi

Posted on --/--/---- --:-- AM
O_12
Bronze 1
Bronze 1
In response to xavidop
Reply posted on --/--/---- --:-- AM

Thanks, Xavidip for the response. I referred to above links. I am using the below script code to make changes, but it is not working.

<script src="https://www.gstatic.com/dialogflow-console/fast/messenger/bootstrap.js?v=1"></script>
<df-messenger
  intent="WELCOME"
  chat-title="Chat"
  chat-title-icon="https://i.postimg.cc/k2sF8tNr/chat-logo.png"
  chat-icon="https://i.postimg.cc/k2sF8tNr/chat-logo.png">
  agent-id="xxxxxxxxxxxxxxxxxxxxxxx"
  language-code="en"
></df-messenger>

<style>
  df-messenger {
   --df-messenger-bot-message: #878fac;
   --df-messenger-button-titlebar-color: #df9b56;
   --df-messenger-chat-background-color: #fafafa;
   --df-messenger-font-color: white;
   --df-messenger-send-icon: #878fac;
   --df-messenger-user-message: #479b3d;
  --df-messenger-titlebar-icon-width: 18px
  --df-messenger-titlebar-icon-height: 18px
  --df-messenger-titlebar-icon-padding: 0 12px 0 0
  }
<style>
0 Likes