Growave proporciona varios widgets de reseñas para temas de Shopify Online Store 2.0, lo que le permite mostrar los comentarios de los clientes directamente en sus páginas de productos. Estos widgets ayudan a fomentar la confianza, promover la interacción y mejorar la experiencia de compra.
Widget de reseñas de productos: La sección de reseñas completa que muestra las calificaciones con estrellas, los textos completos de las reseñas, las preguntas y respuestas (Q&A) y las fotos de los clientes. Permite a los clientes enviar nuevas reseñas, hacer preguntas y filtrar los comentarios por calificación o imágenes.
Widget de calificación con estrellas: Una insignia compacta que generalmente se coloca debajo del título del producto. Muestra la calificación promedio y el recuento total de reseñas, actuando como un acceso directo que desplaza a los usuarios hacia el widget principal de reseñas de productos.
Deslizador de reseñas: Un carrusel visualmente atractivo ideal para destacar los comentarios con las mejores calificaciones. Muestra el texto de la reseña junto con imágenes (ya sea fotos del producto o fotos cargadas por el cliente) para captar la atención del cliente.
Mini deslizador de reseñas: Una lista desplazable que ahorra espacio con fragmentos de reseñas y calificaciones con estrellas. Proporciona una prueba social rápida en secciones más pequeñas, lo que permite a los usuarios hacer clic para leer la reseña completa.
Shopify Online Store 2.0
Puede integrar widgets de reseñas en su tienda utilizando uno de estos tres métodos:
1. Desde los widgets del sitio (Onsite widgets)
Administre todos los widgets relacionados con reseñas en panel de administración de Growave → widgets del sitio (Onsite widgets) → Reseñas.
Aquí puede instalar widgets de reseñas y monitorear el estado de la instalación.
2. Desde el personalizador de temas de Shopify
Si prefiere agregar widgets directamente a través de la interfaz de Shopify:
Vaya al panel de administración de Shopify → Tienda online → Temas → Personalizar.
Seleccione la plantilla Producto → Producto predeterminado.
Haga clic en Agregar bloque y elija los widgets de reseñas de Growave.
3. Uso de marcadores de posición para una ubicación personalizada
Para mayor flexibilidad, puede insertar widgets manualmente utilizando los marcadores de posición (placeholders) de Growave. Este método le permite colocar elementos de reseñas en cualquier lugar de su tienda. Consulte la documentación de marcadores de posición del SDK para más detalles.
Instalemos el widget de deslizador de reseñas (Reviews slider) como ejemplo:
Puede crear un elemento div vacío con el nombre de clase necesario. Use style="display:block" para garantizar la visibilidad, ya que Shopify oculta los bloques div vacíos en el modo incrustado.
Puede usar la sección Liquid personalizado en el editor de páginas de Shopify. Copie el siguiente código:
<div class="gw-rv-reviews-slider-widget-placeholder" data-gw-lowest-rating="4" data-gw-only-pinned-reviews="true" style="display: block" ></div>
Péguelo en el campo Liquid personalizado y guarde los cambios:
Los widgets de marcador de posición pueden usar diferentes atributos (consulte la documentación relacionada con cada widget para más detalles).
El widget de deslizador de reseñas tiene los siguientes atributos:
data-gw-lowest-rating: (opcional): Define la calificación mínima (1-5) requerida para que las reseñas se incluyan en el deslizador. Por defecto:4.data-gw-images-type: (opcional): Especifica el origen de las imágenes que se muestran en las reseñas. Por defecto:product_images.product_images– Muestra imágenes relacionadas con el producto dentro de las reseñas.reviews_images– Muestra imágenes cargadas por los usuarios desde sus reseñas.
data-gw-only-pinned-reviews(opcional): Si se establece en true, solo se muestran las reseñas destacadas. Por defecto:false.
Temas heredados (clásicos)
Para instalar el widget de reseñas en la página del producto, vaya al panel de administración de Shopify → Temas → Editar código → busque un archivo product-template.liquid (el nombre del archivo puede variar según el tema de la tienda) y agregue el siguiente código en el lugar donde desea mostrar las reseñas:
{% capture the_snippet_reviews %}{% render 'socialshopwave-widget-recommends' with 1 %}{% endcapture %} {% unless the_snippet_reviews contains 'Liquid error' %} {{ the_snippet_reviews }} {% endunless %}Aquí tiene un ejemplo:
Si tiene alguna dificultad con la integración, no dude en contactarnos en [email protected] o por el icono de chat en la esquina inferior derecha, y nuestro equipo estará encantado de ayudarle.