Cómo utilizar Elementor para crear un sistema de puntuación personalizado que mejore la interactividad del sitio web

Hoy en día, las opiniones y los comentarios de los usuarios son muy importantes para atraer a nuevos clientes y generar confianza en la marca.Elementor (utilizado como expresión nominal) Widget de valoración Proporciona una forma sencilla y eficaz de mostrar valoraciones de productos, servicios o contenidos en un sitio web. En este artículo se explica cómo utilizar el widget Star Ratings de Elementor para personalizar fácilmente la apariencia de las valoraciones e integrarlas en tus páginas.

elementor

Qué es Elementor Clasificación¿Widgets?

Widget de valoración es una herramienta de Elementor que permite añadir valoraciones a diferentes elementos de una página. Este sistema de valoración se utiliza a menudo para mostrar valoraciones de usuarios sobre productos, servicios o contenidos, añadiendo interactividad y credibilidad a un sitio web. Se pueden seleccionar diferentes rangos de valoración, estilos e iconos según sea necesario y se pueden personalizar completamente para adaptarse al estilo del sitio web.

Escenarios de uso::

  1. Clasificación de la película: Añade una clasificación por estrellas a una película o serie de televisión para ayudar a los espectadores a tomar decisiones sobre su visionado.
  2. Valoraciones de restaurantesPermite a los clientes puntuar los restaurantes o los platos del menú, aumentarconfianza social.
  3. Clasificación de los productos: Añade valoraciones a los artículos de un sitio de comercio electrónico para ayudar a los clientes potenciales a tomar decisiones de compra.
  4. Opiniones sobre hoteles y viajesAñade valoraciones de hoteles, atracciones turísticas o servicios para aumentar la confianza y las recomendaciones de los usuarios.
Imagen [2] - Cómo utilizar Elementor para crear un sistema de puntuación personalizado que mejore la interactividad del sitio web

Cómo añadir y personalizar los widgets de valoración por estrellas de Elementor

A continuación, detallaremos cómo utilizar el widget Star Rating en Elementor y personalizar la configuración.

Paso 1: Añadir widget de valoración por estrellas

  1. Abra el editor de Elementor y seleccione la página a la que desea añadir el widget de puntuación.
  2. Buscar en el panel de widgets "Clasificación"y, a continuación, arrástrelo y suéltelo en una columna de la página.
Imagen [3] - Cómo utilizar Elementor para crear un sistema de puntuación personalizado que mejore la interactividad del sitio web

Paso 2: Establecer el intervalo de puntuación

  • existe elemento puede definir la etiqueta Rango de puntuación.. Hay dos opciones para elegir:
    • 0 a 5Adecuado para la mayoría de los sistemas de puntuación.
    • 0 a 10: Adecuado para sistemas que requieren una puntuación más detallada.
Imagen [4] - Cómo utilizar Elementor para crear un sistema de puntuación personalizado que mejore la interactividad del sitio web
  • existe campo de calificación Introduzca el número de valoraciones que desea mostrar. Por ejemplo, introduzca "2" para una valoración de 2 estrellas, o "2,6" para una valoración de dos estrellas y media.
Imagen [5] - Cómo utilizar Elementor para crear un sistema de puntuación personalizado que mejore la interactividad del sitio web

Paso 3: Seleccionar iconos y estilos

  • existe icono (informática) Las opciones le permiten elegir entre dos diseños diferentes:
    • Fuente impresionante: Utiliza símbolos de la biblioteca de iconos Font Awesome.
    • Unicode: Muestra iconos de estrellas utilizando caracteres Unicode.
Imagen [6] - Cómo utilizar Elementor para crear un sistema de puntuación personalizado que mejore la interactividad del sitio web
  • También es posible fijar Estilo sin marcarSelección Sólido tal vez Esquema Estilo:
    • sinceroRellene las estrellas para indicar la puntuación de la sección seleccionada.
    • siluetasDeja estrellas huecas para indicar las partes no seleccionadas.
Imagen [7] - Cómo utilizar Elementor para crear un sistema de puntuación personalizado que mejore la interactividad del sitio web
  • Se puede añadir texto personalizado al título de la valoración, que se mostrará a la izquierda del icono de valoración con estrellas. Establezca el título de la "Alineación"puede elegir alinear a la izquierda, al centro, a la derecha o ambos extremos.
Imagen [8] - Cómo utilizar Elementor para crear un sistema de puntuación personalizado que mejore la interactividad del sitio web

Paso 4: Personalizar los estilos

  • cambiar a tipo Tagged with leyenda El menú desplegable permite establecer el título delestilo caligráficocolor y espaciado.
Imagen [9] - Cómo utilizar Elementor para crear un sistema de puntuación personalizado que mejore la interactividad del sitio web
  • Utilizar "Brecha" para ajustar la distancia entre el título y las estrellas.
Imagen [10] - Cómo utilizar Elementor para crear un sistema de puntuación personalizado para mejorar la interactividad del sitio web
  • existe "Estrellas"Los menús desplegables permiten personalizar el tamaño y el espaciado de las estrellas para que se ajusten al estilo general de diseño de la página.
Imagen [11] - Cómo utilizar Elementor para crear un sistema de puntuación personalizado que mejore la interactividad del sitio web

resúmenes

Elementor Clasificación widgets Permite añadir valoraciones de usuarios al sitio de forma fácil y flexible. Las valoraciones de los usuarios pueden añadirse seleccionando el botónRango de puntuaciónyEstilo IconoyTexto del títuloresponder cantandocolorOpciones como puede personalizar completamente el sistema de puntuación según las necesidades. Para más tutoriales e información relacionada con WordPress, siga el enlaceRed de fluctuación de fotonestiene los tutoriales de WordPress más completos y los más activos.Comunidad de intercambio de WordPress.


Contacte con nosotros
¿No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de pequeñas empresas
Servicio de atención al cliente WeChat
Servicio de atención al cliente WeChat
Tel: 020-2206-9892
QQ咨询:1025174874
(iii) Correo electrónico: info@361sale.com
Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres
© Declaración de reproducción
Este artículo ha sido escrito por Early Season
EL FIN
Si le gusta, apóyela.
felicitaciones7 compartir (alegrías, beneficios, privilegios, etc.) con los demás
comentarios compra de sofás

Por favor, inicie sesión para enviar un comentario

    Sin comentarios