<script>
var RatingCaptain_data_script = {
/* REQUIRED | Email, on this address will be send message */
"email": "{$order->email}",
/* REQUIRED | Order in your system, this field should be unique */
"external_id": "{$order->id}",
/* Optional - Products in this order, each product must have id name and price. */
"products": [
{
"id": "{$product->id}",
"name": "{$product->name}",
"price": "{$product->price}",
"imageUrl": "{$product->image}",
},
]
}
</script>
<script src="https://api.ratingcaptain.com/js_v2/[Your website token]" async></script>
*Each item in bold must be properly configured depending on your system.
*Website token you can find here: Website page.
Collect customer feedback that increases website traffic, drives sales and provides actionable business information.
It can be really difficult to reply in time to each review. Automate post-purchase communication, especially when you have profiles on multiple review sites.
Meet the customers, respond to their concerns and create lasting relationships that will result in more returning visitors.
79% of consumers trust reviews, so shorten the process of making decisions by customers. Build trust in your brand by showing your reviews.
Collect positive product reviews from customers for your e-commerce brand's online store and increase sales and SEO
Contact us: +1 (323) 792-7474 or [email protected]
Find out what's new
All technical stuff
Analyze your online image
Our tool gives you an in-depth look at what your company's image looks like
Contact us: +1 (323) 792-7474 or [email protected]
Polish
Swiss
Add-ons
How to add a reviews widget to a website?
Add-ons
How to add a reviews widget to a website?
Among the widgets available in the application, you will find:
- widget for the main page
- badge
- rating form
- widget in the email footer
- product widget
Adding a widget to a page, rating form, badge, and widget in the email footer:
- Log in to the Rating Captain application and go to the Widgets tab.
- Select which widget you want to add to the page.
- Configure the appearance of the widget and click Save new widget.
- On the right side, below the widget preview, a Copy code button will appear. Click it.
- Paste the copied code where you want it to be displayed on the page.
You can create multiple versions of the widget and change their names to make it easier to identify. You can change the widget name by double-clicking the pencil icon.
Good to know: To disable the widget, click the slider (the widget will disappear from the page but will still be visible in the saved widgets).
Adding a product widget
To add a product widget, integration with the Rating Captain system is required. If you are not integrated, go to the Page tab and select the appropriate integration.
- Go to the Widgets → Product widget tab.
- Configure the appearance of the widget and click Save new widget.
- Copy the code below the widget preview.
- Paste the code in the appropriate place in the page script and replace Your product id with the product ID from the store.
In addition to the product widget, you can include a product rating form on the page.
- To add the form, create a rating form and save it (Widgets → Rating form).
- Then, in the product widget tab, click the Add product rating form button located in the widget preview.
- Now click Update.
If the basic options for adding widgets are not sufficient for you, you can modify them using CSS.
- To do this, below the preview of the selected widget, click the Edit CSS button.
- In the CSS Code Editor, add your own styles.
- Click the Update button.
Remember! If you make changes to existing widgets on your page and want the changes to be immediately visible on the page, click the Refresh widgets button.
<script>
var rc_products = {/literal}[{foreach from=$items item=i name=list}
{
'id': '{$i->product_id}',
'name': '{$i->name}',
'price': '{$i->price_gross|money_without_currency}',
'imageUrl': '{$i->product->images[0]->url|product_img_url:th100}'
},
{/foreach}]{literal};
var RatingCaptain_data_script = {
"email": '{client_email}',
"external_id": '{order_id}',
"products": rc_products
}
</script>
<script src="https://ratingcaptain.com/api/js_v2/[Your website token]" async></script>
*Website token you can find here: Website page.
<script>
var rc_products = [{products}
{
"id": "{products.product_id}",
"price": "{products.float_price}",
"imageUrl": "{products.img}",
"name": "{products.name}"
},
{/products}];
var RatingCaptain_data_script = {
"email": '{email}',
"external_id": '{order_id}',
"products": rc_products
}
</script>
<script src="https://ratingcaptain.com/api/js_v2/[Your website token]" async></script>
*Website token you can find here: Website page.
<script>
var RatingCaptain_data_script = {
"email": "[[email]]",
"external_id": "[[orderid]]"
}
</script>
<script src="https://ratingcaptain.com/api/js_v2/[Your website token]" async></script>
*Website token you can find here: Website page.
{% block page_checkout_finish_rating_captain %}
{% set ratingProducts = [] %}
{% for lineItem in page.order.lineItems.elements %}
{% if lineItem.type is same as 'product' %}
{% if lineItem.cover.url %}
{% set ratingProduct = {
id: lineItem.payload.productNumber,
name: lineItem.label,
price: lineItem.price.totalPrice,
imageUrl: lineItem.cover.url,
} %}
{% else %}
{% set ratingProduct = {
id: lineItem.payload.productNumber,
name: lineItem.label,
price: lineItem.price.totalPrice,
} %}
{% endif %}
{% set ratingProducts = ratingProducts|merge([ratingProduct]) %}
{% endif %}
{% endfor %}
{% set ratingCaptainData = {
email: page.order.orderCustomer.email,
external_id: page.order.orderNumber,
products: ratingProducts
} %}
<script>
var RatingCaptain_data_script = [{{ ratingCaptainData | json_encode | raw }}];
</script>
<script src="https://ratingcaptain.com/api/js_v2/[Your website token]" async></script>
{% endblock %}
*Website token you can find here: Website page.
Was the article helpful?
Thank you for rate this article.
200 out of 239 found this article helpful
Tabel of contents
Still need help?
If you have not found the information you are interested in, contact us directly. Our support will help to solve your doubts
To start
Watch our video explaining the basic functions of Rating Captain.