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:
• 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.
• 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.
To setup the ASAP SDK Help Widget
1. In the Zoho Desk portal, click the Setup icon.
2. Select ASAP under Channels.
2. Select ASAP under Channels.
The ASAP for the Webpage appears.
3. Click the Create New Widget button.
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.
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.
Steps to install the ASAP Help Widget on a mobile platform
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.
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.
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 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?
Zoho DataPrep Resources
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
Introducing ASAP React Native SDK
Equipping the Help Center services as widgets to deliver instant assistance to your customers The ASAP SDK for Android/iOS provides easy access to help your mobile app's end users. Using this SDK, you can create and customize a help widget within ...Introducing ASAP Flutter Apps SDK
Equipping the Help Center services as widgets to deliver instant assistance to your customers The ASAP SDK for Android/iOS provides easy access to help your mobile app's end users. Using this SDK, you can create and customize a help widget within ...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 ...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 Android
This document pertains explicitly to help widgets created using the updated new ASAP Setup. 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 ...
New to Zoho LandingPage?
Zoho LandingPage Resources