Skip to main content
Answered

Can I create a custom chat icon in pop-over embed mode?

  • Apr 23, 2021 7:23 PM UTC
  • 8 replies
  • 304 views

Can I create a custom chat icon in pop-over embed mode?

 

I would like the button say “Report an Incident” for example instead of the default icon. 

Best answer by Liz

@worldzmine thank you! You could change the icon in the Design settings shown below: 

 

The downside is that the options only allow you to add an image, so it would be a bit difficult to add text into that image that’s legible.:( You could try using a symbol to represent what you’d like to say instead, if that works for you.

View original

8 replies

Liz
Ex–Typefomer
Forum|alt.badge.img+5
  • Tech Community Advocate
  • Apr 23, 2021 10:18 PM UTC

Hi @worldzmine thanks for stopping by! Would you mind sending a screenshot of which icon you’re referencing? I just want to be sure I send instructions for the correct icon you’d like!


  • Author
  • Explorer
  • Apr 26, 2021 1:31 AM UTC

 


Liz
Ex–Typefomer
Forum|alt.badge.img+5
  • Tech Community Advocate
  • Answer
  • Apr 26, 2021 4:02 PM UTC

@worldzmine thank you! You could change the icon in the Design settings shown below: 

 

The downside is that the options only allow you to add an image, so it would be a bit difficult to add text into that image that’s legible.:( You could try using a symbol to represent what you’d like to say instead, if that works for you.


  • Explorer
  • Aug 4, 2021 3:59 PM UTC

Hello,

 

Is there some specifics about the image we can use to custom icon?

I’m trying to do it with the chat version and whatever size or format I try, the icon get blur on desktop version (but not on mobile :thinking:)

Here’s a screenshot of what I’m talking about 

 

Thank you for your answer!

 


picsoung
Typeform
Forum|alt.badge.img+5
  • Developer Advocate @ Typeform
  • Aug 6, 2021 9:01 PM UTC

I feel @Jackie or @mathio would probably have an idea of the best resolution for custom icon 🤔


Forum|alt.badge.img+3
  • Typeform
  • Aug 10, 2021 9:32 AM UTC

Hi @picsoung  @Selectra these are the dimensions of the custom icon:

54px / 54px → Desktop

24px / 24px → Mobile

I'd suggest to use 54px values as base size for your icon.


  • Explorer
  • Sep 2, 2021 4:10 PM UTC

Hi @picsoung  @Selectra these are the dimensions of the custom icon:

54px / 54px → Desktop

24px / 24px → Mobile

I'd suggest to use 54px values as base size for your icon.

Thank you very much @Antonio :) 


Liz
Ex–Typefomer
Forum|alt.badge.img+5
  • Tech Community Advocate
  • Sep 2, 2021 7:53 PM UTC

thank you, @Antonio !!