1

I'm trying to change the dialogflow default icon in the web integration using the "Dialogflow Messenger" integration option.

I added the "chat-icon" tag to the "df-messenger" tag and it's not showing the custom logo.

Image of the web integration

Thanks!

Bruno Gomes
  • 11
  • 2

2 Answers2

1

Have you checked if the image link you are using is publicly accessible? As you said, you just need to set this on your embed:

<script src="https://www.gstatic.com/dialogflow-console/fast/messenger/bootstrap.js?v=1"></script>
<df-messenger
  chat-icon="<a valid and public link here>"
  intent="WELCOME"
  chat-title="<your chatbot title here>"
  agent-id="<your agent id here>"
  language-code="pt-br"
></df-messenger>

Maybe you could try using another random image first (ie. a link from google images) just checking if it works and then troubleshooting with your custom image?

Luciano Martins
  • 421
  • 1
  • 9
0

I fixed this issue by making the icon exactly 36x36 px as written in the documentation: https://cloud.google.com/dialogflow/es/docs/integrations/dialogflow-messenger

I uploaded it to Firebase and got the public link, it works. Hope it helps!

lorenzo redaelli
  • 1