How to Integrate WhatsApp to Tegsoft Web Chat via Twilio?
  • 06 Apr 2022
  • 3 Minutes to read
  • Dark
    Light

How to Integrate WhatsApp to Tegsoft Web Chat via Twilio?

  • Dark
    Light

Article summary

Twilio is the one of API providers of WhatsApp. It allows users to benefit from Web Chat features through WhatsApp.

This article describes how to integrate WhatsApp to Tegsoft Web Chat via Twilio.

By reading this article, you will have information about:

  • setting up Twilio messaging service,
  • integrating and activating Tegsoft web chat feature by using Twilio.

Twilio Integration and Activation Steps

Please, follow the steps below to integrate WhatsApp to Tegsoft Web Chat via Twilio.

1. Twilio Messaging Service Setup

Please, follow the steps below to activate Twilio account.

  1. ➀ Go to https://www.twilio.com/ and login to your account after signing up.
    1.png

  2. ➀ Type WhatsApp Senders in the search bar.
    ➀ Click WhatsApp Senders.
    2.png

  3. ➀ Click New WhatsApp Sender.
    ➀ Click Buy a Number in the Select a Number list.
    3.png

  4. ➀ Select a Country.
    ➀ Click Buy.
    4.png

  5. ➀ Type Messaging Services in the search bar.
    ➀ Click Messaging Services.
    5.png

  6. ➀ Click Create Messaging Services.
    6.png

  7. ➀ Enter a Messaging Service Name.
    ➀ Select what you want to use Messaging Service for.
    (Create a Messaging Service for every Messaging use case you have.)
    ➀ Click Create Messaging Service.
    7.png

  8. ➀ Click Add Senders to add senders to messaging service.
    (Select from multiple Senders like phone numbers, WhatsApp Numbers, and others. Use multiple Senders for one application or use case.)
    8.png

  9. ➀ Select WhatsApp Number from the Sender Type list.
    (WhatsApp numbers are capable of 2-way (inbound and outbound) messaging with WhatsApp users from most countries.)
    (Businesses can apply to activate Twilio numbers for WhatsApp. Use cases and message templates must be approved by WhatsApp.)

    ➀ Click Continue.
    9.png

  10. ➀ Select the WhatsApp Numbers.
    (You can select multiple WhatsApp numbers.)
    ➀ Click Add WhatsApp Numbers.
    10.png

  11. ➀ Click Confirm.
    11.png

  12. ➀ Select Sender from Sender Pool.
    (A Sender represents a channel, number type, or messaging type that can receive and send messages using the Twilio Messaging API.)
    ➀ Click Step 3: Set up integration.
    12.png

  13. ➀ Select Send a webhook from Incoming Messages list.
    (Invoke an HTTP webhook for all incoming messages.)
    13.png

  14. ➀ Enter your Request URL.
    ➀ Enter your Fallback URL.
    (Fallback URL is only used if the Request URL fails to respond.)

Request and Fallback URLs are:
https://{{YOUR_DOMAIN}}/Tobe/app/ApplicationServletexternalService=textRouter&TRUNKTYPE=TWILIOWHATSAPP&TRUNKID=service1
Note: In these URLs, TRUNKTYPE is β€œTWILIOWHATSAPP”, TRUNKID is optional.

‏‏‏‏‏‏‏‏ ‏‏‏‏‏‏‏‏ ‏‏‏‏‏‏‏‏ ‏‏‏‏‏‏‏‏ ➀ Click Step 4: Add compliance info.
14.png

  1. ➀ Click Complete Messaging Service Setup.
    15.png

  2. You have successfully set up a new Messaging Service.
    ➀ Click View my new Messaging Service.
    16.png

  3. ➀ Copy Messaging Service SID.

⚠️ This is your API key. Please keep it for future use.

‏‏‏‏‏‏‏‏ ‏‏‏‏‏‏‏‏ ‏‏‏‏‏‏‏‏ ‏‏‏‏‏‏‏‏ β€β€β€β€β€β€β€β€βž€ Click API Integration Guide.
17.png

  1. ➀ Click Messages.
    ➀ Click POST.
    ➀ Copy URL.
⚠️ This is your message service URL. Please keep it for future use.

18.png

  1. ➀ Click your Console.
    ➀ Copy ACCOUNT SID.
⚠️ This is your message service Username. Please keep it for future use.

‏‏‏‏‏‏‏‏ ‏‏‏‏‏‏‏‏ ‏‏‏‏‏‏‏‏ ‏‏‏‏‏‏‏‏ β€β€β€β€β€β€β€β€βž€ Copy AUTH TOKEN.

⚠️ This is your message service Password. Please keep it for future use.

19.png

2. Tegsoft Integration and Activation

After the Twilio messaging service setup, integration parameters shall be set in Tegsoft software.
Follow the steps below in Tegsoft software to set integration parameters.
Twillio Tegsoft.png

Step 1 – Click CC Management tab.
Step 2 – Click Contact Center Settings tab.
Step 3 – Click plus icon (+) to add new integration parameters.
Step 4 – Set parameters.
Step 5 – Click the Save button.

The parameters in Step 4 are described in the table below.

ParameterDescription
Account NameEnter an account name.
Account TypeSelect account type as Twilio from the list.
URLEnter your URL obtained in step 18 of the Twilio Messaging Service Setup.
API keyEnter your Messaging Service SID obtained in step 17 of the Twilio Messaging Service Setup.
UsernameEnter your ACCOUNT SID obtained in step 19 of the Twilio Messaging Service Setup.
PasswordEnter your AUTH TOKEN obtained in step 19 of the Twilio Messaging Service Setup.
Phone NumberNULL
Is activeClick checkbox as active.
NotesType your notes.

After all parameters are configured, web chat skill shall be created using the related number.
β€’ For detailed information about creating a web chat skill, please review Web Chat Skills (Queues) article.
β€’ For detailed information about Text Routing rules when creating a chat skill, please review Text Routing Definitions article.


Was this article helpful?

Changing your password will log you out immediately. Use the new password to log back in.
First name must have atleast 2 characters. Numbers and special characters are not allowed.
Last name must have atleast 1 characters. Numbers and special characters are not allowed.
Enter a valid email
Enter a valid password
Your profile has been successfully updated.