Firms that deliver

Add a Clutch Review Widget in Your Brand Colors

Here's How to Get Started

1. Choose a widget style from the options featured below
2. Add your company's domain name to the widget script
3. Add the hex codes for your company's primary and secondary brand colors
4. Copy and paste the script where you want the widget to appear on your website

Sticker Widget

Sticker Widget-1

 

<script type="text/javascript" src="https://widget.clutch.co/static/js/widget.js"></script> <div class="clutch-widget" data-url="https://widget.clutch.co" data-widget-type="1" data-expandifr="true" data-height="62" data-snippets="true" data-clutchcompany-domain="yourdomain.com" data-primary-color="#808000"></div>

 

  1. Add your domain name here: yourdomain.com
  2. Add the hex code for your company's primary brand color here: #808000
  3. Copy and paste the script where you want the widget to appear on your website

 

Compact Widget

Compact Widget-1

 

<script type="text/javascript" src="https://widget.clutch.co/static/js/widget.js"></script> <div class="clutch-widget" data-url="https://widget.clutch.co" data-widget-type="2" data-expandifr="true" data-height="62" data-clutchcompany-domain="yourdomain.com" data-primary-color="#808000"></div>

 

  1. Add your domain name here: yourdomain.com
  2. Add the hex code for your company's primary brand color here: #808000
  3. Copy and paste the script where you want the widget to appear on your website

 

Snapshot Widget

Widget 3-anonymous

 

<script type="text/javascript" src="https://widget.clutch.co/static/js/widget.js"></script> <div class="clutch-widget" data-url="https://widget.clutch.co" data-widget-type="3" data-expandifr="true" data-height="auto" data-snippets="true" data-clutchcompany-domain="yourdomain.com" data-header-color="#808000" data-primary-color="#808000" data-background-color="#e5e5cc"> </div>

 

  1. Add your domain name here: yourdomain.com
  2. Add the hex code for your company's primary brand color here: #808000
  3. Add the hex code for a neutral color for the widget background here: #e5e5cc
  4. Copy and paste the script where you want the widget to appear on your website

 

Carousel Widget

Widget 4-anonymous

 

<script type="text/javascript" src="https://widget.clutch.co/static/js/widget.js"></script> <div class="clutch-widget" data-url="https://widget.clutch.co" data-widget-type="4" data-expandifr="true" data-height="auto" data-snippets="true" data-clutchcompany-domain="yourdomain.com" data-header-color="#808000" data-header-text-color="#000000" data-footer-color="#808000" data-footer-text-color="#000000" data-primary-color="#808000" data-secondary-color="#bfbf8d" data-background-color="#e5e5cc" data-review-card-color="#e5e5cc"> </div>

 

  1. Add your domain name here: yourdomain.com
  2. Add the hex code for your company's primary brand color here: #808000
  3. Add the hex code for the text color. It will appear on top of your primary color, so make sure to choose a light or dark text color accordingly: #000000
  4. Add the hex code for your company's secondary brand color (typically your CTA color): #bfbf8d
  5. Add the hex code for a neutral color for the widget background here: #e5e5cc
  6. Copy and paste the script where you want the widget to appear on your website

 

Everything Widget

Widget 5-anonymous

 

<script type="text/javascript" src="https://widget.clutch.co/static/js/widget.js"></script> <div class="clutch-widget" data-url="https://widget.clutch.co" data-widget-type="5" data-expandifr="true" data-height="auto" data-snippets="true" data-clutchcompany-domain="yourdomain.com" data-header-color="#808000" data-header-text-color="#000000" data-footer-color="#808000" data-footer-text-color="#000000" data-primary-color="#808000" data-secondary-color="#bfbf8d" data-background-color="#e5e5cc" data-review-card-color="#e5e5cc"> </div>

 

  1. Add your domain name here: yourdomain.com
  2. Add the hex code for your company's primary brand color here: #808000
  3. Add the hex code for the text color. It will appear on top of your primary color, so make sure to choose a light or dark text color accordingly: #000000
  4. Add the hex code for your company's secondary brand color (typically your CTA color): #bfbf8d
  5. Add the hex code for a neutral color for the widget background here: #e5e5cc
  6. Copy and paste the script where you want the widget to appear on your website

Need Help?

Tell us the widget design you want and your brand colors, and we'll send you the script for your website.

Get Help