Skip to main content
Solved

Chat Widget Placement

  • May 3, 2024
  • 4 replies
  • 265 views

tchristler
Forum|alt.badge.img+1

I have a few questions about the chat widget:

  1. Is it possible to swap out the current icon for one of our own?
  2. Is it possible to have customize the icon and have the ability to show/hide, move the chat bubble around or only show it on specific pages?

Thank you!

Best answer by jason

1. Is it possible to swap out the current icon for one of our own?

This is not supported natively, but you can choose to hide the chat widget and display your own icon, then use the chat SDK API to open the chat widget on a click event on your icon. 

See https://dev.frontapp.com/docs/chat-sdk-reference#frontchatshow 

 

2. Is it possible to have customize the icon and have the ability to show/hide, move the chat bubble around or only show it on specific pages?

The chat settings page offers placement in the bottom left or bottom right side of the page. It sits statically on the page and can not be moved. 

You can control which pages it is shown on using Javascript - just have logic wrapping your init call to decide if this is a page it should be shown on. 

 

I hope that helps!

4 replies

jason
Forum|alt.badge.img+8
  • Fronteer
  • Answer
  • May 3, 2024

1. Is it possible to swap out the current icon for one of our own?

This is not supported natively, but you can choose to hide the chat widget and display your own icon, then use the chat SDK API to open the chat widget on a click event on your icon. 

See https://dev.frontapp.com/docs/chat-sdk-reference#frontchatshow 

 

2. Is it possible to have customize the icon and have the ability to show/hide, move the chat bubble around or only show it on specific pages?

The chat settings page offers placement in the bottom left or bottom right side of the page. It sits statically on the page and can not be moved. 

You can control which pages it is shown on using Javascript - just have logic wrapping your init call to decide if this is a page it should be shown on. 

 

I hope that helps!


smerel
  • Conversationalist
  • November 20, 2024

A method to switch from left to right dynamically would be a useful addition to your API!

On some of my pages, the widget hides UI elements if it’s on the right; on others, it hides them if it’s on the left. 

As a workaround, I defined two widgets, one set to bottom right, and one set to bottom left, and I call “shutdown” on one and “init” on the other to switch.  But then I have to maintain two widgets and make sure their settings are consistent.


jason
Forum|alt.badge.img+8
  • Fronteer
  • November 20, 2024

Thanks for your feedback.

It’s worth noting that if you create two chat channels (for left + right), they will each connect to different conversations, so if a visitor starts a chat on a right-side chat, then moves to a page with a left-side chat, they should lose access to their right-side chat until they switch back. It may be a more consistent experience for users to just have the chat widget overlap some page content at some times.


smerel
  • Conversationalist
  • November 20, 2024

Ah, thanks.  I will switch back to a single widget.