How to add user chat button widget

How to add user chat button widget

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" 
/>

 

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.

 

Chat button widget Chat button widget launches chat window