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 los emblemas de calificación de las páginas de tus productos y colecciones.

Los pasos para este tutorial varían dependiendo de si estás usando un tema con secciones o sin secciones. Un tema con secciones es un tema más reciente con la función arrastrar y soltar que te permite organizar el diseño de las páginas de tu tienda.

Para averiguar si tu tema admite secciones, ve a la página del tema Editar código. Si hay archivos en el directorio de Secciones, estás usando un tema con secciones. Los temas sin secciones se publicaron antes de octubre de 2016 y no tienen archivos en el directorio de Secciones.

Si estás utilizando un tema con secciones, entonces haz clic en el botón Temas con secciones y sigue las instrucciones. Si estás utilizando un tema más antiguo, sin secciones, entonces haz clic en el botón Temas sin secciones y sigue las instrucciones.

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

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 emblemas de calificación de reseña a las páginas de tu colección en temas con secciones

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 emblemas 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 emblemas de calificación de reseña a la páginas de tu producto en temas con secciones

Para agregar emblemas 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 emblemas 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 emblemas de calificación de reseña a tus productos destacados en temas con secciones

Para agregar emblemas 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 emblemas 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 sin secciones

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 emblemas de calificación de reseña a las páginas de tu colección en temas sin secciones

Para agregar emblemas 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 cuadrículade productos podría estar en el archivo collection.liquid del directorio Plantillas.

  1. Encuentra el área del código donde deseas que aparezcan tus emblemas 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 emblemas de calificación de reseña a la página de tu producto en temas sin secciones

Para agregar emblemas 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 emblemas 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