Get reviews
Basic features of Rating Captain
Manage
Moderation and coupons
Analyze
Know your customers better
SEO Widgets
Upgrade your SEO impact
Customer Satisfaction Survey
Convenient survey research
Shopify WooCommerce Deconetwork Baselinker See all
mdi-chat-processing-outline
Contact us: +48 572 971 973 or support@ratingcaptain.com
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
Contact us: +48 572 971 973 or support@ratingcaptain.com
Customers Pricing
Sign in
English
Polish
Sign in Sign up for Free Get reviews Manage Analyze SEO Widgets Customer Satisfaction Survey Blog Knowledge base Customers Pricing Features Resources 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://ratingcaptain.com/api/js_v2/[Your website token]"></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]"></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]"></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]"></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]"></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.
3 out of 3 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
Sales & Product Information
+48 572 971 973
pawel.burda@ratingcaptain.com
HQ Poland
Liskego 7, 50-345 Wrocław
Technical support and payments
support@ratingcaptain.com
Features Get reviews Manage Analyze SEO Widgets Integrations Surveys
Resources Blog Knowledge base
Customers
Pricing
Careers
Team
Reviews Catalog
Affiliate Program
Terms of Use
Privacy Policy
Data processing
Subscribe to our newsletter
Sign up
A confirmation message will be sent to the e-mail address provided. Something went wrong :-(
Social media
LinkedIn logo Youtube logo Facebook logo Instagram logo
Copyright © 2022 by Rating Captain
We use cookies to provide the best possible service.
Refer to our privacy policy for more info.
I agree