Home GitHub Dashboard

User Chat Button Widget

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.

PreviousCustom Label In Chat WindowNextReference

Last updated