การใช้แอปรีวิวสินค้า

ไปที่ App Store เพื่อติดตั้ง Product Reviews ให้กับ Shopify

หลังจากที่คุณได้ติดตั้งแอป Product Review แล้วคุณสามารถเพิ่มแบบฟอร์มการตรวจสอบไปยังหน้าสินค้าของคุณและตรวจสอบป้ายคะแนนของสินค้าและหน้าคอลเลกชันของคุณได้

ขั้นตอนสำหรับบทแนะนำการใช้งานนี้จะแตกต่างกันไปตามเวอร์ชันสถาปัตยกรรมของธีม

คลิกที่ปุ่มเพื่อดูเวอร์ชันสถาปัตยกรรมของธีม จากนั้นจึงปฏิบัติตามคําแนะนําเพื่อเพิ่มองค์ประกอบการตรวจสอบไปยังร้านค้าออนไลน์ของคุณ

Online Store 2.0

เพิ่มรีวิวและแบบฟอร์มรีวิวในธีม Online Store 2.0

คุณสามารถเพิ่มบล็อกแอปรีวิวและแบบฟอร์มรีวิวในรูปแบบส่วนบนเทมเพลตสินค้าของคุณ หรือในรูปแบบบล็อกในส่วนสินค้าหลักของเทมเพลตสินค้า ตัวเลือกเหล่านี้มีให้ใช้งานในธีม Online Store 2.0 ทั้งหมดจากร้านค้าธีมของ Shopify คุณอาจเพิ่มธีมเหล่านี้ไปยังเทมเพลตหรือส่วนอื่นๆ ได้ ทั้งนี้ก็ขึ้นอยู่กับธีมของคุณ

เพิ่มรีวิวและแบบฟอร์มรีวิวในรูปแบบส่วน

เดสก์ท็อป

1. ในส่วน Shopify admin ให้ไปที่ร้านค้าออนไลน์ > ธีม
2. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกที่ “ปรับแต่ง”

iPhone

1. จากแอป Shopify ให้แตะที่ร้านค้า
2. ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
3. แตะจัดการธีม
4. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะที่ “ปรับแต่ง”
5. แตะที่แก้ไข

Android

1. จากแอป Shopify ให้แตะที่ร้านค้า
2. ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
3. แตะจัดการธีม
4. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะที่ “ปรับแต่ง”
5. แตะที่แก้ไข

1. ไปยังเทมเพลตสินค้าที่คุณต้องการเพิ่มส่วนรีวิวและแบบฟอร์มรีวิว
2. คลิกเพิ่มส่วน
3. เลือกบล็อกแอปรีวิวจากเมนูดรอปดาวน์ในส่วนของแอป
4. ตัวเลือกเสริม: ย้ายส่วนของแอปไปยังตำแหน่งที่คุณต้องการในหน้านั้นๆ
5. คลิกที่บันทึก

เพิ่มรีวิวและแบบฟอร์มรีวิวในรูปแบบบล็อก

เดสก์ท็อป

1. ในส่วน Shopify admin ให้ไปที่ร้านค้าออนไลน์ > ธีม
2. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกที่ “ปรับแต่ง”

iPhone

1. จากแอป Shopify ให้แตะที่ร้านค้า
2. ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
3. แตะจัดการธีม
4. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะที่ “ปรับแต่ง”
5. แตะที่แก้ไข

Android

1. จากแอป Shopify ให้แตะที่ร้านค้า
2. ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
3. แตะจัดการธีม
4. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะที่ “ปรับแต่ง”
5. แตะที่แก้ไข

1. ไปยังหน้าและส่วนที่คุณต้องการเพิ่มบล็อกรีวิวและแบบฟอร์มรีวิว
2. คลิกที่ “เพิ่มบล็อก”
3. เลือกบล็อกแอปรีวิวจากเมนูดรอปดาวน์ในส่วนของแอป
4. ตัวเลือกเสริม: ย้ายบล็อกรีวิวไปยังตำแหน่งที่คุณต้องการในส่วนนั้นๆ
5. คลิกที่บันทึก

เพิ่มการให้ดาวในธีม Online Store 2.0

คุณสามารถเพิ่มการให้ดาวในรูปแบบบล็อกในส่วนสินค้าหลักของเทมเพลตสินค้าได้ ตัวเลือกนี้มีให้ใช้งานในธีม Online Store 2.0 ทั้งหมดจากร้านค้าธีมของ Shopify โดยคุณสามารถเพิ่มธีมเหล่านี้ไปยังส่วนและเทมเพลตอื่นๆ ได้ ทั้งนี้ก็ขึ้นอยู่กับธีมของคุณ

เดสก์ท็อป

1. ในส่วน Shopify admin ให้ไปที่ร้านค้าออนไลน์ > ธีม
2. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกที่ “ปรับแต่ง”

iPhone

1. จากแอป Shopify ให้แตะที่ร้านค้า
2. ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
3. แตะจัดการธีม
4. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะที่ “ปรับแต่ง”
5. แตะที่แก้ไข

Android

1. จากแอป Shopify ให้แตะที่ร้านค้า
2. ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
3. แตะจัดการธีม
4. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะที่ “ปรับแต่ง”
5. แตะที่แก้ไข

1. ไปยังหน้าและส่วนที่คุณต้องการเพิ่มการให้ดาว
2. คลิกที่ “เพิ่มบล็อก”
3. เลือกบล็อกแอปการให้ดาวจากเมนูดรอปดาวน์ในส่วนแอป
4. ตัวเลือกเสริม: ย้ายบล็อกการให้ดาวไปยังตำแหน่งที่คุณต้องการในส่วนนั้นๆ หรือปรับแต่งสี ขนาด การจัดวาง และบริบทของดาว
5. คลิกที่บันทึก

Vintage sectioned themes

เพิ่มรีวิวและแบบฟอร์มรีวิวลงในหน้าสินค้าของคุณในธีมแบ่งส่วน

เดสก์ท็อป

1. ในส่วน Shopify admin ให้ไปที่ร้านค้าออนไลน์ > ธีม

2. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิก การดำเนินการ > แก้ไขโค้ด

iPhone

1. จากแอป Shopify ให้แตะ ร้านค้า

2. ในส่วนช่องทางการขาย ให้แตะ ร้านค้าออนไลน์

3. แตะ จัดการธีม

4. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิก การดำเนินการ > แก้ไขโค้ด

Android

1. จากแอป Shopify ให้แตะ ร้านค้า

2. ในส่วนช่องทางการขาย ให้แตะ ร้านค้าออนไลน์

3. แตะ จัดการธีม

4. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิก การดำเนินการ > แก้ไขโค้ด

1. ในไดเรกทอรีส่วน ให้เปิดไฟล์ product-template.liquid

2. ค้นหาพื้นที่ในรหัสที่คุณต้องการให้รีวิวปรากฏ ซึ่งโดยทั่วไปแล้วจะอยู่ใต้คำอธิบายสินค้า หากต้องการค้นหาคำอธิบายสินค้าของคุณในไฟล์ให้ค้นหาแท็ก Liquid{{ product.description }}

3. ที่ด้านล่างของรหัสที่มีแท็ก 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>

1. คลิกที่บันทึก

เพิ่มป้ายคะแนนการรัวิวลงในหน้าคอลเลกชันของคุณในธีมที่แบ่งส่วน

1. จากส่วน Shopify admin ให้ไปที่ร้านค้าออนไลน์ > ธีม

2. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกการดำเนินการ > แก้ไขโค้ด

3. ในไดเรกทอรีส่วนย่อยให้เปิดไฟล์product-grid-item.liquid

4. ค้นหาพื้นที่ในรหัสที่คุณต้องการให้มีสัญลักษณ์แสดงคะแนนการรีวิวของคุณปรากฏ โดยทั่วไปแล้วตำแหน่งนี้จะอยู่ด้านล่างชื่อสินค้า หากต้องการค้นหาชื่อสินค้าของคุณในไฟล์ให้ค้นหาแท็ก Liquid {{ product.title }}

5. ในบรรทัดใหม่ด้านล่างรหัสที่มีแท็ก 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.

1. คลิกที่บันทึก

เพิ่มป้ายคะแนนการรีวิวลงในหน้าสินค้าของคุณในธีมแบ่งส่วน

วิธีเพิ่มป้ายคะแนนการตรวจสอบลงในหน้าสินค้าของคุณ:

เดสก์ท็อป

1. ในส่วน Shopify admin ให้ไปที่ร้านค้าออนไลน์ > ธีม

2. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิก การดำเนินการ > แก้ไขโค้ด

iPhone

1. จากแอป Shopify ให้แตะ ร้านค้า

2. ในส่วนช่องทางการขาย ให้แตะ ร้านค้าออนไลน์

3. แตะ จัดการธีม

4. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิก การดำเนินการ > แก้ไขโค้ด

Android

1. จากแอป Shopify ให้แตะ ร้านค้า

2. ในส่วนช่องทางการขาย ให้แตะ ร้านค้าออนไลน์

3. แตะ จัดการธีม

4. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิก การดำเนินการ > แก้ไขโค้ด

1. ในไดเรกทอรีส่วน ให้เปิดไฟล์ product-template.liquid

2. ค้นหาพื้นที่ในรหัสที่คุณต้องการให้มีสัญลักษณ์แสดงคะแนนการรีวิวของคุณปรากฏ โดยทั่วไปแล้วตำแหน่งนี้จะอยู่ด้านล่างชื่อสินค้า หากต้องการค้นหาชื่อสินค้าของคุณในไฟล์ให้ค้นหาแท็ก Liquid {{ product.title }}

3. ในบรรทัดใหม่ด้านล่างรหัสที่มีแท็ก 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.

1. คลิกที่บันทึก

เพิ่มตราสัญลักษณ์คะแนนการรีวิวไปยังสินค้าแนะนำของคุณในธีมแบ่งส่วน

หมายเหตุ

หากคุณกำลังใช้ธีม Venture เราไม่แนะนำให้วางป้ายคะแนนรีวิวในสินค้าแนะนำของคุณ

หากต้องการเพิ่มป้ายคะแนนการรีวิวลงในสินค้าแนะนำของคุณในหน้าแรก:

เดสก์ท็อป

1. ในส่วน Shopify admin ให้ไปที่ร้านค้าออนไลน์ > ธีม

2. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิก การดำเนินการ > แก้ไขโค้ด

iPhone

1. จากแอป Shopify ให้แตะ ร้านค้า

2. ในส่วนช่องทางการขาย ให้แตะ ร้านค้าออนไลน์

3. แตะ จัดการธีม

4. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิก การดำเนินการ > แก้ไขโค้ด

Android

1. จากแอป Shopify ให้แตะ ร้านค้า

2. ในส่วนช่องทางการขาย ให้แตะ ร้านค้าออนไลน์

3. แตะ จัดการธีม

4. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิก การดำเนินการ > แก้ไขโค้ด

1. ในไดเรกทอรีส่วนให้เปิดไฟล์featured-product.liquid

2. ค้นหาพื้นที่ในรหัสที่คุณต้องการให้มีสัญลักษณ์แสดงคะแนนการรีวิวของคุณปรากฏ โดยทั่วไปแล้วตำแหน่งนี้จะอยู่ด้านล่างชื่อสินค้า หากต้องการค้นหาชื่อสินค้าของคุณในไฟล์ให้ค้นหาแท็ก Liquid {{ title }} หากคุณไม่พบแท็ก {{ title }} ให้ค้นหาแท็ก {{ product.title }} แทน

3. ในบรรทัดใหม่ด้านล่างรหัสที่มีแท็ก 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.

1. คลิกที่บันทึก

Vintage non-sectioned themes

เพิ่มรีวิวและแบบฟอร์มรีวิวลงในหน้าสินค้าของคุณในธีมที่ไม่แบ่งส่วน

วิธีเพิ่มแบบฟอร์มการตรวจสอบไปยังหน้าสินค้าของคุณ:

เดสก์ท็อป

1. ในส่วน Shopify admin ให้ไปที่ร้านค้าออนไลน์ > ธีม

2. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิก การดำเนินการ > แก้ไขโค้ด

iPhone

1. จากแอป Shopify ให้แตะ ร้านค้า

2. ในส่วนช่องทางการขาย ให้แตะ ร้านค้าออนไลน์

3. แตะ จัดการธีม

4. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิก การดำเนินการ > แก้ไขโค้ด

Android

1. จากแอป Shopify ให้แตะ ร้านค้า

2. ในส่วนช่องทางการขาย ให้แตะ ร้านค้าออนไลน์

3. แตะ จัดการธีม

4. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิก การดำเนินการ > แก้ไขโค้ด

1. ในไดเรกทอรีเทมเพลต ให้เปิด product.liquid

2. ค้นหาพื้นที่ในรหัสที่คุณต้องการให้รีวิวปรากฏ ซึ่งโดยทั่วไปแล้วจะอยู่ใต้คำอธิบายสินค้า หากต้องการค้นหาคำอธิบายสินค้าของคุณในไฟล์ให้ค้นหาแท็ก Liquid{{ product.description }}

3. ที่ด้านล่างของรหัสที่มีแท็ก 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>

1. คลิกที่บันทึก

เพิ่มป้ายคะแนนการรีวิวลงในหน้าคอลเลกชันของคุณในธีมที่ไม่แบ่งส่วน

วิธีเพิ่มตราสัญลักษณ์คะแนนการตรวจสอบไปยังหน้าคอลเลกชันของคุณ:

เดสก์ท็อป

1. ในส่วน Shopify admin ให้ไปที่ร้านค้าออนไลน์ > ธีม

2. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิก การดำเนินการ > แก้ไขโค้ด

iPhone

1. จากแอป Shopify ให้แตะ ร้านค้า

2. ในส่วนช่องทางการขาย ให้แตะ ร้านค้าออนไลน์

3. แตะ จัดการธีม

4. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิก การดำเนินการ > แก้ไขโค้ด

Android

1. จากแอป Shopify ให้แตะ ร้านค้า

2. ในส่วนช่องทางการขาย ให้แตะ ร้านค้าออนไลน์

3. แตะ จัดการธีม

4. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิก การดำเนินการ > แก้ไขโค้ด

1. ในไดเรกทอรีส่วนย่อย ให้เปิด product-grid-item.liquid

2. ค้นหาพื้นที่ในรหัสที่คุณต้องการให้มีสัญลักษณ์แสดงคะแนนการรีวิวของคุณปรากฏ โดยทั่วไปแล้วตำแหน่งนี้จะอยู่ด้านล่างชื่อสินค้า หากต้องการค้นหาชื่อสินค้าของคุณในไฟล์ให้ค้นหาแท็ก Liquid {{ product.title }}

3. ในบรรทัดใหม่ด้านล่างรหัสที่มีแท็ก 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.

1. คลิกที่บันทึก

เพิ่มป้ายคะแนนการรีวิวลงในหน้าสินค้าของคุณในธีมที่ไม่แบ่งส่วน

วิธีเพิ่มป้ายคะแนนการตรวจสอบลงในหน้าสินค้าของคุณ:

เดสก์ท็อป

1. ในส่วน Shopify admin ให้ไปที่ร้านค้าออนไลน์ > ธีม

2. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิก การดำเนินการ > แก้ไขโค้ด

iPhone

1. จากแอป Shopify ให้แตะ ร้านค้า

2. ในส่วนช่องทางการขาย ให้แตะ ร้านค้าออนไลน์

3. แตะ จัดการธีม

4. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิก การดำเนินการ > แก้ไขโค้ด

Android

1. จากแอป Shopify ให้แตะ ร้านค้า

2. ในส่วนช่องทางการขาย ให้แตะ ร้านค้าออนไลน์

3. แตะ จัดการธีม

4. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิก การดำเนินการ > แก้ไขโค้ด

1. ในไดเรกทอรีเทมเพลต ให้เปิด product.liquid

2. ค้นหาพื้นที่ในรหัสที่คุณต้องการให้มีสัญลักษณ์แสดงคะแนนการรีวิวของคุณปรากฏ โดยทั่วไปแล้วตำแหน่งนี้จะอยู่ด้านล่างชื่อสินค้า หากต้องการค้นหาชื่อสินค้าของคุณในไฟล์ให้ค้นหาแท็ก Liquid {{ product.title }}

3. ในบรรทัดใหม่ด้านล่างรหัสที่มีแท็ก 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.

1. คลิกที่บันทึก