Customizing the SalesIQ Live Chat Widget and Window allows you to match your website's look and feel and also allows businesses to align their chat interface with their brand identity and improve user engagement. This guide provides step-by-step instructions on customizing the chat widget's appearance, behaviour, and settings.
How to setup your SalesIQ chat window home page ?
Setup visitor engagement modes
- Navigate to Settings > Brands > Choose a brand > Personalization > Chat & Call > Homepage > Visitor engagement modes.
- Select the engagement modes you want your visitors to contact you from the website for help. You can choose between Chat or Call, or you can choose to display both.
- Chat: Visitors can initiate a chat from the website for help(The call option can be displayed inside the chat window after the chat is initiated.)
- Call: Visitors can connect on a voice call for help.
Chat window message
You can add a welcome message or an impactful line that describes your brand better for a little intro for the visitors before they connect with your operators.
- Navigate to Settings > Brands > Choose a brand > Personalization > Chat & Call > Homepage > Chat window message.
- You can configure for both when your operators are available to assist the visitors in the Brand online content and when no one is available to assist in the Brand offline content.
Display company logo in the homepage
You can also display the company logo in the chat widget to make it a part of your branding.
- Navigate to Settings > Brands > Choose a brand > Personalization > Chat & Call > Homepage > Display company logo.
- Enable the toggle button to add the company logo in the homepage of the chat window.
- Navigate to Settings > Brands > Choose a brand > Personalization > Chat & Call > Customize.
- You can pick a color for your chat widget & window and check how it will appear on your website in the preview window. You can blend the chat widget with your website color or have a contrast yet a color that goes well with your website for the visitors to spot where they should head for help.
Display company logo in the chat window
You can also choose to display the company logo in the chat window to make it a part of your branding.
- Navigate to Settings > Brands > Choose a brand > Personalization > Chat & Call > Customize and enable the Display company logo option to display the logo in the chat window.

The company logo uploaded in the company section will be displayed here.
The float live chat widget is a handy way to attract visitors' attention throughout your pages without intruding into their on-page experience. It "floats" along with your visitors' browsers, even as they scroll down. You can customize the coin float widget to suit your website and business requirements.
- Navigate to Settings > Brands > Choose a brand > Personalization > Chat & Call > Chat widget > Hide widget message.
- You can hide the message displayed along with the widget and display only the coin if you think it interrupts the flow or want to maintain a subtle presence.
Custom Sticker
- Navigate to Settings > Brands > Choose a brand > Personalization > Chat & Call > Chat widget > Custom sticker.
- You can also display a custom sticker instead of the coin widget. It can be any image of the mentioned dimension, but before you use a custom sticker, choose a sticker that blends with your brand and also demonstrates help to visitors when they need it.
- Navigate to Settings > Brands > Choose a brand > Personalization > Chat & Call > Chat widget > Widget message - Online.
- You can display a message that complements your website content and lets visitors know that your operators are available to help them with their queries.
- Navigate to Settings > Brands > Choose a brand > Personalization > Chat & Call > Chat widget > Widget message - Offline.
- You can display a message to let website visitors know that they are visiting the site outside business hours and that the operator is unavailable.
Include operator image
- Navigate to Settings > Brands > Choose a brand > Personalization > Chat & Call > Chat widget > Include operator image.
- You can also display the operator's image on the coin so that visitors know whom they're talking to.
- Navigate to Settings > Brands > Choose a brand > Personalization > Chat & Call > Chat widget > Hide widget in mobile browser.
- You can enable this option if you wish to hide the widget on the website if visitors access it from a mobile browser.
- Navigate to Settings > Brands > Choose a brand > Personalization > Chat & Call > Chat widget > Hide widget when offline.
- You can also choose to hide the widget from the website outside of business hours.
- Navigate to Settings > Brands > Choose a brand > Personalization > Chat & Call > Chat widget > Widget position.
- You can set the widget in two different positions on your website: Left-down corner and Right-down Corner. Choose whichever position increases your website's visibility.
How do you customize the appearance of your Chat Window?
Seasonal theme in Chat window
The seasonal themes section allows you to customize the chat window appearance based on the festival, making it more lively during the festive season.
- Navigate to Settings > Brands > Choose a brand > Personalization > Chat & Call > Chat widow > Seasonal Theme
- You can choose a theme and mention the start and end dates for it to be displayed in the window.
Choose a theme for your chat window
- Navigate to Settings > Brands > Choose a brand > Personalization > Chat & Call > Chat widow > Choose a theme for your chat window.
- You can choose a theme and click Save.
Choose the size of your chat window
- You can choose the size of your chat window that best fits your website design.
- Navigate to Settings > Brands > Choose a brand > Personalization > Chat & Call > Chat widow > Choose a size for your chat window.
- You can choose your chat window size between Medium & Large according to your website needs.

Choosing the chat window size does not apply to mobile browsers. The chat window size on mobiles is based on the screen size.
Display operator profile picture on connecting
- Navigate to Settings > Brands > Choose a brand > Personalization > Chat & Call > Chat widow > Display operator profile picture on connecting.
- You can choose to display the profile picture of the operators in the chat window while they connect with the visitors to give a personal touch.
Allow visitors to mute sound notification
- Navigate to Settings > Brands > Choose a brand > Personalization > Chat & Call > Chat widow > Allow visitors to mute sound notification
- By enabling this option, you can restrict the sound notifications actions like muting the sound notification of the visitors in the chat window.
Use Customized CSS to change the appearance of the chat window
- To change the appearance of the chat window with your Custom CSS file.
- Navigate to Settings > Brands > Choose a brand > Personalization > Chat & Call > Chat widow > Upload custon CSS
- Select Old or new,( If you are using the old chat window then choose Old, If you are using the new chat window choose New) and click Save.
- You can get a live preview of your CSS on the preview chat window on the right-hand side.
Personalizing self-service knowledge base
A Knowledge Base comprised of helpful support articles and FAQs (Frequently Asked Questions) allows visitors to search for and access relevant content to address their needs. By displaying your Knowledge Base in the chat window, visitors can quickly search the available resources for answers without waiting to chat with an operator, significantly reducing demands on your customer support team and increasing satisfaction.
Configuring Articles
By configuring and personalizing your Knowledge Base, you can provide a tailored self-service experience for your visitors. Displaying relevant resources in the visitor's language of choice and optimizing discoverability through categorization helps ensure that visitors can quickly find answers to their questions, reducing demands on your support team and elevating customer satisfaction.
To display articles on your knowledge base:
- Navigate to Settings > Brands > Choose a brand > Personalization > Chat & Call > Knowledgebase > Articles
- Now, you can personalize your articles section in your visitor chat window.
- Tab name: Customize the name of the article tab in the visitor chat window. You can translate the tab name into other languages by selecting the "Translate Name" option and entering the preferred names for respective languages.
- Set up default language for articles: When no articles are available in the visitor's language, articles from the default language will be displayed to the visitor. If disabled, when no articles are available for the visitor's language, the articles section will be hidden.
- Author info: Display the author's name and profile picture to the visitor when viewing the article.
- Article Feedback: Enable visitors to provide feedback on knowledge base articles.
- Combine departments: Group articles by department in the chat window. Once visitors switch to the Knowledge Base section, they will see the different public departments in your SalesIQ portal.
- Categorize articles: Display the articles based on the categories. This helps users find required resources more efficiently.

Configuring FAQs
To display FAQs on your knowledge base:
- Navigate to Settings > Brands > Choose a brand > Personalization > Chat & Call > Knowledgebase > FAQs.
- Now, you can personalize your articles section in your visitor chat window.
- Tab name: Customize the name of the FAQs tab in the visitor chat window. You can translate the tab name into other languages by selecting the "Translate Name" option and entering the preferred names for respective languages.
- Set up default language for FAQs: When no articles are available in the visitor's language, articles from the default language will be displayed to the visitor. If disabled, when no articles are available for the visitor's language, the articles section will be hidden.
- Author info: Display the author's name and profile picture to the visitor when viewing the FAQs.
- Article Feedback: Enable visitors to provide feedback on added FAQs.
- Combine departments: Group articles by department in the chat window. Once visitors switch to the Knowledge Base section, they will see the different public departments in your SalesIQ portal.
- Categorize FAQs: Display the FAQs based on the categories. This helps users find required resources more efficiently.

Change the chat window Language/Font
Language
By default, your website chat window will use the language available on your website. You can change the language for the chat window here as you require. This option will be helpful if you have multiple websites for different countries with different languages.
- Navigate to Settings > Brands > Choose a brand > Personalization > Chat & Call > Language/Font.
- Select a language from the drop-down and click Save.
- If you do not find the language you want or wish to change it to match your website, choose the Website Language option at the top of the drop-down menu.
Languages supported in SalesIQ's website chat window
S. No | Language
| Chat window
support
|
1
| English
| ✔
|
2
| Norwegian
| ✔
|
3
| Catalan
| ✔
|
4
| Finnish
| ✔
|
5
| Bulgarian
| ✔
|
6
| Chinese (Traditional)
| ✔
|
7
| Indonesian
| ✔
|
8
| Filipino
| ✔
|
9
| Slovak
| ✔
|
10 | Slovenian | ✔ |
11 | Czech | ✔ |
12 | Croatian | ✔ |
13
| Thai
| ✔
|
14
| Arabic (New) - RTL
| ✔
|
15
| Vietnamese
| ✔
|
16
| Swedish
| ✔
|
17
| Polish
| ✔
|
18
| Dutch
| ✔
|
19
| Italian
| ✔
|
20
| Hungarian
| ✔
|
21
| Greek
| ✔
|
22
| Danish
| ✔
|
23
| Turkish
| ✔
|
24
| Spanish
| ✔
|
25
| Russian
| ✔
|
26
| Portuguese
| ✔
|
27
| Ukranian
| ✔
|
28
| German
| ✔
|
29
| French
| ✔
|
30
| Japanese
| ✔
|
31
| Chinese(Simplified)
| ✔
|
32
| Korean
| ✔
|
Font
Like Language, the chat window uses the website font by default. However, you can also change the font to match your preference.
Select your desired font in the Language/Fonts tab under the Chat Window Font section and click Save.

RTL language support for chat window
Matching the language of the chat window with the language of your visitors is essential for user experience and effective communication. This will contribute towards better engagement, increased trust and a more personalized interaction for your visitors.
Languages supported:
- Arabic
- Hebrew
Arabic
To get Arabic language display for the chat window on your website,
- Navigate to Settings > Brands > Choose a brand > Personalization > Chat & Call > Language/Font
- Under 'Choose a language for your chat window', choose Arabic. Click on Save to save the settings.
- This will change the layout of your chat window and the language to RTL format in Arabic.
Hebrew
To get Hebrew language display for the chat window on your website,
- Navigate to Settings > Brands > Choose a brand > Personalization > Chat & Call > Language/Font
- Under 'Choose a language for your chat window', choose Hebrew.
- Click on Save to save the settings.
- This will change the layout of your chat window and the language to RTL format in Hebrew.