Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

After you create the omni channel, you will be able to find the webchat Widget from the left side bar.

...

WebChat Widget Setting

Widget Connector
overlayyoutube
_templatecom/atlassian/confluence/extra/widgetconnector/templates/youtube.vm
width600px
urlhttps://www.youtube.com/watch?v=z_D_jLGvBik&list=PLYV-IhQ_GwTPtdKW6YjWudBHH3eiWBo-r&index=2
height300px

Once you have located your widget you can press the pencil icon on the right of it to edit and customize the webchat widget to your liking. 

...

  • Allow Emoji Picker -› let users pick from pre-set emojis

  • Allow Upload Attachments -› let users upload documents, images and or videos

  • Allow users to end chat -› this option will allow the user to close the chat conversation.

  • Allow popup Chat Window -› this allows users to change the chat widget into a pop up which results in a bigger display of the chat

  • Allow to Continue Chat in Mobile -› Users can scan a qr code to continue the conversation on their phone. Smooth experience if they start on a computer and want to continue the conversation with your business while being in the road

  • Enable Text Typing Effect → This will allow the response to show up word by word, if this is disabled, then the response will show up at once immediately.

Whitelist domain

In order to display the widget on your website, you will need to whitelist your domain. You only have to add your root domain and all subdomains that you may have will automatically be recognized;

...

The display style option will give you multiple ways of using the webchat on your website. Let’s take a look at the different options;

...

We have 3 5 main sections you can customize:

  • Style

  • Design

  • Install code

  • Set Custom User ID

  • Custom CSS

Style

You have 4 different styles to choose from as to how you would like to use the webchat channel on your website. 

...

https://www.youtube.com/watch?v=Iaz06T9iUsg

Custom CSS

You can add your own custom CSS to customerize the web chat interface.

You can find the webchat widget CSS selectors here:

Advanced Section

Widget Connector
overlayyoutube
_templatecom/atlassian/confluence/extra/widgetconnector/templates/youtube.vm
width600px
urlhttps://www.youtube.com/watch?v=oP2NvY_Hso0&list=PLYV-IhQ_GwTPtdKW6YjWudBHH3eiWBo-r&index=7
height300px

...