Skip to main content

Notifications

Announcements

No record found.

Service | Customer Service, Contact Center, Fie...
Suggested answer

How to customise look and feel of the chat widget

Posted on by 157

Hi there,

The chat widget has very little customisations from the Dynamics 365 Customer Service platform and I would like to know if there is a way where I can place my custom color and border-radius to make more like the look and feel of the website where the chatwidget will be sitting.

Kind regards,


Fernando

  • Suggested answer
    Community Member Profile Picture
    Community Member Microsoft Employee on at
    RE: How to customise look and feel of the chat widget

    Hi ffas,

    You could add "data-color-override" tag to customize the colour of chat widget.

     1. Please navigate to Portal Management and switch Code Snippets.

     2. Add "data-color-override" tag to the html as the following screenshot shows:

    pastedimage1651109171430v1.png

    Result:

    pastedimage1651109314884v3.png

    pastedimage1651109287305v2.png

    Here are some other tags you could use to customize your chat widget. Please refer to this:

    dynamics-365-customer-engagement/customize-chat-widget.md at main · MicrosoftDocs/dynamics-365-customer-engagement · GitHub

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

December Spotlight Star - Muhammad Affan

Congratulations to a top community star!

Top 10 leaders for November!

Congratulations to our November super stars!

Tips for Writing Effective Suggested Answers

Best practices for providing successful forum answers ✍️

Leaderboard

#1
André Arnaud de Calavon Profile Picture

André Arnaud de Cal... 291,253 Super User 2024 Season 2

#2
Martin Dráb Profile Picture

Martin Dráb 230,188 Most Valuable Professional

#3
nmaenpaa Profile Picture

nmaenpaa 101,156

Leaderboard

Featured topics

Product updates

Dynamics 365 release plans