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

​