<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.
<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.
{% 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.
How to add reviews widget on a website?
Among the widgets available in the application you will find:
- widget for homepage
- badge
- review form
- widget in the footer of an email
- product widget
Add widget to website, rating form, badge and email footer widget:
- Log in to the Rating Captain app and go to the Widgets tab.
- Select which widget you want to add to your website.
- Configure the appearance of widget and click Save New Widget.
- On the right side under the widget preview, you will see a Copy Code button. Click it.
- Paste the copied code where you want it to appear on the website.
You can create several widget versions and rename them to make them easier to identify. You can rename the widget by double-clicking the pencil icon.
Tip: To disable a widget, press the slider (the widget will disappear from your website, but will still be visible in your 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 Website tab and select the appropriate integration.
- Go to the Widgets → Product Widget tab.
- Configure the appearance of widget and click Save New Widget.
- Copy the code under the widget preview.
- Paste the code in the appropriate place on your website script and in the space provided: Your product id enter the product ID from the store.

__________________
Additionally, along with a product widget, you can place a product rating form on your website.
- To add a form, create a review form and save it (Widgets → Rating form).
- Then, in the product widget tab, click Add Product Rating Form button located on the widget preview.
- Now click Update.

__________________
If the basic options for adding widgets are not enough for you, you can change them using CSS.
- For that, under the preview of selected widget, click the Edit CSS button.
- In the CSS Code Editor, add your own styles.
- Click the Update button.
Note: If you are making changes to existing widgets on your website and want the changes to be visible immediately on the website, click Refresh Widgets.