Slack Deployment via Custom App

Connecting Slack Channel via Custom App

Instead of setting up via Public App, you can also connect Slack Channel via Custom App.

Custom Slack App Setup

This section will help you setup a Custom App on Stella for Slack. This app is necessary for setting up live chat/chatbot on Slack.

Before proceeding to the rest of the settings, please make sure you have a Slack workspace ready.

Add Features and Functionality

  1. Go to Slack web portal: https://api.slack.com/start and create an app for your Slack workspace. Add the following features and functionality: Interactive Components, Event Subscriptions, Bots and Permissions.

Interactive Components

  1. Head to "Interactivity & Shortcuts" under "Features" and enter the Slack webhook URL under Request URL in Interactive Components.
https://webhook.stella.sanuker.com/v2.1/slack

Event Subscriptions

  1. Head to "Event Subscriptions" under "Features" and switch on Enable Events and fill in the same Request URL.

  1. Subscribe the following bot events: message.channels, message.groups, message.im and message.mpim.

Bots

  1. Head to "App Home" under "Features" and select "Edit" under "App Display Name". Then, set the display name and default username of your bot.

Permissions

  1. Head to "OAuth & Permissions" under "Features" and generate OAuth Access Token and Bot User OAuth Access Token.
  1. Add permission by the following scopes:
ScopeDescription
channels:readAccess information about user's public channels
channels:writeModify your public channels
chat:write:botSend messages as BOT DISPLAY NAME
groups:readAccess information about user's private channels
groups: writeModify your private channels
im:readAccess information about user's direct messages
im:writeModify user's direct messages
mpim:readAccess information about user's group messages
mpim:writeMake changes user's group messages
files:write:userUpload and modify files as users
botAdd a bot user with the username @BOT_USERNAME
users:readAccess your workspace's profile information
users.profile:readAccess user's profile and workspace profile fields

API Methods

  1. Go to API Methods and run methods "users.list" with your OAuth Access Token. You will find the id and team_id of the channel you want to deploy chatbot onto in the returned result.

Stella Channel Setting

  1. Go to Stella, select "Channels" at the top menu bar.

Select Channels
  1. Click "+New Channel" and name your new channel.

+ New Channel

Name your Channel
  1. Select Slack as your deployment platform, select Use Your Own App and fill in all the necessary information.

Use Your Own Custom App

Find your custom app information after you have completed below procedures:

  • For Bot ID & Team ID, please head to API Methods.
  • For Bot User OAuth Access Token & OAuth Access Token, please head to Permissions
  • For App ID, Signing Secret & Verification Token, you may locate them in your App's Basic Information the in Slack web portal, after you have created a Slack App.

Location of App ID, Signing Secret & Verification Token

Please proceed to complete the rest of the setup:

Connecting Custom App to the Slack Workspace

Getting Hands-on

  1. In your Slack workspace, create a new Slack channel by clicking the “+” sign near “Channels”. Then, click “Create a channel”. The channel is for you to receive live chat tickets or to structure your workspace into different channels by different departments/teams.

Create a Slack Channel
  1. Fill in the information for the new channel, toggle on “Make private” if you want to create a private ticketing group. Then click “Create”. For your reference, you can find your "Slack Channel ID" from the URL on the web browser. The URL should look like this.

https://app.slack.com/client/<Team ID>/<Slack Channel ID>

Customize your Slack Channel
  1. Add your corresponding teammates who will be handling live chat enquiries to your newly created channel.

Add Teammates to your Slack channel
  1. In order to add your custom Slack app to Channel, select “i” and then “More". Then, select “Add apps”.

Add Stella Public App to your Slack Channel - 1
  1. Find the your custom Slack app you have previously installed to your workspace, i.e. you should be able to find Stella or your custom app name and select "Add" to add into the ticketing channel.

Add Stella Public App to your Slack Channel - 2
  1. Select the menu of the channel again, you can see “View 1 app in #”, click to review if your custom Slack app is added to the Slack channel.

Add Stella Public App to your Slack Channel - 3
  1. You should be able to see the your Slack custom app you have added to Slack channel now. This channel is ready for live chat ticketing!

Add Stella Public App to your Slack Channel - 4

Pairing Channels

Please remember to pair up your inlet and outlet channel. For details, please click here.

Broadcast Group

Broadcast Group is where you can mark and label which channel to send out the live chat tickets out.

Please make sure you have completed Level one of the standard procedure of Slack Live Chat Tree setup before proceeding to this step.

Getting Hands-on

  1. Head to your Stella Channel for Slack and select "Broadcast Group".

  2. Find the Slack channel which you would like the live chat tickets to be sent out to and select it. It should be the channel you have created back in step 2.

Add Slack Channel to Broadcast Group

  1. You may toggle default or customize a label (the label can be setup in the sample codes for level one standard procedure.

  2. Click "Save" when you are done.

Live Chat Settings

Live Chat Settings is where you can set up your idle timer in live chat. For some messaging platforms like WhatsApp, there is a limitation of 24-hours conversation window. You may need this idle timer to send an automated message out to end the live chat when the time is up.

Please make sure you have completed Level two of the standard procedure of Slack Live Chat Tree setup before proceeding to this step.

Getting Hands-on

Set Idle Timer in Live Chat Settings

  1. Head to your Stella Channel for Slack and select "Live Chat Settings".

  2. Set your idle timer. The minimum interval you can select is 15 minutes.

  3. Select the tree and node to execute when the time is up.

  4. Click "Save".

You may also set up your Live Chat Settings following this guide: Automatic End Live Chat Function

Adding Trees & Global Nodes

This section will cover the steps on how to add the ticketing commands (i.e. done or transfer live chat) to the Stella channnel for Slack.

Please make sure you have completed Level two of the standard procedure of Slack Live Chat Tree setup before proceeding to this step.

Sample Tree Structure

Sample Slack Command Tree

Getting Hands-on

  1. Select the "Tree" section in your Stella Channel for Slack.

  2. Add all the global nodes of each command under "Default".

Add Slack Command Tree to Stella Channel for Slack

  1. If your commands are scattered in different trees, you may add multiple trees.

  2. Click "Save" when you are done.

← Slack (Public App)Teamwork →