¿Qué es la viñeta de valoraciones de tienda?

En eTrusted dispones de algunos Widgets diseñados especialmente para presentar las valoraciones de tienda a tus clientes y convencerles de tu negocio. Además de estos widgets, hay otra opción con la misma finalidad: la viñeta de valoraciones de tienda.

ReviewSticker_ES.png

 

A diferencia de los widgets, la viñeta de valoraciones de tienda no se actualizará más y será sustituida a medio o a largo plazo por los widgets. Hasta entonces, puedes seguir utilizando la viñeta de valoraciones de tienda sin ningún inconveniente.

Paso 1: Configura las viñetas de valoraciones

Antes que nada deberías saber que: Algunos de los plugins que ofrece Trusted Shops permiten una integración simple y rápida de la viñeta de valoraciones. Por lo tanto, comprueba aquí si hay un plugin disponible para tu sistema de tienda y si este soporta la integración de la viñeta de valoraciones de tienda: ¿Cómo empiezo con la integración del Trustbadge®? 

Además, también puedes integrarla manualmente en tu sistema de tienda. El siguiente código JavaScript es la base para ello.

<div id="reviewsticker"></div>
<script type="text/javascript">
_tsRatingConfig = {
       tsid: 'XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX',
       variant: 'testimonial',
       reviews: '5',
       betterThan: '3.5',
       backgroundColor: '#ffdcof',
       fontColor: '#000000',
       linkColor: '#000000',
       fontFamily: 'Arial',
       quotationMarkColor: '#ffffff',
       reviewMinLength: '10',
       element: '#reviewsticker',
       locale: 'es_ES'
};
var scripts = document.getElementsByTagName('SCRIPT'),
me = scripts[scripts.length - 1];
var _ts = document.createElement('SCRIPT');
_ts.type = 'text/javascript';
_ts.async = true;
_ts.charset = 'utf-8';
_ts.src ='//widgets.trustedshops.com/reviews/tsSticker/tsSticker.js';
me.parentNode.insertBefore(_ts, me);
_tsRatingConfig.script = _ts;
</script>

Dentro de este código hay que hacer algunos ajustes, que te explicamos a continuación. Para ello, te detallamos los parámetros individuales del código y las funciones de las que se encargan.

  • tsId: Este parámetro vincula la viñeta de valoraciones de tienda con tu perfil de valoraciones y garantiza que se muestren las valoraciones de tienda correctas en la viñeta . Por lo tanto, introduce tu ID de Trusted Shops como valor para este parámetro.
  • variant: Este parámetro es fijo y no debe ser cambiado.
  • reviews: Con este parámetro puedes determinar cuántas valoraciones de tienda rotan dentro de la viñeta. Por defecto hay cinco valoraciones establecidas, que es también el número máximo. Naturalmente, puedes reducir el número de valoraciones.

Además de ello, hay otras posibilidades de configuración opcionales.

  • betterThan: En este punto puedes definir cuál es la nota mínima de las valoraciones recibidas que pueden aparecer en la viñeta de valoraciones de tienda. Por defecto, la nota mínima es de tres estrellas y media. No obstante, puedes introducir un valor diferente para adaptar la nota mínima a tus necesidades.
  • backgroundColor: Utiliza este parámetro para especificar el color de fondo de la viñeta de valoraciones de tienda. El amarillo está definido como estándar. Si deseas cambiarlo, indica simplemente el valor hexadecimal del color deseado.
  • fontColor: Este parámetro determina el color de la fuente. El valor estándar es el negro, pero también puedes adaptar este color introduciendo un valor hexadecimal diferente.
  • linkColor: Aquí puedes definir en qué color debe aparecer el enlace al perfil de la tienda, en la parte inferior de la viñeta. Esto también sucede a través de un valor hexadecimal. El color predeterminado es el negro.
  • fontFamily: A través de este parámetro selecciona el tipo de fuente que se deba utilizar en la viñeta de valoraciones de tienda. Arial está definida como estándar. Otras opciones a elegir son Geneva, Georgia, Helvetica, Sans-serif, Serif, Trebuchet MS y Verdana.
  • quotationMarkColor: En este punto puedes elegir el color de las comillas que aparecen en la parte superior de la viñeta de valoraciones de tienda. El blanco está definido como estándar. Si lo deseas, también puedes sustituir este color con otro valor hexadecimal.
  • reviewMinLength: Este parámetro define qué longitud mínima deben tener las valoraciones para poder aparecer en la viñeta de valoraciones de tienda. Este valor está establecido por defecto en 10 caracteres. Pero puedes adaptar el valor libremente.
  • element: Este parámetro conecta el código JavaScript con el elemento div definido en la primera línea del código. Naturalmente, puedes definir tú mismo el ID del elemento div. Si quieres cambiar el ID, recuerda adaptar también el ID tanto en el elemento div como en el parámetro 'element'. No se puede olvidar además el # en el parámetro.
  • locale: Este parámetro determina el idioma del contenido no generado por tus clientes y el formato de la fecha. El idioma español y el formato comúnmente utilizado en España (p.ej. 22/01/2020) están preestablecidos. El valor de localización tiene que tener el siguiente formato: idioma_PAÍS. Las descripciones deben ser acordes a los códigos ISO-639 e ISO-3166. Un ejemplo: Elvalor adecuado para español sería es_ES. Si por ejemplo tienes también un dominio de una tienda francesa, el valor adecuado sería fr_FR.

Con esto has terminado de preparar el código JavaScript de la viñeta de valoraciones de tienda.

Paso 2: Utiliza la viñeta de valoraciones en tu tienda

Para integrar ahora la viñeta de valoraciones en tu tienda online, tienes que copiar en la primera línea de código, todo el código JavaScript incluido el elemento div y pegarlo en el sitio de tu tienda donde deba aparecer la viñeta.

Así habrás integrado la viñeta de valoraciones en tu tienda con éxito.


¿Ha sido útil el artículo?

Usuarios a los que les pareció útil: 0 de 0