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:
• Customer support team (to raise tickets or chat with support agents)
• Knowledge Base (to access help articles)
• User Community (to interact with other app users)
React Native is a popular open-source framework for building iOS, Android, and other mobile applications. It is based on React, a popular JavaScript library for building user interfaces. React Native allows developers to write mobile applications using only JavaScript, which makes it easier for web developers to transition to mobile development. It also allows developers to reuse code across multiple platforms, saving time and effort in the development process. React Native is known for its performance and native-like look and feel, which makes it a popular choice for building mobile applications.
Here's how to add an ASAP help widget to your app using the React Native SDK.
1. In the Zoho Desk portal, click the Setup icon.
2. Select ASAP under Channels.
The ASAP for the Webpage appears.
3. Click the Create New Widget button.
4. The Set up your help widget page appears.
5. On the Set up your help widget window, do the following:
6. Enter your ASAP display name.
7. Toggle the launcher to show/hide the ASAP Help Widget on your website.
8. Choose All Departments or Specific Department to map the ASAP widget's actions.
9. Select modules, such as Knowledge Base, Community, SalesIQ Live Chat / Business Messenger Live chat (upcoming), Guided Conversations, Answer Bot (upcoming), and/or Tickets, to associate them with the ASAP Help Widget.
The Live Chat module
reflects the settings configured for the chat channel in your help desk
portal. Therefore, any required change must be made via the Setup page
in the Zoho Desk.
Guided Conversations help end-users find answers themselves or perform a standard process without an agent's assistance by following a pre-built conversation flow. Toggle switch for enabling Guided Conversations. Upon enabling Guided Conversations, you can choose the conversation flows to engage your users in your app. Learn more: Guided Conversations. Answer Bot is an AI companion within Zoho Desk with whom your customers can speak or chat using your mobile apps. Answer Bot processes and automatically answers their questions based on content in your knowledge base—toggle the switch to enable Answer Bot. You can enable either Answer Bot or Guided Conversations or both together.
10. Enable the ASAP help Widget for the mobile platform.
You can enable an ASAP Help Widget specifically for each module’s web, iOS, and/or Android. 11. Click Generate. The ASAP help widget will be created, and you can preview it in the bottom-right corner of the screen.
You can preview your ASAP help widget from the right-side pane anytime by clicking the ASAP launcher icon at the bottom-right corner of the page. After you paste the snippet in the HTML source code, the ASAP launcher icon appears on your webpage, making it easy for your customers to ask for help.
1. Enter your AndroiiOS bundle ID to generate an account-specific
unique key (token). You can
retrieve the bundle ID from the General tab within the project target of your app settings.
Bundle ID is mandatory to enable Chat and send push notifications.
2. Paste the given code into your didFinishLaunchingWithOptions method.
3. You can enable push notifications on the ASAP help widget by adding the Privacy Enhanced Mail (P12) file of your Apple push certificate.
Push Notifications: Toggle switch to turn push notifications on/off. Enabling notifications requires JWT-based user authentication. Push notifications related to tickets are not sent to anonymous users.
4. Click Update.