Cómo usar la aplicación Product Reviews

Visita la tienda de aplicaciones para instalar Product Reviews para Shopify.

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

Los pasos para este tutorial difieren según la versión de tu arquitectura temática.

Haz clic en el botón de la versión de tu arquitectura temática y luego sigue las instrucciones para agregar elementos de reseña a tu tienda online.

Online Store 2.0

Añadir reseñas y un formulario de reseña en temas de Online Store 2.0

Puedes añadir el bloque de aplicaciones de reseñas y formularios de reseña como una sección en la plantilla de tu producto o como un bloque en la sección principal del producto de la plantilla de producto. Estas opciones están disponibles en todos los temas de Online Store 2.0 de la tienda de temas de Shopify. Es posible que puedas añadirlas a otras plantillas o secciones, según tu tema.

Añadir reseñas y el formulario de reseña como una sección

Escritorio

1. Desde tu panel de control de Shopify, ve a Tienda online > Temas.
2. Busca el tema que deseas editar y luego haz clic en Personalizar.

iPhone

1. Desde la aplicación de Shopify, toca Tienda.
2. En la sección Canales de ventas, toca Tienda online.
3. Toca Gestionar temas.
4. Busca el tema que deseas editar, y luego toca Personalizar.
5. Toca Editar.

Android

1. Desde la aplicación de Shopify, toca Tienda.
2. En la sección Canales de ventas, toca Tienda online.
3. Toca Gestionar temas.
4. Busca el tema que deseas editar, y luego toca Personalizar.
5. Toca Editar.

1. Ve a la plantilla de producto donde deseas añadir la sección de reseña y de formulario de reseña.
2. Haz clic en Agregar sección.
3. En el menú desplegable, en la sección Aplicaciones, selecciona el bloque de aplicaciones Reseñas.
4. Opcional: mueve la sección de la aplicación al lugar de la página que quieras.
5. Haz clic en Guardar.

Añadir reseñas y el formulario de reseña como un bloque

Escritorio

1. Desde tu panel de control de Shopify, ve a Tienda online > Temas.
2. Busca el tema que deseas editar y luego haz clic en Personalizar.

iPhone

1. Desde la aplicación de Shopify, toca Tienda.
2. En la sección Canales de ventas, toca Tienda online.
3. Toca Gestionar temas.
4. Busca el tema que deseas editar, y luego toca Personalizar.
5. Toca Editar.

Android

1. Desde la aplicación de Shopify, toca Tienda.
2. En la sección Canales de ventas, toca Tienda online.
3. Toca Gestionar temas.
4. Busca el tema que deseas editar, y luego toca Personalizar.
5. Toca Editar.

1. Ve a la página y a la sección donde deseas añadir el bloque de reseña y de formulario de reseña.
2. Haz clic en Agregar bloque.
3. En el menú desplegable, en la sección Aplicaciones, selecciona el bloque de aplicaciones Reseñas.
4. Opcional: mueve el bloque Reseñas al lugar de la sección que quieras.
5. Haz clic en Guardar.

Añadir calificaciones de estrellas en temas de Online Store 2.0

Puedes añadir calificaciones de estrellas como un bloque en la sección de producto principal de la plantilla de producto. Esta opción está disponible en todos los temas de Online Store 2.0 de la tienda de temas de Shopify. Es posible que puedas añadirlas a otras secciones y plantillas, dependiendo de tu tema.

Escritorio

1. Desde tu panel de control de Shopify, ve a Tienda online > Temas.
2. Busca el tema que deseas editar y luego haz clic en Personalizar.

iPhone

1. Desde la aplicación de Shopify, toca Tienda.
2. En la sección Canales de ventas, toca Tienda online.
3. Toca Gestionar temas.
4. Busca el tema que deseas editar, y luego toca Personalizar.
5. Toca Editar.

Android

1. Desde la aplicación de Shopify, toca Tienda.
2. En la sección Canales de ventas, toca Tienda online.
3. Toca Gestionar temas.
4. Busca el tema que deseas editar, y luego toca Personalizar.
5. Toca Editar.

1. Navega a la página y la sección donde quieras añadir la calificación de estrellas.
2. Haz clic en Agregar bloque.
3. Desde el menú desplegable, en la sección Aplicaciones, selecciona el bloque de aplicaciones Calificación de estrellas.
4. Opcional: mueve el bloque Calificación de estrellas al lugar de la sección que quieras o personaliza el color, el tamaño, la alineación y el contexto de la estrella.
5. Haz clic en Guardar.

Vintage sectioned themes

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

Escritorio

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

2. Busca el tema que deseas editar, haz clic en el botón ... para abrir el menú de acciones y luego haz clic en Editar código.

iPhone

1. Desde la app de Shopify, toca Tienda.

2. En la sección Canales de ventas, selecciona Tienda online.

3. Toca Administrar temas.

4. Busca el tema que deseas editar, haz clic en el botón ... para abrir el menú de acciones y luego haz clic en Editar código.

Android

1. Desde la app de Shopify, toca Tienda.

2. En la sección Canales de ventas, selecciona Tienda online.

3. Toca Administrar temas.

4. Busca el tema que deseas editar, haz clic en el botón ... para abrir el menú de acciones y luego haz clic en Editar código.

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>

Your code placement might look something like this:

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

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

2. Busca el tema que deseas editar y, a continuación, haz clic en el botón ... > Editar código.

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

4. Encuentra el área del código donde deseas que aparezcan tus distintivos 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 Liquid {{ product.title }}.

5. 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>

Your code placement might look something like this:

<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>

You can experiment with putting the code in different places in the file to see where you like it best.

1. Haz clic en Guardar.

Agrega distintivos de calificación de reseña a la páginas de tu producto en temas con secciones

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

Escritorio

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

2. Busca el tema que deseas editar, haz clic en el botón ... para abrir el menú de acciones y luego haz clic en Editar código.

iPhone

1. Desde la app de Shopify, toca Tienda.

2. En la sección Canales de ventas, selecciona Tienda online.

3. Toca Administrar temas.

4. Busca el tema que deseas editar, haz clic en el botón ... para abrir el menú de acciones y luego haz clic en Editar código.

Android

1. Desde la app de Shopify, toca Tienda.

2. En la sección Canales de ventas, selecciona Tienda online.

3. Toca Administrar temas.

4. Busca el tema que deseas editar, haz clic en el botón ... para abrir el menú de acciones y luego haz clic en Editar código.

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

2. Encuentra el área del código donde deseas que aparezcan tus distintivos 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 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>

Your code placement might look something like this:

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

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

You can experiment with putting the code in different places in the file to see where you like it best.

1. Haz clic en Guardar.

Agrega distintivos de calificación de reseña a tus productos destacados en temas con secciones

Nota

Si estás usando Venture, no se recomienda colocar distintivos de calificación de reseña en tu producto destacado.

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

Escritorio

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

2. Busca el tema que deseas editar, haz clic en el botón ... para abrir el menú de acciones y luego haz clic en Editar código.

iPhone

1. Desde la app de Shopify, toca Tienda.

2. En la sección Canales de ventas, selecciona Tienda online.

3. Toca Administrar temas.

4. Busca el tema que deseas editar, haz clic en el botón ... para abrir el menú de acciones y luego haz clic en Editar código.

Android

1. Desde la app de Shopify, toca Tienda.

2. En la sección Canales de ventas, selecciona Tienda online.

3. Toca Administrar temas.

4. Busca el tema que deseas editar, haz clic en el botón ... para abrir el menú de acciones y luego haz clic en Editar código.

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 distintivos 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 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>

Your code placement might look something like this:

<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 %}

You can experiment with putting the code in different places in the file to see where you like it best.

1. Haz clic en Guardar.

Vintage non-sectioned themes

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:

Escritorio

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

2. Busca el tema que deseas editar, haz clic en el botón ... para abrir el menú de acciones y luego haz clic en Editar código.

iPhone

1. Desde la app de Shopify, toca Tienda.

2. En la sección Canales de ventas, selecciona Tienda online.

3. Toca Administrar temas.

4. Busca el tema que deseas editar, haz clic en el botón ... para abrir el menú de acciones y luego haz clic en Editar código.

Android

1. Desde la app de Shopify, toca Tienda.

2. En la sección Canales de ventas, selecciona Tienda online.

3. Toca Administrar temas.

4. Busca el tema que deseas editar, haz clic en el botón ... para abrir el menú de acciones y luego haz clic en Editar código.

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>

Your code placement might look something like this:

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

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

Escritorio

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

2. Busca el tema que deseas editar, haz clic en el botón ... para abrir el menú de acciones y luego haz clic en Editar código.

iPhone

1. Desde la app de Shopify, toca Tienda.

2. En la sección Canales de ventas, selecciona Tienda online.

3. Toca Administrar temas.

4. Busca el tema que deseas editar, haz clic en el botón ... para abrir el menú de acciones y luego haz clic en Editar código.

Android

1. Desde la app de Shopify, toca Tienda.

2. En la sección Canales de ventas, selecciona Tienda online.

3. Toca Administrar temas.

4. Busca el tema que deseas editar, haz clic en el botón ... para abrir el menú de acciones y luego haz clic en Editar código.

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

2. Encuentra el área del código donde deseas que aparezcan tus distintivos 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 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>

Your code placement might look something like this:

<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>

You can experiment with putting the code in different places in the file to see where you like it best.

1. Haz clic en Guardar.

Agrega distintivos de calificación de reseña a la página de tu producto en temas sin secciones

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

Escritorio

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

2. Busca el tema que deseas editar, haz clic en el botón ... para abrir el menú de acciones y luego haz clic en Editar código.

iPhone

1. Desde la app de Shopify, toca Tienda.

2. En la sección Canales de ventas, selecciona Tienda online.

3. Toca Administrar temas.

4. Busca el tema que deseas editar, haz clic en el botón ... para abrir el menú de acciones y luego haz clic en Editar código.

Android

1. Desde la app de Shopify, toca Tienda.

2. En la sección Canales de ventas, selecciona Tienda online.

3. Toca Administrar temas.

4. Busca el tema que deseas editar, haz clic en el botón ... para abrir el menú de acciones y luego haz clic en Editar código.

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

2. Encuentra el área del código donde deseas que aparezcan tus distintivos 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 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>

Your code placement might look something like this:

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

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

You can experiment with putting the code in different places in the file to see where you like it best.

1. Haz clic en Guardar.