Rocket Referrals will automatically collect testimonials for your business and display them under the Testimonials Tab.

Rocket Referrals gathers testimonials by:

Asking customers to provide feedback following an NPS Survey
Testimonial requests sent to your loyal customers via email
From the Testimonials Tab you may view, edit, and publish testimonials for your business.

To edit / publish a testimonial click on the desired testimonial. Testimonials that need to be reviewed will have a eye glass icon next to them.



Clicking on any testimonial will open the editor for that specific testimonial. Here you are able to fix grammatical issues / spelling / shorten or adjust the overall flow of a testimonial before publishing it.

Make changes in the Edit Testimonial box and click on the checkbox ‘Publish’ box at the bottom of the screen. After clicking the Save button your testimonial will reflect any changes and the status will be set to ‘Published’.



After you set the desired testimonials to ‘Published’ you are able to easily display them on your website via our customer Testimonial Widget.

The Testimonial Widget is a piece of code that is meant to be copied to a website in order to automatically list published testimonials for a company.

In order to copy the Testimonial Widget click on the View Publish Instruction on the front page of the testimonial tab.

​

From here select the code and paste it to your website where you would like to display published testimonials.

If you have a website but do not have a testimonial tab, you can link your website with a page with your testimonials with the blue link.

You may also view our video tutorial on how to display published testimonials on your website:




Scrolling Widget

By default the testimonial widget will list all published testimonials on your website. This could mean that your page grows too long and you might want to add a scrolling or "feed" of testimonials on the page. You can use the following code to add a scrolling version of testimonials.


Change this section of the widget code as such:

​<div id='RRTestimonials' style="height: 260px; overflow: hidden; padding-top:20px;"></div>
​​
Add the following code to your site somewhere after the widget:

<script type='text/javascript'>jQuery(document).ready(function(){
setInterval(function(){
var elem = jQuery('#RRTestimonials');
if (elem[0].scrollHeight - elem.scrollTop() == elem.outerHeight()) {
elem.scrollTop(0);
}else{ elem.scrollTop(elem.scrollTop()+1)}
}, 50);});
</script>​


(Optional step) If the scrolling doesn't work you may not have jQuery on your site. Add this code above the previous lines:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>


Advanced (for developers)

If you would like to access the JSON object for testimonials you can use a JSONP callback with the widget. This will give you the ability to customize the display of the testimonial or integration in your application however you would like.

Simply add a callback function to the javascript url.

https://app.rocketreferrals.com/testimonialwidget/Ay2eKupo6JQeZoXDom4v-A.js?callback=myfunction

Limit responses:

Add the limit parameter on the end of the javascript URL

​https://app.rocketreferrals.com/testimonialwidget/Ay2eKupo6JQeZoXDom4v-A.js?limit=4
​​
Only show a specific user's testimonials

​Add the id of the user in Rocket Referrals to the javascript URL. You can find the user id in the URL while viewing a user in Rocket Referrals or by viewing the json object using a callback function as indicated above.

​https://app.rocketreferrals.com/testimonialwidget/Ay2eKupo6JQeZoXDom4v-A.js?user_id=248​

Only show specific testimonials:

​You can add a list of testimonial ids to retrieve. You can find the testimonial id in the URL while viewing a testimonial in Rocket Referrals or by viewing the json object using a callback function as indicated above.

​https://app.rocketreferrals.com/testimonialwidget/Ay2eKupo6JQeZoXDom4v-A.js?ids=12345,45613,13124​

Add multiple widgets on a single page:

Create custom id's for each div
Add the id parameter on the end of the javascript URL corresponding to the new div's id

<div id='RRTestimonials1'></div>
<script src='https://app.rocketreferrals.com/testimonialwidget/random_key_1.js?id=RRTestimonials1'></script>

<div id='RRTestimonials2'></div>
<script src='https://app.rocketreferrals.com/testimonialwidget/random_key_2.js?id=RRTestimonials2'></script>


Single display fade-in/fade-out testimonial

Copy and paste this as you would the other widget. Make sure to change "YOUR_WIDGET" to be your unique widget id.

<div id='RRCurrentTestimonial' style="height:120px;"></div>
<div id='RRTestimonials' style="display: none;"></div>
<script src='https://cf.rocketreferrals.com/testimonialwidget/YOUR_WIDGET.js'></script>
<script type='text/javascript'>jQuery(document).ready(function(){
var current_index = 0;
var testimonial_container = jQuery('#RRCurrentTestimonial');
var testimonials_array = jQuery('#RRTestimonials').find('blockquote');
testimonial_container.html(testimonials_array[current_index].outerHTML)
current_index ++;
setInterval(function(){
testimonial_container.fadeOut().promise().done(function(){
testimonial_container.html(testimonials_array[current_index].outerHTML);
testimonial_container.fadeIn().promise().done(function(){
if(current_index == testimonials_array.length-1){
current_index = 0;
}else{
current_index++;
}
});
});
}, 7500);});
</script>