Sử dụng ứng dụng Product Reviews
Sau khi đã cài đặt ứng dụng Product Reviews, bạn có thể thêm biểu mẫu đánh giá vào trang sản phẩm, thêm huy hiệu điểm đánh giá vào trang sản phẩm và trang bộ sưu tập.
Các bước hướng dẫn này sẽ khác nhau tùy thuộc vào phiên bản cấu trúc chủ đề.
Nhấp vào nút của phiên bản cấu trúc chủ đề, làm theo hướng dẫn để thêm phần tử đánh giá vào cửa hàng trực tuyến.
Thêm đánh giá và biểu mẫu đánh giá trong chủ đề Online Store 2.0
Bạn có thể thêm khối ứng dụng đánh giá và biểu mẫu đánh giá dưới dạng mục trên mẫu sản phẩm hoặc dưới dạng khối trong mục sản phẩm chính của mẫu sản phẩm. Các tùy chọn này đều có trong tất cả chủ đề Online Store 2.0 trên Cửa hàng chủ đề Shopify. Bạn có thể thêm vào các mẫu hoặc mục khác, tùy thuộc vào chủ đề.
Thêm đánh giá và biểu mẫu đánh giá dưới dạng mục
- Trong phần Shopify admin (Quản trị viên Shopify), vào mục Cửa hàng trực tuyến > Chủ đề.
- Tìm chủ đề bạn muốn chỉnh sửa và nhấp vào Customize (Tùy chỉnh).
- Trong ứng dụng Shopify, chạm vào Cửa hàng.
- Trong phần Sales channels (Kênh bán hàng), nhấn vào Cửa hàng trực tuyến.
- Nhấn vào Manage themes (Quản lý chủ đề).
- Tìm chủ đề bạn muốn chỉnh sửa và chạm vào Customize (Tùy chỉnh).
- Chạm vào Edit (Chỉnh sửa).
- Trong ứng dụng Shopify, chạm vào Cửa hàng.
- Trong phần Sales channels (Kênh bán hàng), nhấn vào Cửa hàng trực tuyến.
- Nhấn vào Manage themes (Quản lý chủ đề).
- Tìm chủ đề bạn muốn chỉnh sửa và chạm vào Customize (Tùy chỉnh).
- Chạm vào Edit (Chỉnh sửa).
- Chuyển đến mẫu sản phẩm mà bạn muốn thêm mục đánh giá và biểu mẫu đánh giá.
- Nhấp vào Add section (Thêm mục).
- Trong menu thả xuống, chọn khối ứng dụng Đánh giá trong mục Ứng dụng.
- Không bắt buộc: Chuyển mục ứng dụng đến vị trí bạn muốn hiển thị trên trang.
- Nhấp vào Save (Lưu).
Thêm đánh giá và biểu mẫu đánh giá dưới dạng khối
- Trong phần Shopify admin (Quản trị viên Shopify), vào mục Cửa hàng trực tuyến > Chủ đề.
- Tìm chủ đề bạn muốn chỉnh sửa và nhấp vào Customize (Tùy chỉnh).
- Trong ứng dụng Shopify, chạm vào Cửa hàng.
- Trong phần Sales channels (Kênh bán hàng), nhấn vào Cửa hàng trực tuyến.
- Nhấn vào Manage themes (Quản lý chủ đề).
- Tìm chủ đề bạn muốn chỉnh sửa và chạm vào Customize (Tùy chỉnh).
- Chạm vào Edit (Chỉnh sửa).
- Trong ứng dụng Shopify, chạm vào Cửa hàng.
- Trong phần Sales channels (Kênh bán hàng), nhấn vào Cửa hàng trực tuyến.
- Nhấn vào Manage themes (Quản lý chủ đề).
- Tìm chủ đề bạn muốn chỉnh sửa và chạm vào Customize (Tùy chỉnh).
- Chạm vào Edit (Chỉnh sửa).
- Chuyển đến trang và mục bạn muốn thêm khối đánh giá và biểu mẫu đánh giá.
- Nhấp vào Thêm khối.
- Trong menu thả xuống, chọn khối ứng dụng Đánh giá trong mục Ứng dụng.
- Không bắt buộc: Chuyển khối Đánh giá đến vị trí bạn muốn hiển thị trong mục.
- Nhấp vào Save (Lưu).
Thêm xếp hạng sao trong chủ đề Online Store 2.0
Bạn có thể thêm xếp hạng sao dưới dạng khối trong mục sản phẩm chính của mẫu sản phẩm. Tùy chọn này có sẵn trong tất cả chủ đề Online Store 2.0 trên Cửa hàng chủ đề Shopify. Bạn có thể thêm vào các mục và mẫu khác, tùy thuộc vào chủ đề.
- Trong phần Shopify admin (Quản trị viên Shopify), vào mục Cửa hàng trực tuyến > Chủ đề.
- Tìm chủ đề bạn muốn chỉnh sửa và nhấp vào Customize (Tùy chỉnh).
- Trong ứng dụng Shopify, chạm vào Cửa hàng.
- Trong phần Sales channels (Kênh bán hàng), nhấn vào Cửa hàng trực tuyến.
- Nhấn vào Manage themes (Quản lý chủ đề).
- Tìm chủ đề bạn muốn chỉnh sửa và chạm vào Customize (Tùy chỉnh).
- Chạm vào Edit (Chỉnh sửa).
- Trong ứng dụng Shopify, chạm vào Cửa hàng.
- Trong phần Sales channels (Kênh bán hàng), nhấn vào Cửa hàng trực tuyến.
- Nhấn vào Manage themes (Quản lý chủ đề).
- Tìm chủ đề bạn muốn chỉnh sửa và chạm vào Customize (Tùy chỉnh).
- Chạm vào Edit (Chỉnh sửa).
- Chuyển đến trang và mục bạn muốn thêm vào xếp hạng sao.
- Nhấp vào Thêm khối.
- Trong menu thả xuống, chọn khối ứng dụng Xếp hạng sao trong mục Ứng dụng.
- Không bắt buộc: Chuyển khối Xếp hạng sao đến vị trí bạn muốn hiển thị trong mục hoặc tùy chỉnh màu sao, cỡ sao, vị trí và ngữ cảnh.
- Nhấp vào Save (Lưu).
Thêm đánh giá và biểu mẫu đánh giá vào trang sản phẩm trong chủ đề có phân mục
Trong trang quản trị Shopify, vào mục Cửa hàng trực tuyến > Chủ đề.
Tìm chủ đề bạn muốn chỉnh sửa, nhấp vào nút ... để mở menu thao tác, sau đó nhấp vào Chỉnh sửa mã.
Trong ứng dụng Shopify, chạm vào Cửa hàng.
Trong phần Kênh bán hàng, chạm vào Cửa hàng trực tuyến.
Chạm vào Manage themes (Quản lý chủ đề).
Tìm chủ đề bạn muốn chỉnh sửa, nhấp vào nút ... để mở menu thao tác, sau đó nhấp vào Chỉnh sửa mã.
Trong ứng dụng Shopify, chạm vào Cửa hàng.
Trong phần Kênh bán hàng, chạm vào Cửa hàng trực tuyến.
Chạm vào Manage themes (Quản lý chủ đề).
Tìm chủ đề bạn muốn chỉnh sửa, nhấp vào nút ... để mở menu thao tác, sau đó nhấp vào Chỉnh sửa mã.
Trong thư mục Sections, mở
product-template.liquid
.Tìm vùng trong mã mà bạn muốn hiển thị nội dung đánh giá. Vị trí này thường ở bên dưới phần mô tả sản phẩm. Để thấy nội dung mô tả sản phẩm trong tệp, hãy tìm kiếm thẻ Liquid
{{ product.description }}
.Dán đoạn mã sau bên dưới mã có chứa thẻ Liquid
{{ product.description }}
:
<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>
- Nhấp vào Save (Lưu).
Thêm huy hiệu điểm đánh giá vào trang bộ sưu tập trong các chủ đề có phân mục
Trên trang quản trị Shopify, vào mục Cửa hàng trực tuyến > Chủ đề.
Tìm chủ đề bạn muốn chỉnh sửa, rồi nhấp vào Actions (Thao tác) > Edit code (Chỉnh sửa mã).
Trong thư mục Snippets, mở tệp
product-grid-item.liquid
.Tìm vị trí trong mã mà bạn muốn hiển thị huy hiệu điểm đánh giá. Vị trí này thường là ở bên dưới tiêu đề sản phẩm. Để tìm tiêu đề sản phẩm trong tệp, tìm thẻ Liquid
{{ product.title }}
.Dán đoạn mã sau vào dòng mới bên dưới mã có chứa thẻ Liquid
{{ product.title }}
:
<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.
- Nhấp vào Save (Lưu).
Thêm huy hiệu điểm đánh giá vào trang sản phẩm trong chủ đề có phân mục
Cách thêm huy hiệu điểm đánh giá vào trang sản phẩm:
Trong trang quản trị Shopify, vào mục Cửa hàng trực tuyến > Chủ đề.
Tìm chủ đề bạn muốn chỉnh sửa, nhấp vào nút ... để mở menu thao tác, sau đó nhấp vào Chỉnh sửa mã.
Trong ứng dụng Shopify, chạm vào Cửa hàng.
Trong phần Kênh bán hàng, chạm vào Cửa hàng trực tuyến.
Chạm vào Manage themes (Quản lý chủ đề).
Tìm chủ đề bạn muốn chỉnh sửa, nhấp vào nút ... để mở menu thao tác, sau đó nhấp vào Chỉnh sửa mã.
Trong ứng dụng Shopify, chạm vào Cửa hàng.
Trong phần Kênh bán hàng, chạm vào Cửa hàng trực tuyến.
Chạm vào Manage themes (Quản lý chủ đề).
Tìm chủ đề bạn muốn chỉnh sửa, nhấp vào nút ... để mở menu thao tác, sau đó nhấp vào Chỉnh sửa mã.
Trong thư mục Sections, mở
product-template.liquid
.Tìm vị trí trong mã mà bạn muốn hiển thị huy hiệu điểm đánh giá. Vị trí này thường ở bên dưới tiêu đề sản phẩm. Để tìm tiêu đề sản phẩm trong tệp, tìm thẻ Liquid
{{ product.title }}
.Dán đoạn mã sau vào dòng mới bên dưới mã có chứa thẻ Liquid
{{ product.title }}
:
<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.
- Nhấp vào Save (Lưu).
Thêm huy hiệu điểm đánh giá cho sản phẩm nổi bật trong chủ đề có phân mục
Cách thêm huy hiệu điểm đánh giá vào sản phẩm nổi bật trên trang chủ:
Trong trang quản trị Shopify, vào mục Cửa hàng trực tuyến > Chủ đề.
Tìm chủ đề bạn muốn chỉnh sửa, nhấp vào nút ... để mở menu thao tác, sau đó nhấp vào Chỉnh sửa mã.
Trong ứng dụng Shopify, chạm vào Cửa hàng.
Trong phần Kênh bán hàng, chạm vào Cửa hàng trực tuyến.
Chạm vào Manage themes (Quản lý chủ đề).
Tìm chủ đề bạn muốn chỉnh sửa, nhấp vào nút ... để mở menu thao tác, sau đó nhấp vào Chỉnh sửa mã.
Trong ứng dụng Shopify, chạm vào Cửa hàng.
Trong phần Kênh bán hàng, chạm vào Cửa hàng trực tuyến.
Chạm vào Manage themes (Quản lý chủ đề).
Tìm chủ đề bạn muốn chỉnh sửa, nhấp vào nút ... để mở menu thao tác, sau đó nhấp vào Chỉnh sửa mã.
Trong thư mục Sections, mở tệp
featured-product.liquid
.Tìm vị trí trong đoạn mã mà bạn muốn hiển thị huy hiệu điểm đánh giá. Vị trí này thường là ở bên dưới tiêu đề sản phẩm. Để tìm tiêu đề sản phẩm trong tệp, tìm thẻ Liquid
{{ title }}
. Nếu bạn không tìm thấy thẻ{{ title }}
, hãy tìm thẻ{{ product.title }}
.Dán đoạn mã sau vào dòng mới bên dưới mã có chứa thẻ Liquid
{{ product.title }}
:
<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.
- Nhấp vào Save (Lưu).
Thêm đánh giá và biểu mẫu đánh giá vào trang sản phẩm trong chủ đề không phân mục
Cách thêm biểu mẫu đánh giá vào trang sản phẩm:
Trong trang quản trị Shopify, vào mục Cửa hàng trực tuyến > Chủ đề.
Tìm chủ đề bạn muốn chỉnh sửa, nhấp vào nút ... để mở menu thao tác, sau đó nhấp vào Chỉnh sửa mã.
Trong ứng dụng Shopify, chạm vào Cửa hàng.
Trong phần Kênh bán hàng, chạm vào Cửa hàng trực tuyến.
Chạm vào Manage themes (Quản lý chủ đề).
Tìm chủ đề bạn muốn chỉnh sửa, nhấp vào nút ... để mở menu thao tác, sau đó nhấp vào Chỉnh sửa mã.
Trong ứng dụng Shopify, chạm vào Cửa hàng.
Trong phần Kênh bán hàng, chạm vào Cửa hàng trực tuyến.
Chạm vào Manage themes (Quản lý chủ đề).
Tìm chủ đề bạn muốn chỉnh sửa, nhấp vào nút ... để mở menu thao tác, sau đó nhấp vào Chỉnh sửa mã.
Trong thư mục Templates, mở
product.liquid
.Tìm vùng trong mã mà bạn muốn hiển thị nội dung đánh giá. Vị trí này thường ở bên dưới phần mô tả sản phẩm. Để thấy nội dung mô tả sản phẩm trong tệp, hãy tìm kiếm thẻ Liquid
{{ product.description }}
.Dán đoạn mã sau bên dưới mã có chứa thẻ Liquid
{{ product.description }}
:
<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>
- Nhấp vào Save (Lưu).
Thêm huy hiệu điểm đánh giá vào trang bộ sưu tập trong chủ đề không phân mục
Cách thêm huy hiệu điểm đánh giá vào trang bộ sưu tập:
Trong trang quản trị Shopify, vào mục Cửa hàng trực tuyến > Chủ đề.
Tìm chủ đề bạn muốn chỉnh sửa, nhấp vào nút ... để mở menu thao tác, sau đó nhấp vào Chỉnh sửa mã.
Trong ứng dụng Shopify, chạm vào Cửa hàng.
Trong phần Kênh bán hàng, chạm vào Cửa hàng trực tuyến.
Chạm vào Manage themes (Quản lý chủ đề).
Tìm chủ đề bạn muốn chỉnh sửa, nhấp vào nút ... để mở menu thao tác, sau đó nhấp vào Chỉnh sửa mã.
Trong ứng dụng Shopify, chạm vào Cửa hàng.
Trong phần Kênh bán hàng, chạm vào Cửa hàng trực tuyến.
Chạm vào Manage themes (Quản lý chủ đề).
Tìm chủ đề bạn muốn chỉnh sửa, nhấp vào nút ... để mở menu thao tác, sau đó nhấp vào Chỉnh sửa mã.
Trong thư mục Snippets, mở
product-grid-item.liquid
.Tìm vị trí trong mã mà bạn muốn hiển thị huy hiệu điểm đánh giá. Vị trí này thường là ở bên dưới tiêu đề sản phẩm. Để tìm tiêu đề sản phẩm trong tệp, tìm thẻ Liquid
{{ product.title }}
.Dán đoạn mã sau vào dòng mới bên dưới mã có chứa thẻ Liquid
{{ product.title }}
:
<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.
- Nhấp vào Save (Lưu).
Thêm huy hiệu điểm đánh giá vào trang sản phẩm trong chủ đề không phân mục
Cách thêm huy hiệu điểm đánh giá vào trang sản phẩm:
Trong trang quản trị Shopify, vào mục Cửa hàng trực tuyến > Chủ đề.
Tìm chủ đề bạn muốn chỉnh sửa, nhấp vào nút ... để mở menu thao tác, sau đó nhấp vào Chỉnh sửa mã.
Trong ứng dụng Shopify, chạm vào Cửa hàng.
Trong phần Kênh bán hàng, chạm vào Cửa hàng trực tuyến.
Chạm vào Manage themes (Quản lý chủ đề).
Tìm chủ đề bạn muốn chỉnh sửa, nhấp vào nút ... để mở menu thao tác, sau đó nhấp vào Chỉnh sửa mã.
Trong ứng dụng Shopify, chạm vào Cửa hàng.
Trong phần Kênh bán hàng, chạm vào Cửa hàng trực tuyến.
Chạm vào Manage themes (Quản lý chủ đề).
Tìm chủ đề bạn muốn chỉnh sửa, nhấp vào nút ... để mở menu thao tác, sau đó nhấp vào Chỉnh sửa mã.
Trong thư mục Templates, mở
product.liquid
.Tìm vị trí trong mã mà bạn muốn hiển thị huy hiệu điểm đánh giá. Vị trí này thường ở bên dưới tiêu đề sản phẩm. Để tìm tiêu đề sản phẩm trong tệp, tìm thẻ Liquid
{{ product.title }}
.Dán đoạn mã sau vào dòng mới bên dưới mã có chứa thẻ Liquid
{{ product.title }}
:
<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.
- Nhấp vào Save (Lưu).