HELLO Contact Center
Everything about HELLO
"Hello" is a Customer Communications Platform. It allows you to manage your queries together using an Inbox and makes it easy to personally communicate with them with targeted content, behavior-driven messages, and conversational support..
What does Hello include?
If you have a website and/or mobile application you can use Hello for below features :
Hello Inbox for customer support through
Instagram & Twitter (Coming Soon!)
Hello Feedback Settings (Email & Chat)
Team management for Hello Inboxes
Hello WhatsApp: replying on specific chats along with showing reactions.
Composing Outbound WhatsApp messages via pre-approved template
Who uses Hello?
Sales teams who want to talk to the visitors on their website to answer their questions and help them become customers.
Product teams looking for product feedback and insight into how users engage with their product.
Support teams who need a smarter & quick solution than email to provide better support to their customers.
Marketing teams who need to introduce new launches to their existing customers via WhatsApp using Hello Android App.
Step-by-step process to configure HELLO-
Is Hello for you?
If you would like us to answer any questions, book a meeting with us at https://msg91.com/contact-us, and evaluate if Hello is right for your business.
You can refer to below mentioned video guide to know more about Hello (Contact Center):
What is Hello?
Nov 11, 2024To access the Hello from the web enter this URL : https://control.msg91.com/signin/, please login into the MSG91 panel and click on Hello services from the dashboard. Also, you can download the Hello app from the play store and access it.
Verify the employee mail id entered at the time of adding a new employee. After verifying enter the credentials used at the time of creating an employee.
After verifying you will be redirected to the Contact Center of your HELLO account.

The vertical navigation bar contains components according to your access right amongst the Manager, Team Lead and Employee.
How to login with HELLO?
Nov 11, 2024
The integration of Email Inbox with Hello allows you to manage your queries together using a shared inbox with various functionality. For example, you can assign a particular mail to an employee, snooze or close the ticket, and access conversation in different sections.
> Login to your MSG91 account and open Hello.

> Select the All Inboxes option from the Manage section in the left sidebar. Click on the Create Inbox button.

> Then Click on Create now button in the Email Inbox.

> Select the Create Now option. Choose the MSG91 Inbox for using forwarding for the MSG91 Inbox Email API services and use the GoogleInbox for using forwarding for the MSG91 Email SMTP services.

For integrating the Google Inbox, please refer to this article.
For MSG91 Inbox, provide the Inbox name, select the domain, and enter the email.

> Click on next and give permissions by selecting a team or at least a team member.

> Once done click on verify email to complete your verification.

> You can then access your inbox from the inbox section.

> Once the email is created You can then compose an Email, Just select Create Inbox

>You can Add tags for each conversation to help you with analytics.


> You will see three options there - Edit Inbox, Permissions, and Workflow

> If you have sent a mail by mistake, or if you have missed any important points, you can undo the mail. You can also select the gear icon on the right of the Inbox from the sidebar to edit the settings.



How to use Hello for ticketing system
Nov 11, 2024In accordance with government regulations, it is mandatory to use a VPN when making or receiving calls through Hello with an Indian number as the caller ID.
Kindly adhere to the instructions provided below to set up the VPN:
1. If an Indian phone number is chosen as the caller ID, the Call Icon will be enabled in the Hello Compose Popup.

Hello Interface with Calling Icon enabled
2. To access the VPN credentials section, please click on the Calling icon. To download the Wireguard VPN, which we are currently utilizing, kindly click on the link provided here, or alternatively, click on the "Download Wireguard" link above the Configuration Window.

Popup with Wireguard VPN Credentials
3. Once Wireguard has been installed, create an empty tunnel and copy and paste the configuration information from the screenshot above into the text area. Be sure to overwrite any existing text in the area.

Create an Empty Tunnel on WireGuard
4. Save and enable the tunnel.

Add the Tunnel and Save it
5. On Hello, click the "Reconnect SIP" button located next to the softphone or reload the page. Afterward, attempt to make an outbound call. Outbound calling will be successful, inbound calling should also function as intended.
Enable Voice by clicking on Reconnect
How to configure VPN in Hello for making Voice calls?
Nov 11, 2024To create a user account through MSG91, there are two types of login - Employee and User
Employee refers to the people working in the company, HELLO directly supports only Employee Login
To begin with HELLO, the first step is to create a User account with MSG91 (control.msg91.com)
Once you log in with MSG91, on your Dashboard you will find HELLO - Contact Center

In HELLO, click on 'login to beta', its employee page is displayed

The user has the main account with MSG91 and does not have access to the contact center. If he wants to use the contact center, he must add himself under the manager.
How to create a user account through MSG91?
Nov 27, 2024User has the main account with MSG91 and does not have access to contact center. If he wants to use the contact center, he must add himself as a manager.
Now, to access contact center you should login with 'https://hello.msg91.com/'. In the contact center there are there levels of hierarchy that are mentioned below.
Three levels of hierarchy -
The topmost is Manager, who has the highest priority.
Second is a Team Lead, who can access the call logs of various employees.
Third is an Employee having least number of rights. Nobody can be added under employee.

Once you have created an User account with MSG91, you can easily add employees and they can access the contact center with 'hello.msg91.com' with the same credentials used while creating an Employee.
User has the main account with MSG91 and does not have access to contact center. If he wants to use the contact center, he must add himself as a manager.
Now, to access contact center you should login with 'https://hello.msg91.com/'. In the contact center there are there levels of hierarchy that are mentioned below.
Three levels of hierarchy -
The topmost is Manager, who has the highest priority.
Second is a Team Lead, who can access the call logs of various employees.
Third is an Employee having least number of rights. Nobody can be added under employee.

Once you have created an User account with MSG91, you can easily add employees and they can access the contact center with 'hello.msg91.com' with the same credentials used while creating an Employee.
Employee hierarchy in HELLO
Nov 11, 2024To connect your Instagram professional account with Hello, you have to complete/do these tasks:
Instagram inbox creation and Instagram integration with app (meta-developer). First user needs to create a Facebook page
and then integrate a professional Instagram account with it.
Step 1: Create a Facebook page:
You have to click on the “+“ button and then click on the "Page"

Then fill up the mandatory details for the page creation.

Your page has been created
Step 2: Create an Instagram account and convert it to a professional account:
Create your Instagram account with the same Facebook account (preferable). It means you have to sign up with Facebook or sign up with the same email.
After creating an Instagram account convert that Instagram account to a professional account.
To set up an instagram business account:
Go to your profile and tap in the top right-hand corner.
Tap Settings and Privacy.
For some accounts, the Switch to Professional account option will be listed directly under Settings and Privacy.
Tap Account type and tools.
Tap Switch to a professional account.
Tap Continue.
Select a Category for your business and tap Done.
Tap OK to confirm.
Tap Business.
Tap Next.
Add contact details and tap Next. To skip this step, tap Don’t use my contact info.
To share logins using Accounts Center tap Continue. You can follow the steps to connect your business account to a Facebook Page associated with your business. This step is optional and will make it easier to use all of the features available for businesses across Meta. Note: At this time, only one Facebook Page can be connected to your business account. To skip this step, tap Not Now.
Set up your professional account by completing the optional steps or tapping X on the top right corner to return to your profile.
To display or hide business information on your profile, go to your profile and tap Edit profile. Go to Profile display under Public Business Information to choose whether you want to hide or display your category label and contact info. Then, tap Done.
Note: You can do this via web app or mobile app both
To know more about this click on the link: https://help.instagram.com/502981923235522
Here's a screenshot for reference, click on this switch to a professional account and fill in details or skip as per your convenience

Step 3: Now we have to integrate the Facebook page that we created earlier with the instagram professional account:
There are two ways to do it but I would suggest you do it via the instagram app as it is easier to integrate.
Login to your instagram professional account in the instagram mobile app
Now go to edit profile

Now Click on - 'Connect’ or ‘Create page’

Select the page you have created after proceeding to authentication

Do not forget to enable Message Control Connected Tools Settings.
In order to manage Instagram messages via API, Instagram Professional accounts will need to enable the connected tools toggle under Message Control Settings.

Click on accept and proceed
Note: Sometimes you may face this error while creating an inbox of instagram in Hello. At that time Please wait for 60 minutes before proceeding or recreating instagram inbox.

Steps are mentioned below for creating the instagram inbox in hello
a. Go to all inbox in the hello panel and click on the create inbox on the right-hand corner.


b. Now select instagram - create inbox.
c. This will start the Facebook authentication integration process which will further proceed with instagram integration

d. Now all the integrated instagram professional accounts integrated with the selected Facebook pages will be displayed for selection. Select the account you want to integrate, that is connected with the Facebook page.

e. A new inbox will be created with a new instagram account username as the inbox name and inbounds for the messages will start to drop here.
Integration flow for now:
Previously, users couldn't integrate the same account into another company if it was already integrated elsewhere with an enabled inbox. Now, they can, as long as they disable the account/inbox integration in the other company at the backend.
Integrate Instagram in Hello
Nov 11, 2024
Twitter Integration Flow -
You will need to create a Twitter app to integrate Twitter under MSG91. This can be done on the Twitter app.
Step 1: Go to the official website of Twitter and create a new account.
For Twitter’s official website click on: https://twitter.com/i/flow/login
Step 2: After signing up on Twitter the next step will be the birth date.
Select your birth date and click on the next button.

Step 3: After selecting the birth date, the next step will be the customization of the experience. You can track where you want to see Twitter's content across the web.
Click on the next button once it’s done.

Step 4: After selecting the place for your experience on your Twitter, the next step will be the username for the account. Twitter will also provide you with some suggestions for the name, otherwise, you can also create one.

Step 5: Click on allow notifications if you want to receive all the notifications on Twitter otherwise you can also skip it

Step 6: Click on the language you want to use on the Twitter platform.

Step 7: Here you will be provided with the list of interests that you want to go through the platform. Click on the interest as per your preferences.

Step 8: After completing all the steps, your Twitter account is ready. s

Step 9: Click on more options from the side panel.

Step 10: In the more option click on the settings and support option.

Step 11: In the settings and support option click on security and privacy.

Step 12: Click on privacy and safety.

Step 13: Click on direct messages.

Step 14: In the direct messages option click on every one.

.
Step 15: On MSG91 Panel, go to Hello and click on all inboxes, after that select Twitter and click on Create Inbox.

Step 16: The panel will showcase the name of your Twitter account in the top right corner, if that is the account, click on the authorize app.

Step 17: The inbox will be created for your Twitter Account.

Twitter Outbound Flow -
First of all, the client needs to complete the Twitter sign-in flow before proceeding to Outbound Messaging.
After Successfully logging in to a client we will get the user ID, access token, and token secret of that client, using these credentials we will proceed towards sending outbound.
The client needs to choose the user by providing the list of usernames and then send the message to the selected user.
There is a limit for sending outbound i.e. 5 requests/15 mins( per user).
Users and clients will have to enable direct messages from everyone under twitter account privacy settings .If the user has not enabled this setting then we can't send messages to them.
Twitter Inbound Flow -For Inbounds or getting the message from a user, there is no Webhook functionality by twitter. So, we need to fetch the messages of a particular user by using the get API of twitter.
There is a limit for getting inbounds also i.e. 3 requests/15 mins( per user).
There is a DM events API for getting all messages of the user and whose limit is 5 requests/15 mins (per user).
How To Integrate Twitter Inbox
Nov 11, 2024Understanding the components of the vertical navigation bar. Here is a video guide—
1. Contact Center -

It can be accessed by a complete hierarchy of managers, team leads, and employees.
It is common for all the employees, no two employees of the same company can have different contact centers.
It contains all the clients, chats, and contact details that are not closed by any employee.
Features of Contact Center

Note is used to tag colleagues in an ongoing conversation with the client. We can tag employees with the help of @(username of employee), as you type @ the list of employees will be displayed as a drop-down list.
All the conversations using note is not shown to the client, it is only for the employees of the company.
You can save replies and access them later from the saved replies section.
You can also attach files by clicking on the Pin icon and selecting your file.

There are so many options available on the conversation header. Like You can share your screen, Assign conversations to any employees, Snooze chat, Mark chat as unread, and close the chat if not required.
You can also close the conversation from the sidebar. Once you hover on the chat you will see an icon by clicking on the conversation will be closed.

You can search for any conversation from the search bar. And access Your open, snoozed, and closed chats by applying various filters. All these options are available on the top of the sidebar.

You can see the client details on the right side of the conversation. By clicking on more options you can see all the client details like City, Contact ID, Country, Continent, Domain Ip, Region, etc.
If you want to block a user you can do so by clicking on Three dots on the right side of the profile.
2. Inbox - From this section, you can see the inbox created by you for ticketing, Refer to this doc to know how this works - https://msg91.com/help/how-to-use-hello-for-ticketing

3. Knowledge Base
This tab is accessible to the manager only. The main use of the knowledge base for a company is to add articles for the help of customers/clients, i.e. as their documentation, FAQ, and help section.
Refer to this doc to see how it works -https://msg91.com/help/how-to-access-knowledge-base-section-of-hello
4. Chat analytics has various filters to be used as per the data required.

5. Manage - You will see various sections under this section - Inbox, Replies, Bot, Teams, Tags, Blocked clients, Knowledgebase.

Inbox - This section helps you to see all the inboxes created by you for Whatsapp, chat and Email. You can create your new inbox from here.

Replies - This section helps you to save reply so that you can use it anytime while replying.

Bot - This section help you to create your own bot

Teams - From the team section, you can create your own team By clicking on Add team option.

Tags - You can see all the Tags created by you from this section.

Blocked clients - This section will show all the clients blocked by you. You can also manage them from here.
Knowledgebase - From this section you can manage settings of your knowledgebase section and configure knowledgebase.

6. Support - This section help you to access help docs, request a feature and start a live chat.

Getting started with HELLO - Quickstart guide
Nov 11, 2024Here are the steps to create and integrate a Chat Widget :
1. Go to your MSG91 panel and click on"Hello".

2. Select the Manage option from the sidebar and select the Inboxes section under it.

How to Create Chat-widget
First thing is to Create Inbox , Click upon Create Inbox .

Select Integrate Chat Widget As Inbox.

Filling in the required details in the Chat widget , after filling all the details Click upon save and Save the Widget.

Click upon Integration and Copy the Code which is going to be added in Header or Footer of the Website

Afterwards give some changes in Code according to use-case of Widget
For example. If you only want to hide the Launcher then Type True instead of <True/False> And rest all Four would be False
{ widgetToken: "XXXX",
hide_launcher: true, // override default widget hide launcher settings
show_widget_form: false, // override default widget show client form settings
show_close_button: false, // override default show close button widget settings
launch_widget: false, // override default launch widget settings
show_send_button: false, // override default show send button widget settings
unique_id: <unique_id>, // any unique id, could be username, email etc.
name: <name>, // optional, if not passed in code, a form will be displayed
number: <number>, // optional, if not passed in code, a form will be displayed
mail: <mail>, // optional, if not passed in code, a form will be displayed
country: <country>,
city: <city>,
region: <region>
};
;
</script>
<script type="text/javascript" onload="initChatWidget(helloConfig, 5000)" src="https://control.msg91.com/app/assets/widget/chat-widget.js">; </script> // If you want to load widget with a delay, can pass 2nd param for delay in milliseconds"
Note- Paste the Code on your Web-page's Header Or Footer as per requirement.
After that Chat-Widget will get integrated to Your website and after these following steps, Bot can get linked to that Widget
Select the Desired inbox and Click up-on 3 dots and select Bot Settings

Select the Bot In the Drop down Window

Select the Bot and Click upon Update

Bot has been Integrated to Widget successfully .
How to integrate the Hello-Chat Widget?
Nov 11, 2024Here are the general steps for integrating an SMTP service with your HELLO inbox:
Step 1:- Log in to your Gmail account & click on the "Google Apps" icon in the top right corner of the screen.

Step 2:- Click on "Account" to access your account settings.

Step 3:- After clicking on account, Click on "Security".

Step 4:- Click on "2-Step Verification.
Step 5:- If the two-factor authentication is off then Click on "Get Started"

Step 6:- Enter your Gmail password and click "Next".

Step 7:- Enter your mobile number and click "Next".
Step 8:- Enter the verification code you receive on your mobile and click "Next".

Step 9:- Click on "Turn On" to activate 2-Step Verification.

Step 10:- You should see a green tick mark confirming that 2-Step Verification is now on.
Step 11:- Click on "2-Step Verification" again and enter your Gmail password to verify your account. Then, scroll down to the "App passwords" section.

Step 12:- Select "App", then select "Other (Custom Name)", enter any name you like (e.g., "Test") then click on Create.

Step 13:- Copy the 16-character app password that is generated.

Step 14:- Then go to “HELLO” Click on "Manage" and then click on "All Inboxes" & then click on "Create Inbox" .
Step 15:- Click on "Create Now" next to "Email".

Step 16:- Click on "Create Now" (Google).
Step 17:Enter the required details, For example-
Inbox name:- ("Test")
Gmail address:- ("[email protected]")
Password:- Enter the 16 characters app password (abcd efgh ijkl mnop) which we copied earlier in step 13.

Visit this site for IMAP Hostname, IMAP Port, SMTP Portname, SMTP Port-
Step 18:- Click on verify
Step 19:-Select the members and teams you want to add to the inbox, and click on "Next".

Step 20:- Click on Save

How to Integrate SMTP Service in HELLO Inbox?
Nov 11, 2024Hello - IOS Wireguard
Process in IOS for Wireguard setup to start the calling in Hello
Go to Hello, Click on Compose- select the call option.
Click on the wireguard.
Download this wireguard.
Now again go to Hello - Now click on the download button.
In the share option select the Wireguard app.
It will open the wireguard and start the toggle.
Again go to Hello, Click on the Reconnect.
Add the phone number with 91. And start calling.
Video Link: https://files.msg91.com/293020/uoqdefqq
Calling in Hello Mobile -IOS
Nov 11, 2024SMTP OUTLOOK
For OUTLOOK:
Create an account on OUTLOOK or log-in with the already created account.
Click on setting gear icon at right top most corner

Click on sync email under Mail directory in popped up window then click on view POP, IMAP and SMTP settings at the last of the window.

In the opened window expand POP, IMAP, and SMTP settings for outlook.com (first choice)

Copy the imap and smtp hostname and port number
Enable Two step verification by clicking on right top most corner on profile logo – > my microsoft account → security
After turning on two step authentication click on Create a new app password under App passwords

Copy the app password created and follow the next steps with hello for the integration of outlook smtp with hello.
Integration:
User need the following SMTP server credentials, All the mentioned details can be retrieved from the outlook dashboard.
Username: email or username provided by SMTP server configuration
Password: password to authenticate the username for communication with server (Password is saved encrypted in database with AES Encryption)
SMTP Hostname: SMTP server hostname provided by server manager
SMTP Port number: port number for different type of connection as of now using ssl connection having default part of 465.
IMAP Hostname: SMTP server hostname provided by server manager
IMAP Port number: port number for different type of connection as of now using ssl connection having default port of 465.
Integration Type: for now using both the services (SMTP and direct mailer integration) , so need to differentiate between these two integration methods

If Error raised with “invalid credentials or cannot authenticate SMTP server then integration might not be successful due to invalid credentials.
SMTP Outlook Inbox in Hello
Nov 11, 2024Our new text translation feature lets you select your preferred language for chats. Receive messages in your chosen language, ensuring seamless communication with users.
Whether it's English, Hindi, or any other language, you'll receive messages in your preferred language automatically.
1.To access these features, head to the "All Inboxes" section and enable Text Translation.
2.Elect your preferred language from the dropdown.
Text Translation
Nov 8, 2024What is Identity Verification
Identity Verification ensures private conversations and prevents impersonation of users. If you have a Chat Widget integration with logged-in users, using Identity Verification is strongly recommended.
What is Impersonation?
Impersonation is a process where one user or entity temporarily assumes the identity and privileges of another, typically authorized for access to resources. It is often used for administrative or delegated functions while adhering to security and access controls.
What is logged-in?
If the Widget Configuration includes the email or unique_id, the client is considered a logged-in user.
What is a user impersonation attack?
Without Identity Verification, anyone can interact with your Widget and impersonate another user by providing a known identifier such as their email or unique_id. This can lead to an attacker posing as a legitimate user and gaining access to previous conversations, along with potentially sensitive data, which can be a significant risk to your team's security.

How does Identity Verification protect your company?
With Identity Verification, you generate a unique user hash for each of your users based on their email or unique_id and your company’s identity verification secret. Your integration will generate and send these hashes along with every Widget request allowing us to trust that the user request truly came from you.

Set up Identity Verification
User hash is created using a unique secret key, which is accessible in the Hello panel.
Step 1: Get Secret Key
- Login to MSG91 account and click on hello.
- Go to all inbox and select the setting of chat Inbox.
- In Widget Settings, under configuration, you will find the secret key.
Keep the secret key confidential and do not expose it in public repositories.
Store the secret key in a secure environment.
The secret key is automatically generated when a Chat widget is created for a company in the Inbox.
Please note only owners and admins have access to the secret key. Only Integration Edit permission users can see the secret key and request for a new secret key.
Step 2: Generate and send hashes for your users
Now you'll need to generate an HMAC on your server for each logged-in user and send it to Widget.
To generate user JWT tokens in different programming languages, please use the codes provided below as a reference.
Python
# requirement
$ pip install PyJWT
# code for generating jwt
import jwt
import time
# Header for jwt token
header_data = {
"alg": "HS256",
"typ": "JWT",
# Set verify_exp to True if you want to enable expiry of token else False
“verify_exp”: True
}
payload_data = {
"unique_id": "user_unique_id",
"mail": "user_email_address",
# For time in seconds pass seconds in seconds argument, for minutes pass minutes in minutes argument
"exp": datetime .datetime .now(tz=datetime.timezone.utc) + datetime.timedelta(seconds=60) }
# Your secret key
my_secret = ‘your_secret_key’
# Generating jwt token
token = jwt.encode(headers=header_data,
payload=payload_data,
key=my_secret,algorithm="HS256"
)
Node
# requirement
$ npm install jsonwebtoken
# code for generating jwt
// jwt token without expiry
var jwt = require('jsonwebtoken');
let my_secret = ‘your_secret_key’;
let payload = {
"unique_id": "user_unique_id",
“mail”: “user_email_address”,
}
// Set verify_exp to True if you want to enable expiry of token else False
var token = jwt.sign(payload, my_secret,{header: {“verify_exp”: false } })
// jwt token with expiry
var jwt = require('jsonwebtoken');
let my_secret = ‘your_secret_key’;
let payload = {
"unique_id": "user_unique_id",
“mail”: “user_email_address”,
“exp”:Math.floor(new Date().getTime() / 1000)
}
// Set verify_exp to True if you want to enable expiry of token else False
var token = jwt.sign(payload, my_secret,{algorithm:
"HS256"
header: {“verify_exp”: true } })
Java
# requirement
<dependency>
<groupId>io.jsonwebtoken</groupId>
<artifactId>jjwt-api</artifactId>
<version>0.11.5</version>
</dependency>
<dependency>
<groupId>io.jsonwebtoken</groupId>
<artifactId>jjwt-impl</artifactId>
<version>0.11.5</version>
<scope>runtime</scope>
</dependency>
<dependency>
<groupId>io.jsonwebtoken</groupId>
<!-- or jjwt-gson if Gson is preferred -->
<artifactId>jjwt-jackson</artifactId>
<version>0.11.5</version>
<scope>runtime</scope>
</dependency>
<!-- Uncomment this next dependency if you are using JDK 10 or earlier
and you also want to use RSASSA-PSS (PS256, PS384, PS512) algorithms.
JDK 11 or later does not require it for those algorithms:
<dependency>
<groupId>org.bouncycastle</groupId>
<artifactId>bcprov-jdk15on</artifactId>
<version>1.70</version>
<scope>runtime</scope>
</dependency>
-->
# code for generating jwt
Header header = Jwts.header();
header.setType("JWT");
header.put("verify_exp", true);
long nowMillis = System.currentTimeMillis();
Date now = new Date(nowMillis);
String jwtToken = Jwts.builder().setHeader((Map<String, Object>)header).setExpiration(now).signWith(SignatureAlgorithm.HS256,"your_secret_key".getBytes()).compact();
Note:
If mail and unique_id are passed then the user hash is calculated based on unique_id
If only mail is passed in JSON data without unique_id then mail is used to calculate the user hash.
If only unique_id is passed then unique id is used to calculate hash.
Step 3: Verify JWT
- Once after creating your JWT Token, verify it by clicking on "Verify JWT."
- Copy your dynamically created JWT and if it shows Signature Verified you are all set.
Step 4: Send JWT in Widget Configuration
Pass generated JWT for logged-in users, E.g.
var helloConfig = {
widgetToken: "XXXXX",
user_jwt_token: "ENTER USER JWT TOKEN HERE",
unique_id: <unique_id>,
name: <name>,
number: <number>,
mail: <mail>
}
Regenerate Secret Key
If required the secret key can be regenerated from the Hello end by clicking "Regenerate Secret Key."
The agent will be prompted to specify the expiration time for the old secret key, during which both the old and new secret key's JWT tokens will remain operational.
After this expiration, the old secret key will be deactivated, and any JWTs created with the old secret key will no longer be verified.
Hash Key Verification
For Logged-In Users (When Email or Unique_ID is Provided in Widget Request):
The first step is to check the user's JWT token. If the user's JWT token is not provided in the request, a forbidden (403) request will be raised.
The user JWT token is authenticated at the Hello end using the same secret key employed by the widget's backend for JWT token generation. Therefore, it is imperative that widget integration aligns with the website backend. If the user's JWT token does not match, a forbidden response will be returned.
For Logged-Out Scenarios (When No Unique_ID or Email is Available):
No user JWT token is required, and the functionality will remain unchanged.
JWT Creation Information:
The process of JWT creation is displayed on the panel, allowing clients to integrate the widget with the necessary JWT logic for different backend systems.
NOTE: This functionality is only available to the sites that have their backend manageable and can pass the jwt_token without exposing the secret key at UI.
For example, sites that are built on Shopify, WordPress, and other static sites.
It is crucial to implement Identity Verification in your Widget to prevent unauthorized access. Without Identity Verification, anyone can interact with your Widget and impersonate another user by providing a known identifier such as their email or unique_id. This can lead to an attacker posing as a legitimate user and gaining access to previous conversations, along with potentially sensitive data, which can be a significant risk to your team's security.
Identity verification in Hello
Nov 8, 2024Interactive messages in Hello
In manage click ‘Saved Reply’
Click on Interactive Messages and create the message.
When you click on create - this window will open
Select the WhatsApp number from which you want to send this message.
Give it a name
Select the type of message- Button, List, Product, or Product List.
Enter all the details as per the headings given.
Button:
List:
TO GET THE CATALOG ID AND PRODUCT ID-
First, you have to connect your meta catalog with your WhatsApp number in the MSG91 panel.
Here is the doc for the same - https://msg91.com/help/whatsapp-catalog.
Once you connect the number, you will get the catalog ID and Product ID from Meta:
Go to Commerce Manager
Select your catalog, here you get the Catalog ID.
Open the Catalog tab and go to Items. From there you can get the item id.
Product:
Here you have to add the product and catalog Id from the dropdown.
Product List:
Here you have to add the products Id and catalog Id from the dropdown.
Send the Interactive message on Hello:
Go to the Chat.
From here you have to type @ to get the interactive message.
Select the template and click Send.
Interactive message in Hello
Nov 8, 2024New Lex Chat-Bot
Here is the process to create New lex chat Bot-
Go to the Hello panel and click on Bots (Chat Bots) in the Manage section. And click on the Create Bot.

Select the Lex Bot, fill in all the details, and click save.

Then the option to create intent will open, which means the purpose of creating the bot.

Add the descriptions and click on save, It will open the option to add details for the bot. The first option is to add Client Query means what will be your user's first query or words.
Note: These are required values.

Here is an example of the most common queries of our business, you can add it as per your business. Add as many queries as possible, you should cover all the similar as well as different questions and queries. Note: The client queries should not be the same for multiple intents, for example: If you are providing {Hello and Hi} client queries for the first intent, then you cannot add on these client queries {Hello and Hi} other than the first one.

After this, the next option will be Initial Response- In this, the answer to the user's first query (say what will the bot respond after the user sends hi in the chat).
Note: Initial response is optional.
You have Seven list options for your user's initial query.
Text - Only text will be sent.
Buttons- we provide options to create three buttons so that the user can choose from them. Note: You can add a maximum of 3 buttons.
List- Here you can add a list of products, services, or various other options for users to choose from. The limit of items is 10, you can add at most 10 options.
Product - Here you can add your Catalog id and product id of a single product.
Product list - Here you can add your Catalog id and multiple products of different products.
Media - In media you can add photos, videos and documents to your chatbot.
choose from. The limit of items is 10, you can add at most 10 options.
CTA - This means Call To Action. We provide users with call-to-action buttons, in which when the user clicks on this button, he will be redirected to the URL you will insert in the column of the URL.

Here is the preview of the text option. Note: The character limit in text is 1024.

This is how you can add button options. You can see the preview on the right-hand side.
Note: The character limit on the button is 20 characters.
Here is how you can add List Button.

Here is how you can add product list, where you can your product and catalogue id.

Here is how you can add media. Note: Check the size and type of media supported.

After the Initial response, the next option is to add information on User Input:- This means the bot will ask these questions from your users after they respond to the initial response.
Note: Slot names should not be the same for multiple slots, it is a required category.
Like if you want to know the size of the product, and the type of the product from the users.
You can add as many questions here as you want to ask from the users.
Here you have to provide the following:
Name of the input (like size, type),
Input Type (we provide various options in the dropdown like number, alphanumeric, date, etc.),
Prompt Query- What query will the bot ask in the chat, and
Maximum Retry - How many times do you want to repeat the query from the user when the user provides the wrong answer.

Click on Add User Input, To get the input user prompt where you can fill the details which you need from your customers like name, numbers, etc.
You can give Name to your user input.
Now give the input type which is Required like name, number and alphanumeric,etc.
Write the Bot queries means the question that bot will ask from the users.
The Max Retry option means How many times bot will ask the option if client fills wrong information.Note: Limit you can set is Min o and max 3.
Click on Save and Next.

You can also create a new input type too. There are two options: The first one is "Blank" and the Second one is "Built-in".

In the Blank Option: You can add information as per your requirement.
There are two options: If you select the first option which is "Blank", then you will see there are two value type options. The first one is: 'Dynamic' and the second one is 'Fixed'.
In Dynamic- The Bot will accept similar or the same values as you will provide in the sample.
In the Fixed option- It will accept only the value you have mentioned in the sample, the exact value

For Dynamic Value Type:- We are providing some in-built slots but if a user wants to create any custom slot then they can use the dynamic type.
You need to add on 10-15 same types of sample values trained by a bot
For Example, we consider NAME as a slot type
1st character - u, 2 characters - Om, 3 characters - Joy, 4 characters - Anuj, 5 characters - Raman, 6 character - Rakesh

In Fixed: The Value you set the same will show.
If you want to take specific 3 to 4 country responses you can give specific names in fixed
For example - If your question is from which country you are?
India, USA, Australia -
If the answer is related to these 3 countries then the bot responds, other than the bot will not reply.
If you add on the sample values and synonyms for the fixed type, then by default it will pick the sample values at the first attempt and then it will take on the synonyms.

Click User input type Built-in: Basically, it is the extended functionality we are providing by using the Built-in Input Type. In this functionality, you can verify the input provided by the user of your slot prompt.
For now, only the Alpha Numeric input type is supported.

Use case: For example:
If you want the user to provide the Postal Code, the business is supporting mainly 3 formats which are: Numeric for India {123456}, Alpha-numeric for UK {GU16 7HF}, and Numeric-numeric for US {1234-12345}. In that case, the business will create the Regex Expression which will support all three postal codes.


Once you add this, the input type will start showing in the drop-down of input type,
from there you can select this input type.
Confirmation Response
This will be sent when all the prompt responses are fulfilled by the user who initiated the chat.
You can add all your slots value.
Enter the confirmation sentence you want to show it to your customer.
You can also confirm the inputs by writing the name of the inputs, then add colon and enter curly bracket,that will open the drop down of input name, and select the option you want confirmations of.

Decline Response
This response is sent to the user when the user declines the intent. For example, for the prompt, 'Do you want to place the order' and the user responds, 'No.'

Click to save and the next button.

Functional call: [API Call: It is optional to create it]
Here you can add your API that you want to call on action.
Then add the success response that you want to show to the users in case of API success.
Add the failure response for the API
Use case : Then click on save and next

Closing response
You can create your closing response with different options like text, button,
product,product list, media, CTA, unassign bot.
Uassign bot means the bot will unassign himself from the chat and agent will be
assigned for the chat.
After completing the conversation this closing response will work.
After that save your response and click on save and next.

After completing all the steps. Click to Build option to save your all steps and create a bot.

After clicking on build option, don't go on another tab and wait for a while it will take some time to build a bot.

Click to the test bot button on top of your left corner and then test your bot.

After clicking the Test bot button - you can see this type of window and test all the steps of intents and all queries which you have added in the flow.


You can also refer this video: https://drive.google.com/file/d/1VyxHmEnfNtCoyWBiu3j9vfA-kMcbkGk6/view
How to Create Lex Chat-Bot
Jan 2, 2025You can integrate an Hello Chat Widget into your mobile application using the following SDKs for various platforms.
React Native
→ https://www.npmjs.com/package/@msg91comm/react-native-hello-sdk
Flutter
Integrate Hello Chat Widget into mobile
Dec 10, 2024In this tutorial we will be guiding you through how to use the utility script to run APIs.
UTILITY SCRIPT
Use Utilities to add custom logic or scripts using JavaScript. You can execute APIs and display responses based on your logic.
To create additional nodes in the utility script, you need to include return statements with string variables. For example, writing return "true"; will generate a node named "true."
The fallback node is a default node created to handle the flow when the utility script fails to run at any situation.
Multiple nodes can be created as per the requirement.
In order to display the response of the api in further flow, one can use the _flow_variables.variable_name.
To display this variable in any other card one can write the variable as {{variable_name}} and present it to the end user
Also kindly use the fetch function to call apis and perform crud operations.
You can refer this link for the API documentation
GET- Return status of the API
In order to run an API we must write the API using the fetch function in javascript.
The API is written within the fetch function along with the method and other headers.
The response of the API is stored in a “result” named variable.
According to the api response the result stores { “status”: “OK”} .
In order to display the value of the status, create a variable using flow variables and store the value of the key you wish to
_flow_variables.status = result.status;
To create further flow we return string variables which create nodes to connect further cards.
Hence write return “result”;
To display the response of the API , drag Send a Message card.
Use {{status}} to display the value of the status variable received through the api call
GET- Get a single Book
Use Ask a text card to ask the user the Id of the book he wishes to view.
Create a variable as book_Id and store the user input in this variable.
Drag and utility script card and write the below code to execute the API
Store the response in the result variable as shown below
Use flow variables to store the api responses and display in the further cards
Refer the below send a message card to view the variables to the end user
POST- Submit an Order
In order to place an order create two variables as bookId and customer_name and get their user input values from the user
Once obtained, drag the utility script card and write the below script
Begin by creating a headers method and writing the authentication key as provided in the API doc
Next use the stringify method in json to store the user inputs in the variables as shown below
Now implement the api using the fetch function in json as shown below
Save the results using the flow variables and display them in further cards as shown below