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.
![]() |
![]() |