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 Messaging 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 Messaging Live chat (upcoming), Guided Conversations, Answer Bot (upcoming), and/or Tickets, to associate them with the ASAP Help Widget.
The SalesIQ 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:
Zoho FSM Video Tutorials
Centralize Knowledge. Transform Learning.
All-in-one knowledge management and training platform for your employees and customers.
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
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 ...Introducing ASAP Flutter Apps SDK
This document pertains explicitly to help widgets created using the updated new ASAP Setup. 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 Flutter Plugin ...Understanding the enhanced JWT mechanism for Authenticating Users in the ASAP Help Widget
Types of Users End-users can be categorized as guests or authenticated users based on how they log in to the ASAP add-on. Guest users Guests are users who do not sign in while logging in to the ASAP add-ons. They can access the Knowledge Base module, ...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 ...How to customize the ASAP SDK Android Help Widget UI?
The ASAP SDK allows you to customize the UI of the help widget as required. Predefined themes The SDK UI comes with two predefined themes: light and dark. Customized themes You can also override the default dark and light themes to make the SDK look ...
New to Zoho LandingPage?
Zoho LandingPage Resources