Customer Happiness Factor

This widget displays a pie chart showing the split between Happy (Gold and Green clicks) vs Disappointed (Yellow and Red clicks) that you’ve received across either all Thermometers in your account OR you can choose to display results from a specific blast. Note this is identical to the graph in the blast breakdown screens. Now it’s available to all… It is ‘live’ – every time a web page is refreshed with this code embedded, it will update your results in real time.

It looks like this:

Why would you want to use it?

To provide complete transparency to your customers, prospects and targets, and demonstrate your customer service commitment.

How do I publish it?

This widget and all future widgets are generated using an iFrame. This is exactly the same format people use to embed YouTube videos on their website. If you can embed a YouTube video, then you can display your results.

Step 1 – log in to your account.

Step 2 – click on REPORTING on the main navigation.

Step 3a – to publish a widget which reflects results across all blasts and your entire account, select this tab:

Step 3b – to publish a widget which reflects a specific blast, firstly select the blast breakdown reporting for that blast, and then select the widget tab.

Step 4 – to embed a chart, simply single click and copy and paste the HTML embed code into the relevant webpage (details below).

Using WordPress?

If you are using a WordPress website, you can paste that code into a page (select the text tab as opposed to the visual tab first). You won’t need any special plugins or code.

To embed the widget into a sidebar – choose a text widget and paste the code into the main area and click save:

You might need to make it smaller to fit into the sidebar…

Using Facebook?

Want to know how to embed your widget on your business Facebook page? Sounds like a great idea to us. Although it’s not as simple as ‘copy and paste’ it is straightforward. In this short video, Mark takes you through how to do it. Note this is showing a different widget – it will work for this widget too:

Customising the widget

Choose the number of recent results you’d like to display by changing the parameter, x – shown in green below.

You have the ability to resize it – by changing both width and height parameters within the code as shown below. Make sure both the widths are the same, as well both the heights.

iframe src=”https://app.customerthermometer.com/?template=embed_chart&c=happy_x&w=336&h=280&u=52&m=d3719961&x=100&ia=1″ frameborder=”0″ scrolling=”no” width=”336” height=”280”

Security concerns?

Please note that despite the code pulling in live data from your unique account details, there is no possible way for anyone to use this code to access your account, view your contact data or specific results. This widget purely provides a real time overview of the latest results in graphical form.

Happiness as a %age

This widget displays a single Happiness %age, which is calculated as follows:

[Happy responses (Gold and Green clicks)] DIVIDED BY [Total responses] Expressed as a percentage.

You can choose to display this for the total of all Thermometers in your account OR you can choose to display results from a specific blast. It is ‘live’ – every time a web page is refreshed with this code embedded, it will update your results in real time.

Simple to use version

The simple to use version looks like this. (See advance uses below).

Why would you want to use it?

To provide complete transparency to your customers, prospects and targets.In theory, it could be the ultimate sales tool for you. By publishing your real time results – it focuses your team.

How do I publish it?

This widget and all future widgets are generated using an iFrame. This is exactly the same format people use to embed YouTube videos on their website. If you can embed a YouTube video, then you can display your results.

Step 1 – log in to your account.

Step 2 – click on REPORTING on the main navigation.

Step 3a – to publish a widget which reflects results across all blasts and your entire account, select this tab:

Step 3b – to publish a widget which reflects a specific blast, firstly select the blast breakdown reporting for that blast, and then select the widget tab.

Step 4 – to embed a chart, simply single click and copy and paste the HTML embed code into the relevant webpage (details below).

Using WordPress?

If you are using a WordPress website, you can paste that code into a page (select the text tab as opposed to the visual tab first). You won’t need any special plugins or code.

To embed the widget into a sidebar – choose a text widget and paste the code into the main area and click save:

You might need to make it smaller to fit into the sidebar…

Using Facebook?

Want to know how to embed your widget on your business Facebook page? Sounds like a great idea to us. Although it’s not quite as simple as ‘copy and paste’, it is straightforward. In this 5 min video, Mark takes you through how to do it. Note this is showing a different widget – it will work for this widget too:

Customising the widget

You have the ability to resize it – by changing both of the width and height parameters within the code as shown below in red.

iframe src=”https://app.customerthermometer.com/?template=embed_chart&c=happy_num_b&w=336&h=280&u=39&m=6dd0de10&i=17997&cl=FF0066&bg=00FF99&mb=1″ height=”280“width=”336” frameborder=”0″ scrolling=”no”

In addition, you have complete control over the color of the background and the colour of the text:

iframe src=”https://app.customerthermometer.com/?template=embed_chart&c=happy_num_b&w=336&h=280&u=39&m=6dd0de10&i=17997&cl=FF0066&bg=00FF99&mb=1″ height=”280“width=”336” frameborder=”0″ scrolling=”no”

These numbers are called hex. To work out which color you need and therefore which number you need to add – visit this w3schools.com page.

Security concerns?

Please note that despite the code pulling in live data from your unique account details, there is no possible way for anyone to use this code to access your account, view your contact data or specific results. This widget purely provides a real time overview of the latest results in graphical form.

Advanced users

Most users will be happy to embed this widget as an iFrame – which means there is no chance of styling it specifically to fit into the look and feel of a webpage. However, for more advanced users, we can offer the %age as a “number” which customers can use a server side script to pull from our API.

Essentially you need to run a couple of lines of PHP on your site on page load which will return a number. You can then wrap it in a div and output to screen.

If you click the link below, you will get a number:

https://app.customerthermometer.com/api.php?apiKey=e207d26fc91e8278e2047378d6d5da75&getMethod=getHappinessValue&blastID=17997

If your server supports it then you can output this number on a webpage using a single line of code:

echo file_get_contents(https://app.customerthermometer.com/api.php?apiKey=e207d26fc91e8278e2047378d6d5da75&getMethod=getHappinessValue&blastID=17997’);

Many servers have remote fopen (which that example uses) turned off.

So as an alternative – this would be the way forward:

$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, "http://dev.customerthermometer.com/api.php?apiKey=21eafc1fbfa753e5a234412bdc00ebb9&getMethod=getSendQuota");
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
$output = curl_exec($ch);
curl_close($ch);

That’s curl. where $output is populated with the number which they can then use echo $output;

Net Promoter® Score real time reporting

[PLEASE NOTE YOU NEED TO HAVE A JUMPER ACCOUNT OR ABOVE FOR NPS® REPORTING]

This widget displays the Net Promoter® Score for any particular blast, which is calculated as follows:

[%age GOLD responses – (%age YELLOW + %age RED responses)] = Net Promoter® Score.

You can choose to display this for the total of all Thermometers in your account OR you can choose to display results from a specific blast. It is ‘live’ – every time a web page is refreshed with this code embedded, it will update your results in real time.

An example is shown below:

Why would you want to use it?

To provide complete transparency to your customers, prospects and targets.In theory, it could be the ultimate sales tool for you. By publishing your real time results – it focuses your team.

How do I publish it?

This widget and all future widgets are generated using an iFrame. This is exactly the same format people use to embed YouTube videos on their website. If you can embed a YouTube video, then you can display your results.

Step 1 – log in to your account.

Step 2 – click on REPORTING on the main navigation.

Step 3a – to publish a widget which reflects results across all blasts and your entire account, select this tab:

Step 3b – to publish a widget which reflects a specific blast, firstly select the blast breakdown reporting for that blast, and then select the widget tab.

Step 4 – to embed a chart, simply single click and copy and paste the HTML embed code into the relevant webpage (details below).

Using WordPress?

If you are using a WordPress website, you can paste that code into a page (select the text tab as opposed to the visual tab first). You won’t need any special plugins or code.

To embed the widget into a sidebar – choose a text widget and paste the code into the main area and click save:

You might need to make it smaller to fit into the sidebar…

Using Facebook?

Want to know how to embed your widget on your business Facebook page? Sounds like a great idea to us. Although it’s not quite as simple as ‘copy and paste’, it is straightforward. In this 5 min video, Mark takes you through how to do it. Note this is showing a different widget – it will work for this widget too:

Customising the widget

You have the ability to resize it – by changing both of the width and height parameters within the code as shown below in red.

iframe src=”https://app.customerthermometer.com/?template=embed_chart&c=happy_num_b&w=336&h=280&u=39&m=6dd0de10&i=17997&cl=FF0066&bg=00FF99&mb=1″ height=”280“width=”336” frameborder=”0″ scrolling=”no”

In addition, you have complete control over the colour of the background and the colour of the text:

iframe src=”https://app.customerthermometer.com/?template=embed_chart&c=happy_num_b&w=336&h=280&u=39&m=6dd0de10&i=17997&cl=FF0066&bg=00FF99&mb=1″ height=”280“width=”336” frameborder=”0″ scrolling=”no”

These numbers are called hex. To work out which colour you need and therefore which number you need to add – visit this w3schools.com page.

Security concerns?

Please note that despite the code pulling in live data from your unique account details, there is no possible way for anyone to use this code to access your account, view your contact data or specific results. This widget purely provides a real time overview of the latest results in graphical form.

Publish your customer’s comments!

This widget displays a list of your recently received comments alongside the date and rating.

Comments CAN BE MODERATED. There is explanation below on how to do this.

The widget is ‘live’ – every time a web page is refreshed with this code embedded, it will update and display your results in real time.

It looks like this:

Why not use it on your testimonials page?

Why would you want to use it?

To provide complete transparency to your customers, prospects and targets, and demonstrate your commitment to customer service.

How do I publish it?

This widget and all future widgets are generated using an iFrame. This is exactly the same format people use to embed YouTube videos on their website. If you can embed a YouTube video, then you will easily be able to display this widget.

Step 1 – log in to your account.

Step 2 – click on REPORTING on the main navigation. (Note: the comment widget is only available at account level not at an individual blast level).

Step 3 – to embed it, simply single click and copy and paste the HTML embed code into the relevant webpage (details below).

Moderating comments

We understand you may not wish to have every single comment you receive published, that said we’re big believers in promoting transparency – the occasional red light comment shows you are human…

If you use Customer Thermometer’s widgets to display comments on public or internal websites, by default, all comments will be displayed.
To enable moderation within your reporting areas, select one of the moderation options from the dropdown in your settings area:

Note that any changes made will only apply going forwards. Comments with a public/private status will not be changed retrospectively.

If moderation is enabled, there are two areas where you can moderate each comment. Firstly, alongside each response in your Blast reporting. Click on the comment icon and use the moderation slider:

Alternatively, use the moderation area within the main Comment reporting tab:

Note that those sliders will not appear, if Comment Moderation is switched off.

Using WordPress?

If you are using a WordPress website, you can paste that code into a page (select the text tab as opposed to the visual tab first). You won’t need any special plugins or code.

To embed the widget into a sidebar – choose a text widget and paste the code into the main area and click save:

You might need to make it smaller to fit into the sidebar…

Using Facebook?

Want to know how to embed your widget on your business Facebook page? Sounds like a great idea to us. Although it’s not quite as simple as ‘copy and paste’ it is straightforward. In this 5 min video, Mark explains how to do it:

Customising the widget

Choose the number of recent comments you’d like to display by changing the parameter, x – shown in green below.

You can change the title displayed by changing the words in blue. Note %20 is the equivalent to a space.

You can change the size – by changing both width and height parameters within the code as shown below in red. Make sure both the widths are the same, as well both the heights.

You can also change the text color. This is an HTML color code. You can look them up here.

iframe src=”https://app.customerthermometer.com/?template=embed_chart&c=last_x_comments&w=600&h=280&u=52&m=d3719961&i=&x=5&lb=Latest%20CT%20Comments&cl=333” frameborder=”0″ scrolling=”no” width=”600” height=”280”

Security concerns?

Please note that despite the code pulling in live data from your unique account details, there is no possible way for anyone to use this code to access your account, view your contact data or specific results. This widget purely provides a real time overview of the latest results in graphical form.