What are the configuration settings for the ASAP React Native SalesIQ SDK?
To display details of anonymous users in the chat module to your agents:
When an anonymous user contacts the customer support agent via chat, their details usually do not appear on the agent's screen. Regardless, you can configure the ASAP help widget to display these details after receiving them from the concerned user.
To configure this setting, use the following method:
- import {ZohoDeskPortalSalesIQ} from '@zohocorp/zohodesk-portal-salesiq';
- ZohoDeskPortalSalesIQ.setGuestUser("Your user valid e-mail","user name","user mobile no")
To use the SalesIQ configuration, import the ZohoDeskPortalSalesIQ module:
- import {ZohoDeskPortalSalesIQ} from '@zohocorp/zohodesk-portal-salesiq';
This configuration is provided in the ASAP SDK starting from version 3.0.3. In versions below 3.0.3, the preChatForm was disabled by default. From version 3.0.3 onwards, it is enabled by default. Please set your configurations accordingly.
Once the salesIQ is successfully initialized. You can proceed with the additional configurations.
For a smooth user experience, ensure that all necessary configurations are applied after initialization.
SalesIQInitListeners
For SalesIQ configuration, you must set up all the required configurations after addSuccessInitListener is called successfully.
Ensure that this callback is set before calling ZohoDeskPortalSDK.initialise("orgId", "appId", "dc");
There are two listeners
1. addSuccessInitListener
That is called when the SalesIQ SDK is successfully initialised:
- let successSubscription =ZohoDeskPortalSalesIQ.addSuccessInitListener((data)=>{
- // Add configurations here
- //ZohoDeskPortalSalesIQ.showOfflineMessage(true)
- // ZohoDeskPortalSalesIQ.setChatVisibility(ZohoDeskPortalSalesIQ.chatComponents.PRE_CHAT_FORM,true);
- })
2. addErrorInitListener
That is when the SalesIQ SDK initialisation fails:
- let errorSuccessSubscription = ZohoDeskPortalSalesIQ.addErrorInitListener((data) =>{
- })
RemoveListeners
You must remove the success and error listeners after the successful SalesIQ init.
- successSubscription.remove();
- errorSuccessSubscription.remove();
For additional code examples, refer to the repo here. ShowLauncher
The ZohoDeskPortalSalesIQ.showLauncher(visibilityMode) API allows you to manage the SalesIQ launcher's visibility based on the specified visibility mode.
Parameters of VisibilityMode:
- ALWAYS - The launcher will always be visible.
- NEVER - The launcher will always be hidden.
- WHENACTIVECHAT - The launcher will be visible only when there is an active chat.
- ZohoDeskPortalSalesIQ.showLauncher(ZohoDeskPortalSalesIQ.visibilityMode.NEVER)
enableDragToDismiss
The ZohoDeskPortalSalesIQ.enableDragToDismiss(Boolean) lets you close the SalesIQ launcher by dragging it and dropping it onto the close button.
- ZohoDeskPortalSalesIQ.enableDragToDismiss(false)
setConversationTitle
This ZohoDeskPortalSalesIQ.setConversationTitle(String) API allows you to set the title for the conversations list screen in SalesIQ.
- ZohoDeskPortalSalesIQ.setConversationTitle("History")
setConversationVisibility
This ZohoDeskPortalSalesIQ.setConversationVisibility(Boolean) API can be used to enable or disable the visitor conversation history in the salesiQ UI
Parameters:
false - Hides the conversation screen.
This API cannot enable conversation history in UI if the same is disabled in portal settings.
- ZohoDeskPortalSalesIQ.setConversationVisibility(true)
showFeedbackAfterSkip
The Zohodeskportalsalesiq.showfeedbackafterskip(Boolean) API allows you to manage the duration of the feedback card for 24 hours after the chat ends.
Parameters:
true -The feedback card will be displayed permanently (default).
false - The feedback card will displayed for 24 hours until feedback is given.
The feedback card will always have the Skip option. When enable is "false" and upon clicking on Skip, the card will not be displayed again until the next chat.
- ZohoDeskPortalSalesIQ.showFeedbackAfterSkip(false)
hideQueueTime
The ZohoDeskPortalSalesIQ.hideQueueTime(Boolean) API controls the visibility of the chat queue time in the chat window when connecting to an operator.
Parameter:
true - This hides chat queue time (default).false - This displays the chat queue time.
- ZohoDeskPortalSalesIQ.hideQueueTime(true)
setLoggerEnabled
This ZohoDeskPortalSalesIQ.setLoggerEnabled(Boolea) lets you request your application debug logs from the visitor. By setting the bool value, you can choose to enable or disable the request app log feature for your operators in the SalesIQ dashboard.
Parameter:
true - Enables the logs.false - Disables the logs (default).
- ZohoDeskPortalSalesIQ.setLoggerEnabled(true)
showOfflineMessage
This showOfflineMessage( Boolean ) API will set an offline banner in the chat window during non-business hours and when agents are busy to help visitors leave a message even when agents are unavailable.
Parameters:
true - Displays the offline message card (default).false - Hides the offline message card.
- ZohoDeskPortalSalesIQ.showOfflineMessage(true)
setKnowledgeBaseVisibility()
The ZohoDeskPortalSalesIQ.setKnowledgeBaseVisibility(Boolean) API allows you to manage the resource's visibility in the Mobilisten knowledge base section.
Parameters:
true - This will display the resource type (default).false - This will hide the resource.
The API will work when the "Articles" is enabled under brand settings. To check, from your SalesIQ dashboard, navigate to Settings > Brands > Personalisation > Knowledge Base > Article.
- ZohoDeskPortalSalesIQ.setKnowledgeBaseVisibility(true)
setChatVisibility
This ZohoDeskPortalSalesIQ.setChatVisibility(chatComponents, true) API lets you toggle the function of various components in SalesIQ.
The components' settings are considered only if their function is enabled in portal settings.
- ZohoDeskPortalSalesIQ.setChatVisibility(ZohoDeskPortalSalesIQ.chatComponents.PRE_CHAT_FORM,true);
- ZohoDeskPortalSalesIQ.setChatVisibility(ZohoDeskPortalSalesIQ.chatComponents.VISITOR_NAME,true);
- //Add other chatComponents here
Parameter of the Chat Component:
Chat component | Function description | Default setting |
preChatForm | Enable/disable the pre-chat from before initiating a chat. | Enabled |
operatorimage | Enable/disable the attendee's profile image in the chat window. | Enabled |
| vistorName | This option is used to configure the visibility of the visitor's name for all outgoing messages. | Disabled |
screenshot | Enable/disable the ability to take screenshots from the adding attachments menu. | Enabled |
rating | Enable/disable the option to rate a chat after it has ended. | Enabled |
feedback | Enable/disable the option to give feedback after a chat has ended. | Enabled |
emailTranscript | Enable/disable the option to request an email transcript for a chat. | Enabled |
fileShare | Enable/disable the access to send files from the files application in chat. | Enabled |
end | Controls the visibility of the end action option in the chat window. | Enabled |
endWhenBotConnected | Show/hide the end chat option only for the bot-connected chats. | Enabled |
endWhenOperatorConnected | Controls the visibility of the end action option in the chat window when a human operator is connected. | Enabled |
endWhenInQueue | Controls the visibility of the end action option in the chat window when the user is in the queue. | Enabled |
reopenChat | Controls the visibility of the queue position in the chat window. | Enabled |
| queuePosition | Show/hide the queue position of the chat in the chat window and conversation history. | Enabled |
- chatComponents: {
- PRE_CHAT_FORM: "preChatForm",
- VISITOR_NAME: "visitorName",
- SCREENSHOT_OPTION: "screenshotOption",
- PHOTO_LIBRARY: "photoLibrary",
- MEDIA_CAPTURE: "mediaCapture",
- FILE_SHARING: "fileSharing",
- EMAIL_TRANSCRIPT: "emailTranscript",
- RATING: "rating",
- FEEDBACK: "feedback",
- REOPEN: "reopen",
- END: "end",
- END_WHEN_IN_QUEUE: "endWhenInQueue",
- END_WHEN_BOT_CONNECTED: "endWhenBotConnected",
- END_WHEN_OPERATOR_CONNECTED: "endWhenOperatorConnected",
- QUEUE_POSITION: "queuePosition",
- }
Access your files securely from anywhere
Zoho CRM Training Programs
Learn how to use the best tools for sales force automation and better customer engagement from Zoho's implementation specialists.
Zoho DataPrep Personalized Demo
If you'd like a personalized walk-through of our data preparation tool, please request a demo and we'll be happy to show you how to get the best out of Zoho DataPrep.
- Zoho Workerly Home
- Forums
- Connect With Us:
- Zoho Recruit Home
- Forums
- Connect With Us:
New to Zoho Writer?
Create. Review. Publish.
New to Zoho CRM Plus?
Deliver unforgettable customer experiences
New to Zoho CRM Plus?
Deliver unforgettable customer experiences
New to Zoho Marketing Plus?
Everything you need to run your marketing
New to Zoho Marketing Plus?
Everything you need to run your marketing
You are currently viewing the help pages of Qntrl’s earlier version. Click here to view our latest version—Qntrl 3.0's help articles.
New to Zoho Survey?
Zoho Sheet Resources
Zoho Forms Resources
New to Zoho Sign?
Zoho Sign Resources
Sign, Paperless!
New to Zoho TeamInbox?
Zoho TeamInbox Resources
New to Zoho ZeptoMail?
Design. Discuss. Deliver.
New to Zoho Workerly?
New to Zoho Recruit?
New to Zoho CRM?
New to Zoho Projects?
New to Zoho Sprints?
New to Zoho Assist?
New to Bigin?
Related Articles
How to Integrate the ASAP SDK with React Native
After successfully setting up the ASAP SDK on your mobile application, the next step is to integrate it. Code block to installing the react-native plugin: We have the following list of plugins, customers can integrate the SDK based on their ...Working with the ASAP SDK for React Native
The ASAP SDK for mobile provides easy access to help end-users of your React Native app. Using this SDK, you can create and customize a help widget that resides within your app and provides end-users with easy access to the Help Center services: • ...Introducing ASAP React Native SDK
Please note that if you are using an older version of ASAP, the help widgets will be read-only. To enable the new ASAP widgets on your app, use the latest ASAP React-Native SDK 3.0.0. You can use the ASAP React-Native SDK ...How to enable push notifications for the ASAP SDK via the React Native?
You can configure the ASAP help widget to send notifications to end-users when an agent responds via chat. Ensure that Push Notifications settings are configured in the ASAP help widget setup page in Zoho Desk. Ensure that push notifications are ...What are the configuration settings for the ASAP Flutter SDK?
ASAP configuration The ASAP SDK offers methods to show or hide specific features. For example, you can hide the Knowledge Base (KB) module by using the following method: import ...
New to Zoho LandingPage?
Zoho LandingPage Resources