Skip to content

ringcentral-tutorials/engage-digital-structured-messages-demo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Demo of Engage Digital Structured Message

A demo of Engage Digital Structured Message by following Quick Start here

Online Demo

Deploy To Heroku

Deploy to Render

Requirements:

Run in Local:

  1. Clone this repo
$ git clone https://github.com/ringcentral-tutorials/engage-digital-structured-messages-demo.git
$ cd engage-digital-structured-messages-demo
  1. Install dependencies
$ yarn
  1. Start Ngrok to create to domain for webhook
$ yarn ngrok
  1. Create .env file as .env.default

Using .env.default as a template, create the .env file with your own access token and server.

ENGAGE_DIGITAL_ACCESS_TOKEN=your_engage_digital_API_access_token
ENGAGE_DIGITAL_SERVER=your_engage_digital_api_server # eg: https://[YOUR DOMAIN].api.digital.ringcentral.com
  1. Start test server
yarn start
  1. Create Webhook in Engage Digital Admin web

Webhook Uri:

https://xxxxxxx.ap.ngrok.io/webhook

Create a new Webhook in Engage Digital Admin web. Make sure to add the /webhook to your ngrok URI, And ngrok domain from step 3

  1. Test by chatting in your Messaging Channel
  • Type 'select' in the customer's chat window to see an example of a quick reply
  • type 'link' in the customer's chat window to see an example of a rich link

Run with Heroku

  1. Click Deploy to Heroku to have a quick deploy to heroku.

In setup page, setup ENGAGE_DIGITAL_ACCESS_TOKEN and ENGAGE_DIGITAL_SERVER environment variables.

  1. After deployment, create Webhook in Engage Digital Admin web

Webhook Uri:

https://xxxxxxxxxx.herokuapp.com/webhook

Create a new Webhook in Engage Digital Admin web. Make sure to add the /webhook to your ngrok URI, And hero domain from step 1

  1. Test by chatting in your Messaging Channel
  • Type 'select' in the customer's chat window to see an example of a quick reply
  • type 'link' in the customer's chat window to see an example of a rich link