Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Panel
panelIconIdatlassian-info
panelIcon:info:
bgColor#F4F5F7

This page is about Chat for JSM Cloud. Using Server or Data Center? Click here.

This

...

3-step guide will walk you through the key concepts you need to know to get started, help you set up the app, and get you ready to serve your customers with a chat widget.

...

  1. Navigate to your Project and select Issue Type

  2. Enable Chat in the project

  3. Add the widget to your website

  4. Go online

...

Contents

Table of Contents
minLevel3
maxLevel6
include
outlinefalse
indent
exclude
typelist
printablefalse
separatorbrackets
class

Step 1. Navigate to your Project and select Issue Type

After installing Chat for JSM from the Atlassian Marketplace, select the project you want to configure. Then, to view the Welcome screen, go to Project Settings > Chat Settings, and select an Issue Type to continue.

...

image-20240215-232405.pngImage Added

This is because each new conversation on your Jira Customer Portal and/or website will be automatically turned into a Jira issue. These requests will be created based on the issue type you select here and then independently for each project.

...

Selecting the issue type will automatically add the Chat Dashboard to

...

your project page.

...

...


Step 2. Add the widget to your website or Jira Customer Portal

Got a website or a Jira Customer Portal you want to put the Chat Widget on? Easy-peasy.

...

After selecting the Issue Type, your next step is the Chat Widget screen. Here you can easily add the live

...

Chat Widget and button to your Customer Portal

...

by clicking Install. Then, you can head over to Appearance to customize its look

...

according to your brand and preferences.

...

image-20240216-080513.pngImage Added
Image Added

Installing the Chat Widget on your website is pretty simple, too.

...

After clicking Install, insert the Javascript into the code of your website, and it will look something like this:

...

Image Added

Keep in mind that, to customize the widget’s appearance on your website, you’ll need to tweak the HTML code.

Then, you can decide how the Chat Widget will behave and what information it will offer. Customizing the greeting message, setting up a Pre-Chat form, and enabling the knowledge base search within the Chat Widget — all these and more are possible.

...

Image Added
Panel
panelIconId2b50
panelIcon:star:
panelIconText
bgColor#F4F5F7

Add Chat Widget on Your Website

Panel
panelIconId2b50
panelIcon:star:
panelIconText
bgColor#F4F5F7

Add Chat Widget on Jira Customer Portal

...

...


Step 3. Go online

The support agents can go to the Chat Dashboard to follow all the support tickets coming through. Each new conversation on your Jira Customer Portal and/or website will create a Jira issue. Through the dashboard, agents can respond to customer messages for both chat and non-chat Jira issues.

This lets them have conversations in real

...

time, solve customer support requests faster, and make customers happier. A win-win situation!

Explore the dashboard, and click the (blue star) icon to make yourself online using the Go online button.

...

2024-02-16_10-55-36 (1)-20240216-075634.gifImage Added
Panel
panelIconId2b50
panelIcon:star:
panelIconText
bgColor#F4F5F7

Chat Dashboard


All systems are go! Go online, and start rocking. 🚀

Each screen on the app has a link that will take you directly to our documentation: a place to discover more and find answers quickly.