<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]
English
Polish
Swiss
Traducción: Add-ons
¿Cómo agregar un widget de reseñas en un sitio web?
Traducción:
Add-ons
¿Cómo agregar un widget de reseñas en un sitio web?
Entre los widgets disponibles en la aplicación encontrarás:
- widget para la página principal
- badge
- formulario de calificación
- widget en el pie de página del correo electrónico
- widget de producto
Agregar un widget a la página, formulario de calificación, badge y widget en el pie de página del correo electrónico:
- Inicia sesión en la aplicación Rating Captain y ve a la pestaña Widgets.
- Selecciona el widget que deseas agregar a la página.
- Configura la apariencia del widget y haz clic en Guardar nuevo widget.
- A la derecha, debajo de la vista previa del widget, aparecerá el botón Copiar código. Haz clic en él.
- Pega el código copiado en el lugar donde deseas que se muestre en la página.
Puedes crear varias versiones del widget y cambiar sus nombres para facilitar su identificación. Puedes cambiar el nombre del widget haciendo doble clic en el icono del lápiz.
Importante: Para desactivar el widget, haz clic en el interruptor (el widget desaparecerá de la página, pero seguirá visible en los widgets guardados).
Agregar un widget de producto
Para agregar un widget de producto, se requiere integración con el sistema Rating Captain. Si no estás integrado, ve a la pestaña Página y selecciona la integración adecuada.
- Ve a la pestaña Widgets → Widget de producto.
- Configura la apariencia del widget y haz clic en Guardar nuevo widget.
- Copia el código debajo de la vista previa del widget.
- Pega el código en el lugar adecuado del script de la página y en el lugar: Your product id, escribe el ID del producto de la tienda.
Además, junto con el widget de producto, puedes incluir en la página un formulario de calificación del producto.
- Para agregar el formulario, crea y guarda un formulario de calificación (Widgets → Formulario de calificación).
- Luego, en la pestaña del widget de producto, haz clic en el botón Agregar formulario de calificación del producto que se encuentra en la vista previa del widget.
- Ahora haz clic en Actualizar.
Si las opciones básicas de agregar widgets no son suficientes para ti, puedes cambiarlas usando CSS.
- Para hacerlo, debajo de la vista previa del widget seleccionado, haz clic en el botón Editar CSS.
- En el Editor de código CSS, agrega tus propios estilos.
- Haz clic en el botón Actualizar.
¡Recuerda! Si realizas cambios en los widgets existentes en tu página y deseas que los cambios sean visibles de inmediato en la página, haz clic en el botón Actualizar widgets.
<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.