Cómo usar la aplicación Product Reviews

Esta página fue impresa el May 06, 2024. Para acceder a la versión actual, por favor visita https://help.shopify.com/es/manual/products/product-reviews/installation?utm_campaign=Guru-+-ASK&utm_medium=forum&utm_source=social.

Puedes agregar formularios de reseña a tus páginas de producto y emblemas de calificación tanto a tus páginas de producto como de colección. Los pasos para este tutorial difieren según la versión de tu arquitectura temática. Sigue las instrucciones de acuerdo con la versión de la arquitectura de tu tema para agregar elementos de reseña a la tienda online.

En esta página

Temas de Online Store 2.0

Puedes agregar reseñas, incluir un formulario para que el cliente deje su opinión y mostrar calificación de estrellas en los temas de la 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

  1. Desde el panel de control de Shopify, ve a Tienda online > Temas.
  2. Busca el tema que deseas editar y luego haz clic en Personalizar.
  3. Ve a la plantilla de producto donde deseas añadir la sección de reseña y de formulario de reseña.
  4. Haz clic en Agregar sección.
  5. En el menú desplegable, en la sección Aplicaciones, selecciona el bloque de aplicaciones Reseñas.
  6. Opcional: mueve la sección de la aplicación al lugar de la página que quieras.
  7. Haz clic en Guardar.
  1. En la aplicación de Shopify, toca el botón ….
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Gestionar todos los temas.
  4. Busca el tema que deseas editar, y luego toca Personalizar.
  5. Toca Editar.
  6. Ve a la plantilla de producto donde deseas añadir la sección de reseña y de formulario de reseña.
  7. Haz clic en Agregar sección.
  8. En el menú desplegable, en la sección Aplicaciones, selecciona el bloque de aplicaciones Reseñas.
  9. Opcional: mueve la sección de la aplicación al lugar de la página que quieras.
  10. Haz clic en Guardar.
  1. En la aplicación de Shopify, toca el botón ….
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Gestionar todos los temas.
  4. Busca el tema que deseas editar, y luego toca Personalizar.
  5. Toca Editar.
  6. Ve a la plantilla de producto donde deseas añadir la sección de reseña y de formulario de reseña.
  7. Haz clic en Agregar sección.
  8. En el menú desplegable, en la sección Aplicaciones, selecciona el bloque de aplicaciones Reseñas.
  9. Opcional: mueve la sección de la aplicación al lugar de la página que quieras.
  10. Haz clic en Guardar.

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

  1. Desde el panel de control de Shopify, ve a Tienda online > Temas.
  2. Busca el tema que deseas editar y luego haz clic en Personalizar.
  3. 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.
  4. Haz clic en Agregar bloque.
  5. En el menú desplegable, en la sección Aplicaciones, selecciona el bloque de aplicaciones Reseñas.
  6. Opcional: mueve el bloque Reseñas al lugar de la sección que quieras.
  7. Haz clic en Guardar.
  1. En la aplicación de Shopify, toca el botón ….
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Gestionar todos los temas.
  4. Busca el tema que deseas editar, y luego toca Personalizar.
  5. Toca Editar.
  6. 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.
  7. Haz clic en Agregar bloque.
  8. En el menú desplegable, en la sección Aplicaciones, selecciona el bloque de aplicaciones Reseñas.
  9. Opcional: mueve el bloque Reseñas al lugar de la sección que quieras.
  10. Haz clic en Guardar.
  1. En la aplicación de Shopify, toca el botón ….
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Gestionar todos los temas.
  4. Busca el tema que deseas editar, y luego toca Personalizar.
  5. Toca Editar.
  6. 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.
  7. Haz clic en Agregar bloque.
  8. En el menú desplegable, en la sección Aplicaciones, selecciona el bloque de aplicaciones Reseñas.
  9. Opcional: mueve el bloque Reseñas al lugar de la sección que quieras.
  10. 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.

Pasos:

  1. Desde el panel de control de Shopify, ve a Tienda online > Temas.
  2. Busca el tema que deseas editar y luego haz clic en Personalizar.
  3. Navega a la página y la sección donde quieras añadir la calificación de estrellas.
  4. Haz clic en Agregar bloque.
  5. Desde el menú desplegable, en la sección Aplicaciones, selecciona el bloque de aplicaciones Calificación de estrellas.
  6. 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.
  7. Haz clic en Guardar.
  1. En la aplicación de Shopify, toca el botón ….
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Gestionar todos los temas.
  4. Busca el tema que deseas editar, y luego toca Personalizar.
  5. Toca Editar.
  6. Navega a la página y la sección donde quieras añadir la calificación de estrellas.
  7. Haz clic en Agregar bloque.
  8. Desde el menú desplegable, en la sección Aplicaciones, selecciona el bloque de aplicaciones Calificación de estrellas.
  9. 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.
  10. Haz clic en Guardar.
  1. En la aplicación de Shopify, toca el botón ….
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Gestionar todos los temas.
  4. Busca el tema que deseas editar, y luego toca Personalizar.
  5. Toca Editar.
  6. Navega a la página y la sección donde quieras añadir la calificación de estrellas.
  7. Haz clic en Agregar bloque.
  8. Desde el menú desplegable, en la sección Aplicaciones, selecciona el bloque de aplicaciones Calificación de estrellas.
  9. 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.
  10. Haz clic en Guardar.

Temas vintage con secciones

Puedes agregar reseñas, incluir un formulario para que el cliente deje su opinión y mostrar emblemas de calificación en distintas páginas de temas vintage con secciones.

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

  1. Desde el panel de control de Shopify, ve a Tienda online > Temas.
  2. Busca el tema que desees editar, haz clic en el botón … para abrir el menú de acciones y, luego, haz clic en Editar código.
  3. En el directorio Sections (Secciones), abre product-template.liquid.
  4. Encuentra el área en el código donde deseas que se muestren 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 }}.
  5. 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.
  1. En la aplicación de Shopify, toca el botón ….
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Administrar temas.
  4. Busca el tema que desees editar, haz clic en el botón … para abrir el menú de acciones y, luego, haz clic en Editar código.
  5. En el directorio Sections (Secciones), abre product-template.liquid.
  6. Encuentra el área en el código donde deseas que se muestren 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 }}.
  7. 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.
  1. En la aplicación de Shopify, toca el botón ….
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Administrar temas.
  4. Busca el tema que desees editar, haz clic en el botón … para abrir el menú de acciones y, luego, haz clic en Editar código.
  5. En el directorio Sections (Secciones), abre product-template.liquid.
  6. Encuentra el área en el código donde deseas que se muestren 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 }}.
  7. 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, 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-grid.liquid
    • product-card.liquid
    • product-card-item.liquid
    • product-block.liquid
    • product-item.liquid

  4. Encuentra el área del código donde deseas que se muestren 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 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

  1. Desde el panel de control de Shopify, ve a Tienda online > Temas.
  2. Busca el tema que desees editar, haz clic en el botón … para abrir el menú de acciones y, luego, haz clic en Editar código.
  3. En el directorio Sections (Secciones), abre product-template.liquid.
  4. Encuentra el área del código donde deseas que se muestren 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 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:
<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.
  1. En la aplicación de Shopify, toca el botón ….
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Administrar temas.
  4. Busca el tema que desees editar, haz clic en el botón … para abrir el menú de acciones y, luego, haz clic en Editar código.
  5. En el directorio Sections (Secciones), abre product-template.liquid.
  6. Encuentra el área del código donde deseas que se muestren 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 Liquid {{ product.title }}.
  7. 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.
  1. En la aplicación de Shopify, toca el botón ….
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Administrar temas.
  4. Busca el tema que desees editar, haz clic en el botón … para abrir el menú de acciones y, luego, haz clic en Editar código.
  5. En el directorio Sections (Secciones), abre product-template.liquid.
  6. Encuentra el área del código donde deseas que se muestren 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 Liquid {{ product.title }}.
  7. 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

  1. Desde el panel de control de Shopify, ve a Tienda online > Temas.
  2. Busca el tema que desees editar, haz clic en el botón … para abrir el menú de acciones y, luego, haz clic en Editar código.
  3. En el directorio Sections (Secciones), abre el archivo featured-product.liquid.
  4. Encuentra el área del fragmento de código donde deseas que se muestren 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 Liquid {{ title }}. Si no puedes encontrar la etiqueta {{ title }}, busca la etiqueta {{ 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__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.
  1. En la aplicación de Shopify, toca el botón ….
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Administrar temas.
  4. Busca el tema que desees editar, haz clic en el botón … para abrir el menú de acciones y, luego, haz clic en Editar código.
  5. En el directorio Sections (Secciones), abre el archivo featured-product.liquid.
  6. Encuentra el área del fragmento de código donde deseas que se muestren 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 Liquid {{ title }}. Si no puedes encontrar la etiqueta {{ title }}, busca la etiqueta {{ product.title }}.
  7. 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.
  1. En la aplicación de Shopify, toca el botón ….
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Administrar temas.
  4. Busca el tema que desees editar, haz clic en el botón … para abrir el menú de acciones y, luego, haz clic en Editar código.
  5. En el directorio Sections (Secciones), abre el archivo featured-product.liquid.
  6. Encuentra el área del fragmento de código donde deseas que se muestren 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 Liquid {{ title }}. Si no puedes encontrar la etiqueta {{ title }}, busca la etiqueta {{ product.title }}.
  7. 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.

Temas vintage sin secciones

Puedes agregar reseñas, incluir un formulario para que el cliente deje su opinión y mostrar emblemas de calificación en distintas páginas de temas vintage sin secciones.

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

  1. Desde el panel de control de Shopify, ve a Tienda online > Temas.
  2. Busca el tema que desees editar, haz clic en el botón … para abrir el menú de acciones y, luego, haz clic en Editar código.
  3. En el directorio Templates (Plantillas), abre product.liquid.
  4. Encuentra el área en el código donde deseas que se muestren 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 }}.
  5. 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.
  1. En la aplicación de Shopify, toca el botón ….
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Administrar temas.
  4. Busca el tema que desees editar, haz clic en el botón … para abrir el menú de acciones y, luego, haz clic en Editar código.
  5. En el directorio Templates (Plantillas), abre product.liquid.
  6. Encuentra el área en el código donde deseas que se muestren 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 }}.
  7. 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.
  1. En la aplicación de Shopify, toca el botón ….
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Administrar temas.
  4. Busca el tema que desees editar, haz clic en el botón … para abrir el menú de acciones y, luego, haz clic en Editar código.
  5. En el directorio Templates (Plantillas), abre product.liquid.
  6. Encuentra el área en el código donde deseas que se muestren 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 }}.
  7. 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

  1. Desde el panel de control de Shopify, ve a Tienda online > Temas.
  2. Busca el tema que desees editar, haz clic en el botón … para abrir el menú de acciones y, luego, haz clic en Editar código.

  3. 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.liquidSi 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.

  4. Encuentra el área del código donde deseas que se muestren 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 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.
  1. En la aplicación de Shopify, toca el botón ….
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Administrar temas.
  4. Busca el tema que desees editar, haz clic en el botón … para abrir el menú de acciones y, luego, haz clic en Editar código.

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

  6. Encuentra el área del código donde deseas que se muestren 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 Liquid {{ product.title }}.

  7. 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.
  1. En la aplicación de Shopify, toca el botón ….
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Administrar temas.
  4. Busca el tema que desees editar, haz clic en el botón … para abrir el menú de acciones y, luego, haz clic en Editar código.

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

  6. Encuentra el área del código donde deseas que se muestren 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 Liquid {{ product.title }}.

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

  1. Desde el panel de control de Shopify, ve a Tienda online > Temas.
  2. Busca el tema que desees editar, haz clic en el botón … para abrir el menú de acciones y, luego, haz clic en Editar código.
  3. En el directorio Templates (Plantillas), abre product.liquid.
  4. Encuentra el área del código donde deseas que se muestren 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 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:
<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.
  1. En la aplicación de Shopify, toca el botón ….
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Administrar temas.
  4. Busca el tema que desees editar, haz clic en el botón … para abrir el menú de acciones y, luego, haz clic en Editar código.
  5. En el directorio Templates (Plantillas), abre product.liquid.
  6. Encuentra el área del código donde deseas que se muestren 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 Liquid {{ product.title }}.
  7. 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.
  1. En la aplicación de Shopify, toca el botón ….
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Administrar temas.
  4. Busca el tema que desees editar, haz clic en el botón … para abrir el menú de acciones y, luego, haz clic en Editar código.
  5. En el directorio Templates (Plantillas), abre product.liquid.
  6. Encuentra el área del código donde deseas que se muestren 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 Liquid {{ product.title }}.
  7. 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.

¿Estás listo/a para comenzar a vender con Shopify?

Prueba gratis