¿Cómo puedo añadir widgets a mi sitio web?

En eTrusted dispones de varios widgets modernos que puedes usar para ganarte a los visitantes de tu sitio web.

La confianza es la moneda más preciada en internet. Al mostrar tu buena nota total de manera destacada en tu sitio web, inspiras confianza y por lo tanto aumentan tus ventas.

¿Dónde puedo encontrar los widgets disponibles?

En la biblioteca de widgets encontrarás todos los widgets disponibles.

  1. Inicia sesión en el Centro de Control de eTrusted.
  2. Haz clic en la estrella («Valoraciones») (01_16x16.png) en el menú de navegación principal. A continuación, haz clic en «Marketing» (02_16x16.png).
  3. Abre la pestaña «Widgets» (03_16x16.png).
    01_ES.png

Allí puedes elegir diferentes variantes de widgets y personalizar también cada uno de ellos según tus necesidades.

Dentro de la biblioteca de widgets puedes ver una vista previa de cada widget. Así que puedes decidir qué widget es el más adecuado para tu sitio web y dónde se puede colocar más eficazmente.

Los widgets ya están optimizados para escritorio y móvil, por lo que no tienes que preocuparte de mostrarlo correctamente en los dispositivos de tus usuarios. El código de nuestros widgets cubre dos variantes de visualización: Una está optimizada para pantallas de smartphones más pequeñas, la otra aprovecha al máximo la resolución de la versión de escritorio.

¿Te gustaría ver cómo se ven nuestros widgets en un sitio web? Aquí tienes el artículo ideal para ello:
¿Cómo se ven los widgets en mi sitio web?

¿Cómo funciona la configuración del widget?

Una pregunta primero: ¿Has integrado tus productos de Trusted Shops en tu sitio web mediante un plugin? Con muchos de nuestros plugins, puedes integrar widgets en unos pocos clics, incluso si no tienes muchos conocimientos técnicos. Por eso, no es mala idea comprobar primero si tu plugin es compatible con la integración de widgets:
 
  1. Abre tu plugin de Trusted Shops.
  2. Comprueba que tu plugin tenga la pestaña «Widgets».
¿Tienes la pestaña «Widgets» en tu plugin? En ese caso, sigue estas instrucciones: Mostrar las opiniones de servicio y producto en tu tienda
¿No tienes la pestaña «Widgets» en tu plugin? En ese caso, sigue las instrucciones expuestas aquí.

Paso 1: Generación de un código de widget

  1. Sigue las instrucciones anteriores para abrir la vista general «Widgets».
  2. Selecciona un widget. A continuación, haz clic en el botón «Crear» del widget que desees. Acto seguido, se abrirá el modo de configuración del widget.
    02_ES.png

Ten en cuenta que debes haber recopilado al menos cinco opiniones de más de 12 caracteres cada una antes de poder mostrar el widget "Carrusel de valoraciones" en tu tienda.

  1. Selecciona el esquema de color en el que debe mostrarse el widget:
    - Selecciona «Claro» si el widget debe mostrarse siempre en el esquema de color estándar.
    - Selecciona «Oscuro» si el widget debe mostrarse siempre en el modo oscuro.
    - Selecciona «Configuración del sistema» si deseas que los ajustes del modo oscuro de tus usuarios determinen si el widget se muestra o no en el modo oscuro.
    03_ES.png
  2. ¿Quieres utilizar un color diferente para tus estrellas de valoración y las barras? En ese caso, haz clic en el campo «Color de acento».
    04_ES.png
    Se abre un menú desplegable. Selecciona uno de los colores propuestos (01_16x16.png) o introduce el valor hexadecimal del color deseado en el campo de entrada (02_16x16.png). Luego, haz clic en «Aplicar» (03_16x16.png).
    05_ES.png
  3. ¿Deseas utilizar la tipografía de tu sitio web en el widget? En ese caso, marca la casilla «Aplica la tipografía de tu sitio web».
    06_ES.png
  4. Marca «Mostrar imágenes» si las fotos de productos cargadas por tu cliente deben mostrarse en el widget.
Las fotos de los productos se pueden mostrar en los siguientes widgets: Carrusel de valoraciones, Voz del cliente, Lista completa de valoraciones.

07_ES.png

  1. ¿Estás integrando actualmente el widget «Voz del Cliente»? A continuación, haz clic en la flecha de la esquina superior derecha del área «Destacar una cita». Se abrirá una lista con tus valoraciones de cuatro y cinco estrellas.
    08_ES.png
    ¿Deberían aparecer en esta lista sólo las opiniones de los clientes que han indicado su nombre? A continuación, marca la casilla «Mostrar solo comentarios de opinión con nombres».
    09_ES.png
    Selecciona la opinión que desees.
    10_ES.png
    Utiliza el subrayador de texto azul para seleccionar qué parte de la opinión debe mostrarse en el widget.
    11_ES.png
    El widget anonimiza automáticamente el nombre de tu cliente. No obstante, tus usuarios pueden oponerse más tarde a que su opinión aparezca en un lugar destacado de tu sitio web.
    En este caso, desarrolla un proceso para poder eliminar rápidamente la opinión correspondiente de tu sitio web. Consejo: Solo tienes que crear un nuevo widget «Voz del Cliente» y reemplazar el antiguo código de widget de tu sitio web por el nuevo.
  1. Haz clic en «Crear código de widget». Se abre la vista general «Cómo integrar el widget en tu sitio web».
    12_ES.png

Ya has creado correctamente tu código de widget. Ahora debes integrar el código del widget en tu sitio web.

Paso 2: Integración del código del widget en tu sitio web

Para mostrar los widgets en tu sitio web, tienes que incluir el código HTML y JavaScript en la cabecera y en el cuerpo del HTML de tu sitio web. Encontrarás los fragmentos de código (snippets) que necesitas para ello en la vista general «Cómo integrar el widget en tu sitio web», que se abrirá después de la creación de tu código de widget.

¿No tienes los conocimientos técnicos necesarios para insertar el código de tu widget en el HTML de tu sitio web? En ese caso, haz clic en «Copiar todas las instrucciones». A continuación, solo tienes que abrir el texto que desees y pegar el código del widget en el documento de texto. Acto seguido, envía el documento de texto a los administradores de tu sitio web.
04_ES.png

¿Deseas integrar tú mismo el código del widget en el HTML de tu sitio web? En ese caso, sigue estos pasos:

  1. Haz clic en el icono del documento en la parte superior del campo de código para copiar el fragmento de código en tu portapapeles.
    05_ES.png
  2. En el HTML de tu página web, abre la sección de encabezado (header). Inserta el fragmento de código (snippet) en la sección del encabezado (header).

El código JavaScript para la cabecera solo se necesita una vez, aunque implementes más de un widget en tu sitio web.

  1. Vuelve a la vista general «Cómo integrar el widget en tu sitio web». Haz clic en el icono del documento en el cuadro de código inferior para copiar el fragmento de código (snippet) en tu portapapeles.
    06_ES.png
  2. Abre la sección del cuerpo (body) dentro del código HTML de tu sitio web. Pega el fragmento de código (snippet) copiado en la sección del cuerpo (body) donde quieras colocar el widget.
  3. Vuelve a la vista general «Cómo integrar el widget en tu sitio web». Haz clic en «Creacción completa de widgets».
    07_ES.png

Ya has incorporado correctamente el widget a tu sitio web.

¿Cuánto tiempo está activo el código?

Una vez creado el código y finalizada la configuración del widget, encontrarás el widget creado en la vista general «Manage my widgets». Puedes acceder a la vista general haciendo clic en «Administrar mis widgets».

08_ES.png

El código JavaScript está activo permanentemente, independientemente de si ya lo has implementado o no. Esto significa que puedes tomarte tu tiempo con la implementación.

Si algo no ha funcionado bien al copiar el código, no hay problema. Simplemente puedes copiar el código del widget activo de nuevo. Para ello, haz clic en el botón «Ver código» del widget que quieras gestionar.

09_ES.png

El código se desactiva si eliminas el widget de tus widgets activos, haciendo clic en el botón «Eliminar». Mientras que no elimines el código de tu sitio web HTML, se mostrará un área vacía en esa posición.

10_ES.png

Lee aquí lo que necesitas saber para eliminar los widgets:
¿Cómo elimino un widget de mi sitio web?

¿Por qué el fragmento de código del encabezado del sitio web es el mismo para todos los widgets?

El código JavaScript que tienes que implementar en la cabecera de tu sitio web solo se necesita una vez. Por lo tanto, para la implementación de cada widget adicional es suficiente con insertar el código HTML / contenedor DIV del widget en el lugar correcto del cuerpo del sitio web.

Esto tiene la ventaja de que incluso las personas sin derechos de administrador puedan añadir widgets, siempre que tengan derechos para editar el contenido del sitio web. Por lo tanto, tu equipo de marketing puede actuar de forma independiente después de la implementación inicial del fragmento de JavaScript. De esta manera, los widgets ya están visibles para los visitantes de tu sitio web pasados unos minutos.

¿Ya muestras tus estrellas en Google & Co.? Obtén más información aquí:
- ¿Cómo funciona el Gestor de Reputación?
- ¿Por qué es una buena idea optimizar mi nota total en otras plataformas de valoraciones?


¿Ha sido útil el artículo?

Usuarios a los que les pareció útil: 10 de 17