Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Table of Contents

You can now let chatbot users give their Feedback on the content displayed in the chatbot, using the feedback feature in Answers.

This feature is only for Answers.

...

Table of Contents
excludeRelated Articles

Settings in Answers

To enable feedback, navigate to Answers > Settings > Advanced tab and toggle the Enable Feedback option.

...

If you have multiple chat bubbles for the same question, the last bubble will have the thumbs up and thumbs down buttons.

Customizing the feedback thumbs

Changing the image or color of the feedback thumbs

How to give a response for the Feedback

You can provide a response to the chatbot user after he/she picks a thumb.

Capturing the Feedback Analytics

You can give your own image/color for the thumbs up and thumbs down buttons shown in the Chatbot UI.

To change this, navigate to the Experience Designer > Bot View Template node > Custom CSS tab and place the below code.

Code Block
.reactions .thumbs-down{
    background-image: url(<Thumbsdown image>),url(<Circle surrounding the thumb>);
}
.reactions .thumbs-down-selected{
    background-image: url(<Thumbsdown selected image>),url(<Circle surrounding the thumb>);
}
.reactions .thumbs-up{
    background-image: url(<Thumbsup image>),url(<Circle surrounding the thumb>);
}
.reactions .thumbs-up-selected {
    background-image: url(<Thumbsup selected image>),url(<Circle surrounding the thumb>);
}

...

Location of the thumbs

By default, the thumbs are available on the right bottom corner of the chat bubble.

...

You can change the position and separation between the thumbs by placing the below code in the Experience Designer > Bot View Template node > Custom CSS tab.

Code Block
.reactions .thumbs-down{
    margin-right: 100px;
    margin-left: -90px;
}
.reactions .thumbs-down-selected{
    margin-right: 100px;
    margin-left: -90px;
}
.reactions .thumbs-up{
    margin-right: 100px;
    margin-left: -90px;
}
.reactions .thumbs-up-selected {
    margin-right: 100px;
    margin-left: -90px;
}

...

Capturing the Feedback Analytics

In Insights, you can capture the feedback analytics in the data-sandbox5-backend.answers_feedback index pattern.

...

A score of +1 for thumbs up and -1 for thumbs down will be given for each query that resulted in feedback.

...

Related Articles

Filter by label (Content by label)
showLabelsfalse
max5
showSpacefalse
cqllabel = "experience-manageranswers"