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.

Add this chat button anywhere on your profile page
When you click on chat button it will automatically launch chat window

‚Äč