User Chat Button Widget

Search…

Want to add a chat button in a nav bar or menu or user profile page? We have a widget for that!

You can add a chat button to your website by using the following HTML code:
<div 
  class="iflychat-widget-theme-light iflychat-widget-user-chat-button" 
  data-id="{user-id}" data-name="{user-name}" 
  data-online-text="Click to chat with me!" 
  data-offline-text="User is offline" 
  data-height="20px" 
  data-online-text-color="#59A903" 
  data-offline-text-color="#222" 
  data-online-background-color="#FFF" 
  data-offline-background-color="#FFF" 
  data-font-size="14px" 
></div>
The chat button accepts following attributes:
data-id - id of the user to start chat with. Replace {user-id} with the id of the user in the code given above.
data-name - name of the user to start chat with. Replace {user-name} with the name of the user in the code given above.
data-online-text - text to display when the user is online
data-offline-text - text to display when user is offline
data-height - the height of the chat button widget
data-online-text-color - text color to render when the user is online
data-offline-text-color - text color to render when the user is offline
data-online-background-color - background button color to render when the user is online
data-offline-background-color - background button color to render when the user is offline
data-font-size - the font size of text in chat button widget
Please note that you should be using Professional or Enterprise plan in order to be able to use this feature.
Add this chat button anywhere on your profile page
When you click on chat button it will automatically launch chat window
​

JavaScript SDK - Previous

Custom Label In Chat Window

Next - JavaScript SDK

Reference

Last modified 2yr ago

Copy link