Chat Trigger Icon
Updated
1. Icon Logo
You can choose from 6 predefined icon logos or upload a custom icon under "Image". The 6 predefined icon logos can be found under Styling > Chat Trigger Icon > Layout
If you want to display a custom icon, please select "Image" and choose the relevant icon from DM or upload from device. You can select upto 10 images; if more than 1 image is selected a random image will be chosen on page visit. You can also do reporting on the count of chat trigger icon clicked per image.
When a custom image/avatar is used as a chat trigger logo, we cannot add custom text to it.
Please ensure the below requirements for the custom image:
The image should be square
The image should not have a transparent background (jpeg files preferred)
Image size should be at least 100*100
2. Icon Text
You can add an optional text to the chat trigger icon. The optional text is only visible on desktops. On mobile devices, that text is hidden and just the icon is shown to save space on the small screen.
To add text, Add the desired text in section show below under “Styling > Chat Trigger Icon > Layout”
Once you add the text, it is shown like this on desktop and mobile
Desktop Mobile
3. Chat Trigger Background Color
The default color of the live chat trigger icon corresponds to the primary color selected for the live chat widget. You can change the trigger icon’s styling based on conditions such as agent unavailability, out-of-business hours, etc.
For example, when an agent is unavailable, the background color will dynamically shift to red. Otherwise, it will remain green, which is the default color for the live chat widget. The system will autonomously assess agent availability every 15 seconds, ensuring the icon color changes dynamically without requiring a page refresh.
Enablement note: To get this capability enabled, please reach out to our support team at tickets@sprinklr.com, providing the live chat application ID, the desired hex code for the color, and the conditions triggering the color update. |
4. Chat trigger Border Color
You can make the following changes in your chat trigger border
Border Radius
Box shadow
In order to change this please raise a support ticket containing the appID and the values for the aforementioned attributes.
5. Minimize Icon
While configuring the Live Chat application, you can customize the icon that is used to minimize the Live Chat widget as either chevron or cross. If not set, the "X" cross icon will be the default icon." You can do this from “Styling > Chat Trigger Icon > Layout”
6. Collapsible Slider
You can effectively grab user attention by utilizing a collapsible slider feature of the chat trigger icon based on user's browsing activity, agent availability, or other customized metadata. To get this capability enabled, please reach out to our support team at tickets@sprinklr.com.
7. Vertically Aligned Text Label
Depending on your brand's design language and use cases, you can have vertically aligned text label of the chat trigger icon. To get this capability enabled, please reach out to our support team at tickets@sprinklr.com. Please include the placement details of the chat trigger icon and padding specifications indicating where the live chat should originate from.
8. Dynamic Chat Trigger Icon Clicks
You can track the click count for each image of the dynamic chat trigger icon. You can achieve this by plotting the "Activity Count" metric against the "Trigger Image URL" dimension. Apply filters for the desired account, Activity Source as "Live Chat", and Activity Type as "Chat Trigger Clicked." This allows you to analyze and measure the engagement level of specific chat trigger images.