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.

You can customize the Chat Button and Chat Widget’s appearance in the Appearance section. To access the screen, open Project Settings, and from the sidebar, click Chat

Settings

for JSM > Appearance.

Contents

Table of ContentsminLevel2maxLevel3outlinetypelistprintablefalse

false

Color and messages

To change the display appearance of the Chat Widget on your Jira Customer Portal and website, you have two options:

Screen Shot 2024-02-16 at 12.17.39.pngImage Modified

Contents

Table of Contents
minLevel2
maxLevel3
outlinefalse
typelist
printablefalse

1. Widget Color

Using the interactive color picker, you You can select a color for the Chat Widget using the interactive color picker.

Note

This change will apply to both Jira Customer Portal and external websites; however, if you want to have different colors on the website, you can customize it via code.

Screen Shot 2024-02-16 at 16.45.04.pngImage Modified
Screen Shot 2024-02-16 at 16.46.36.pngImage Modified

2. Header & Greeting

message

Message

The changes made here apply to both the Jira Customer Portal and external websites.

Header Message: This is the message that’s displayed at the top of the Chat Widget.

d080b8d1-2131-460d-85a0-99c0b6ba7323.png

Greeting Message: This is the message that’s displayed before the customer starts the conversation. If you don’t want to have a Greeting message, uncheck the box next to Show a greeting message before customer starts the conversation.

2587ca8c-5e9b-4fab-94d8-a9f803fb186d.png

Jira Customer Portal

To change the display appearance of the Chat Button, you have three options:

Screen Shot 2024-02-16 at 12.17.19.pngImage Modified

1. Button

position

Position

The Chat Button can only be placed into the page content in either a Footer or Header position. Due to Jira Customer Portal limitations, it’s not possible to have a floating button.

Image Modified
Image Modified

2. Widget

display mode

Display Mode

The Chat Widget can be displayed as a popup or inline.

Image Modified
Image Modified

3. Button

style

Style

Here, you can select one of the built-in styles ("Classic" and "Subtle"), or you can define your own style of the button, setting the text and background color.

Note that the “Custom” button style does not display the Chat icon.

4. Button

text

Text

By default, the button text is “Chat with support”. You can customize it on the Translate and Customize administration page. To learn how, refer to the related documentation.

Note

Once you’ve made your changes, don’t forget to click Save!

🚀 Next Steps

Now, let's continue customizing the Chat Widget:

Panel
panelIconId1f5e8
panelIcon:speech_left:
panelIconText🗨️
bgColor#F4F5F7

Customize Chat Widget Texts