We've created a widget so that you can display recent messages of thanks on your website and if you're a care provider you can choose to show messages of thanks for your service and/or home.

The widget's appearance

The widget can be added in wide or narrow format. Both formats present 9 recent messages of thanks which can be scrolled through by visitors to your site. If you opt to include messages for a specific service or home then only messages for the service or home will be displayed.

The widget is designed and tested for use with modern browsers. Please note that we do not test or attempt to support IE11.

Wide format

There is no default maximum width for the wide format widget (it will fill its container), the default height is 320 pixels. The wide format will responsively shrink to a minimum width of 320 pixels. You can safely increase the maximum width using local styles.

Narrow format

The default size of the narrow widget is 320 x 580 pixels.  You can safely increase the height using local styles.

Adding the widget to your site

To add the widget to your website you need to include the following HTML:

<div id="mot-widget" class="mot-widget  mot-widget--wide"></div>
<script src="https://www.trustedcare.co.uk/message-of-thanks/embed-widget.js" defer></script>

The div element with the Id mot-widget will contain the message of thanks widget. The script tag can be added anywhere within your HTML so long as it is after the div element with the Id mot-widget.

To switch the format of the widget from wide to narrow, change the mot-widget--wide CSS class modifier against the div element to --narrow, e.g:

<div id="mot-widget" class="mot-widget  mot-widget--narrow"></div>

To include messages for your service or home please contact us at hello@trustedcare.co.uk to obtain a unique Id. Please provide us with your service/home name, address and ideally CQC number to help us identify you.

We'll respond with a unique Id which you will need to include as a parameter in the script src URL, for example for a home the parameter will be location:

<script src="{...}/embed-widget.js?location=5c4429f7d05e0266d80f0bf2" defer></script>

For a service the parameter will be group:

<script src="{...}/embed-widget.js?group=5c43cfb1d05e02646258573c" defer></script>