How to customise the color and logo of the Ratecard widget for your website

Perfectly integrate the Ratecard widget into your website and automatically publish reviews to increase visits, conversion and more

After you've published your company profile on Ratecard, of course you'd also like to add reviews to your company website. You can choose from our widgets, and pick the widget that suits your website best. But what if you don't like our blue color, or it simply doesn't match your company color(s)? There is a solution for that now.

Step 1: Choose your widget

Go to the widgets page, and pick the one you like most:

Step 2: Get your embed code

Next to your preferred widget, you will find the embed code you need to add to your website to implement it there. This is an example of an embed code:

Step 3: Change the color(s) of your widget

Now that you have the embed code of your favourite widget, you can change the color and logo by changing the embed code slightly. Add URL parameter(s) "color1" and/or "color2" to the script source URL, and fill in the color hex code as value(s) like this to implement it correctly:

https://ratecard.io/widget/1/c4ca4238a0b923820dcc509a6f75849b/rc_w1.js?color1=1d8be0&color2=ffffff

An example of a default widget vs. a widget that is personalised:

Step 4: Implement it on your website

You're ready to implement your preferred widget with (a) changed color(s) on your company website. Just copy the embed code, and paste it into the HTML of your website. Now you're good to go! We hope you'll enjoy the additional traffic, increased conversion and more.

Need a custom implementation?

If you'd like to add your reviews to your company website, app or software tool you can also check out our integrations, our API docs or contact us via support.