Cómo usar la aplicación Product Reviews

Una vez que hayas instalado la aplicación Product Reviews, puedes agregar formularios de reseña a las páginas de tus productos y revisar las insignias de calificación de las páginas de tus productos y colecciones.

Agrega reseñas y un formulario de reseña a la página de tus productos en temas seccionados

Para agregar formularios de reseña a las páginas de tus productos, haz lo siguiente:

  1. En el directorio Sections (Secciones), abre product-template.liquid.

  2. Encuentra el área del código donde deseas que aparezcan tus reseñas. Por lo general, se encuentra debajo de la descripción del producto. Para encontrar la descripción de tu producto en el archivo, busca la etiqueta de Liquid {{ product.description }}.

  3. Debajo del código que contiene la etiqueta de Liquid {{ product.description }}, pega el siguiente fragmento de código:

<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>

El posicionamiento del código podría ser algo como esto:

<div class="product-single__description rte" itemprop="description">
  {{ product.description }}
</div>

<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>
  1. Haz clic en Guardar.

Agrega insignias de calificación de reseña a las páginas de tu colección en temas seccionados

Pasos

  1. Desde tu panel de control de Shopify ve a Tienda online > Temas.

  2. Busca el tema que deseas editar y haz clic en Acciones > Editar código.

  3. En el directorio Fragmentos de códigos, abre el archivo product-grid-item.liquid.

    En algunos temas, este archivo tiene un nombre diferente. Si no puedes encontrar product-grid-item.liquid, busca uno de los siguientes:

- product-card.liquid - product-card-item.liquid - product-block.liquid - product-item.liquid

  1. Encuentra el área del código donde deseas que aparezcan tus insignias de calificación de reseña. Por lo general, se encuentra debajo del título del producto. Para encontrar el título de tu producto en el archivo, busca la etiqueta de Liquid {{ product.title }}.

  2. En una nueva línea, debajo del código que contiene la etiqueta de Liquid {{ product.title }}, pega el siguiente fragmento de código:

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

El posicionamiento del código podría ser algo como esto:

<div class="grid-view-item{% unless product.available %} product-price--sold-out grid-view-item--sold-out{% endunless %}">
  <a class="grid-view-item__link" href="{{ product.url | within: collection }}">
    <img class="grid-view-item__image" src="{{ product.featured_image.src | img_url: grid_image_width, scale: grid_image_scale }}" alt="{{ product.featured_image.alt }}">
    <div class="h4 grid-view-item__title">{{ product.title }}</div>
      {% if section.settings.show_vendor %}
    <div class="grid-view-item__vendor">{{ product.vendor }}</div>
      {% endif %}
    <div class="grid-view-item__meta">
      {% include 'product-price' %}
    </div>
    <span class="shopify-product-reviews-badge" data-id="{{ product.id }}">
    </span>
  </a>
</div>

Puedes probar ingresando el código en diferentes lugares del archivo para ver dónde te gusta más.

  1. Haz clic en Guardar.

Agrega insignias de calificación de reseña a la páginas de tu producto en temas seccionados

Para agregar insignias de calificación de reseña a las páginas de tu producto, haz lo siguiente:

  1. En el directorio Sections (Secciones), abre product-template.liquid.

  2. Encuentra el área del código donde deseas que aparezcan tus insignias de calificación de reseña. Por lo general, se encuentra debajo del título del producto. Para encontrar el título de tu producto en el archivo, busca la etiqueta de Liquid {{ product.title }}.

  3. En una nueva línea, debajo del código que contiene la etiqueta de Liquid {{ product.title }}, pega el siguiente fragmento de código:

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

El posicionamiento del código podría ser algo como esto:

<h1 itemprop="name" class="product-single__title">{{ product.title }}</h1>

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

Puedes probar ingresando el código en diferentes lugares del archivo para ver dónde te gusta más.

  1. Haz clic en Guardar.

Agrega insignias de calificación de reseña a tus productos destacados en temas seccionados

Para agregar insignias de calificación de reseña a tu producto destacado en la página de inicio, haz lo siguiente:

  1. En el directorio Sections (Secciones), abre el archivo featured-product.liquid.

  2. Encuentra el área del fragmento de código donde deseas que aparezcan tus insignias de calificación de reseña. Por lo general, se encuentra debajo del título del producto. Para encontrar el título de tu producto en el archivo, busca la etiqueta de Liquid {{ title }}. Si no puedes encontrar la etiqueta {{ title }}, busca la etiqueta {{ product.title }}.

  3. En una nueva línea, debajo del código que contiene la etiqueta de Liquid {{ product.title }}, pega el siguiente fragmento de código:

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

El posicionamiento del código podría ser algo como esto:

<div class="grid__item product-single__meta--wrapper medium--five-twelfths large--five-twelfths">
    {% if section.settings.show_vendor %}
      <h2 class="product-single__vendor" itemprop="brand">{{ vendor }}</h2>
    {% endif %}

    <h1 class="product-single__title" itemprop="name">{{ title }}</h1>

    <span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

    <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
      {% comment %}

Puedes probar ingresando el código en diferentes lugares del archivo para ver dónde te gusta más.

  1. Haz clic en Guardar.

Agrega reseñas y un formulario de reseña a la página de tu producto en temas no seccionados

Para agregar formularios de reseña a las páginas de tus productos, haz lo siguiente:

  1. En el directorio Templates (Plantillas), abre product.liquid.

  2. Encuentra el área del código donde deseas que aparezcan tus reseñas. Por lo general, se encuentra debajo de la descripción del producto. Para encontrar la descripción de tu producto en el archivo, busca la etiqueta de Liquid {{ product.description }}.

  3. Debajo del código que contiene la etiqueta de Liquid {{ product.description }}, pega el siguiente fragmento de código:

<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>

El posicionamiento del código podría ser algo como esto:

<div class="product-single__description rte" itemprop="description">
  {{ product.description }}
</div>

<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>
  1. Haz clic en Guardar.

Agrega insignias de calificación de reseña a las páginas de tu colección en temas no seccionados

Para agregar insignias de calificación de reseña a las páginas de tu colección, haz lo siguiente:

  1. En el directorio Fragmentos de códigos, abre product-grid-item.liquid.

    En algunos temas, este archivo tiene un nombre diferente. Si no puedes encontrar product-grid-item.liquid, busca uno de los siguientes:

- product-card.liquid - product-card-item.liquid - product-block.liquid

Si tu tema no tiene ninguno de los archivos anteriores, el código de la grilla de productos podría estar en el archivo collection.liquid del directorio Plantillas.

  1. Encuentra el área del código donde deseas que aparezcan tus insignias de calificación de reseña. Por lo general, se encuentra debajo del título del producto. Para encontrar el título de tu producto en el archivo, busca la etiqueta de Liquid {{ product.title }}.

  2. En una nueva línea, debajo del código que contiene la etiqueta de Liquid {{ product.title }}, pega el siguiente fragmento de código:

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

El posicionamiento del código podría ser algo como esto:

<div class="grid-view-item{% unless product.available %} product-price--sold-out grid-view-item--sold-out{% endunless %}">
  <a class="grid-view-item__link" href="{{ product.url | within: collection }}">
    <img class="grid-view-item__image" src="{{ product.featured_image.src | img_url: grid_image_width, scale: grid_image_scale }}" alt="{{ product.featured_image.alt }}">
    <div class="h4 grid-view-item__title">{{ product.title }}</div>
      {% if section.settings.show_vendor %}
    <div class="grid-view-item__vendor">{{ product.vendor }}</div>
      {% endif %}
    <div class="grid-view-item__meta">
      {% include 'product-price' %}
    </div>
    <span class="shopify-product-reviews-badge" data-id="{{ product.id }}">
    </span>
  </a>
</div>

Puedes probar ingresando el código en diferentes lugares del archivo para ver dónde te gusta más.

  1. Haz clic en Guardar.

Agrega insignias de calificación de reseña a la página de tu producto en temas no seccionados

Para agregar insignias de calificación de reseña a las páginas de tu producto, haz lo siguiente:

  1. En el directorio Templates (Plantillas), abre product.liquid.

  2. Encuentra el área del código donde deseas que aparezcan tus insignias de calificación de reseña. Por lo general, se encuentra debajo del título del producto. Para encontrar el título de tu producto en el archivo, busca la etiqueta de Liquid {{ product.title }}.

  3. En una nueva línea, debajo del código que contiene la etiqueta de Liquid {{ product.title }}, pega el siguiente fragmento de código:

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

El posicionamiento del código podría ser algo como esto:

<h1 itemprop="name" class="product-single__title">{{ product.title }}</h1>

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

Puedes probar ingresando el código en diferentes lugares del archivo para ver dónde te gusta más.

  1. Haz clic en Guardar.

¿Estas listo(a) para comenzar a vender con Shopify?

Pruébala gratis