Increase sales
Collect customer feedback that increases website traffic, drives sales and provides actionable business information.
Control your image
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.
Loyal customers
Meet the customers, respond to their concerns and create lasting relationships that will result in more returning visitors.
Building trust
79% of consumers trust reviews, so shorten the process of making decisions by customers. Build trust in your brand by showing your reviews.
Shopify WooCommerce Deconetwork Baselinker See all
mdi-chat-processing-outline
Blog
Find out what's new
Knowledge base
All technical stuff
Analyze your online image
Our tool gives you an in-depth look at what your company's image looks like
Find out more
mdi-chat-processing-outline
Customers Pricing
Sign in
Polish
Swiss
Sign in Sign up for Free Increase sales Control your image Loyal customers Building trust Blog Knowledge base Customers Pricing Increase sales Loyal customers Control your image Building trust Blog Knowledge base Customers Pricing Careers Team Reviews Catalog Affiliate Program Terms of Use Privacy Policy Data processing

Features

Reviews widgets on a website

Knowledge base mdi-chevron-right Features mdi-chevron-right Reviews widgets on a website
Features

Reviews widgets on a website

        
<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.
            
        
            
<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.
            
        

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:

  1. Log in to the Rating Captain app and go to the Widgets tab.
  2. Select which widget you want to add to your website.
  3. Configure the appearance of widget and click Save New Widget.
  4. On the right side under the widget preview, you will see a Copy Code button. Click it.
  5. 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.

  1. Go to the Widgets → Product Widget tab.
  2. Configure the appearance of widget and click Save New Widget. 
  3. Copy the code under the widget preview.
  4. 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.

  1. To add a form, create a review form and save it (Widgets → Rating form). 
  2. Then, in the product widget tab, click Add Product Rating Form button located on the widget preview.
  3. Now click Update.

__________________

If the basic options for adding widgets are not enough for you, you can change them using CSS.

  1. For that, under the preview of selected widget, click the Edit CSS button.
  2. In the CSS Code Editor, add your own styles.
  3. 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.

Was the article helpful?
mdi-check Yes mdi-close No
Thank you for rate this article.
8 out of 10 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
Contact us
To start
Watch our video explaining the basic functions of Rating Captain.
Watch video
We use cookies to provide the best possible service.
Refer to our privacy policy for more info.
I agree