Customizing Broadly's Web Chat
You will be able to make most of your Web Chat customizations through the Broadly App under Settings > Web Chat.
However, if you need additional customizations (like changing the position of Web Chat), below you will find the class name identifiers to update the CSS of your Web Chat. We strongly recommend working with a developer experienced with your CRM to make sure your changes are implemented correctly.
To the right are the class name identifiers that will allow you to make specific changes to Broadly's Web Chat.
Customizing Broadly's Review Stream
If you would like to customize the aesthetic of your Review Stream (like updating the colors to match your website), below you will find the class name identifiers, as well as code for common customizations, to update the CSS of your Review Stream. We strongly recommend working with a developer experienced with your CRM to make sure your changes are implemented correctly.
To the right are the class name identifiers that will allow you to make specific changes to Broadly's Review Stream.
Dark Background
The following code will allow you to update the review stream to render with a dark background:
<style type="text/css"> .broadly-reviews, .broadly-review-body a { background-color: #fff !important; } </style> <script src="//embed.broadly.com/include.js"" defer data-url="/5682d20b0a3c000300a8316e/reviews?recent=3"></script>
Removing the Review Body
The following code will hide the review body and only display the reviewer's rating, username, date, and profile picture:
<style type="text/css"> .broadly-review-body, .broadly-response-heading, .broadly-response-body { display: none; } </style> <script src="//embed.broadly.com/include.js"" defer data-url="/5682d20b0a3c000300a8316e/reviews?recent=3"></script>
Removing Profile Pictures
The following code will hide the reviewers' profile picture:
<style type="text/css"> .broadly-review-avatar { display: none; } </style> <script src="//embed.broadly.com/include.js"" defer data-url="/5682d20b0a3c000300a8316e/reviews?recent=3"></script>
Removing the Review Body and Profile Pictures
The following code will hide the review body and profile picture; only the reviewer's rating, username, and date will be displayed:
<style type="text/css"> .broadly-review-avatar, .broadly-review-body, .broadly-response-heading, .broadly-response-body { display: none; } </style> <script src="//embed.broadly.com/include.js"" defer data-url="/5682d20b0a3c000300a8316e/reviews?recent=3"></script>
Removing the Review Responses
The following code will hide your responses to customer reviews:
<style type="text/css"> .broadly-response-body, .broadly-response-heading, .broadly-response-author { display: none; } </style> <script src="//embed.broadly.com/include.js"" defer data-url="/5682d20b0a3c000300a8316e/reviews?recent=3"></script>
Removing the Timestamp
The following code will hide the reviewer's timestamp:
<style type="text/css"> .broadly-reviews time { display: none; } </style> <script src="//embed.broadly.com/include.js"" defer data-url="/5682d20b0a3c000300a8316e/reviews?recent=3"></script>