การใช้แอปรีวิวสินค้า
หลังจากที่คุณได้ติดตั้งแอป Product Review แล้วคุณสามารถเพิ่มแบบฟอร์มการตรวจสอบไปยังหน้าสินค้าของคุณและตรวจสอบป้ายคะแนนของสินค้าและหน้าคอลเลกชันของคุณได้
ขั้นตอนสำหรับบทแนะนำการใช้งานนี้จะแตกต่างกันไปตามเวอร์ชันสถาปัตยกรรมของธีม
คลิกที่ปุ่มเพื่อดูเวอร์ชันสถาปัตยกรรมของธีม จากนั้นจึงปฏิบัติตามคําแนะนําเพื่อเพิ่มองค์ประกอบการตรวจสอบไปยังร้านค้าออนไลน์ของคุณ
เพิ่มรีวิวและแบบฟอร์มรีวิวในธีม Online Store 2.0
คุณสามารถเพิ่มบล็อกแอปรีวิวและแบบฟอร์มรีวิวในรูปแบบส่วนบนเทมเพลตสินค้าของคุณ หรือในรูปแบบบล็อกในส่วนสินค้าหลักของเทมเพลตสินค้า ตัวเลือกเหล่านี้มีให้ใช้งานในธีม Online Store 2.0 ทั้งหมดจากร้านค้าธีมของ Shopify คุณอาจเพิ่มธีมเหล่านี้ไปยังเทมเพลตหรือส่วนอื่นๆ ได้ ทั้งนี้ก็ขึ้นอยู่กับธีมของคุณ
เพิ่มรีวิวและแบบฟอร์มรีวิวในรูปแบบส่วน
- ในส่วน Shopify admin ให้ไปที่ร้านค้าออนไลน์ > ธีม
- ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกที่ "ปรับแต่ง"
- จากแอป Shopify ให้แตะที่ร้านค้า
- ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
- แตะจัดการธีม
- ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะที่ "ปรับแต่ง"
- แตะที่แก้ไข
- จากแอป Shopify ให้แตะที่ร้านค้า
- ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
- แตะจัดการธีม
- ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะที่ "ปรับแต่ง"
- แตะที่แก้ไข
- ไปยังเทมเพลตสินค้าที่คุณต้องการเพิ่มส่วนรีวิวและแบบฟอร์มรีวิว
- คลิกเพิ่มส่วน
- เลือกบล็อกแอปรีวิวจากเมนูดรอปดาวน์ในส่วนของแอป
- ตัวเลือกเสริม: ย้ายส่วนของแอปไปยังตำแหน่งที่คุณต้องการในหน้านั้นๆ
- คลิกที่บันทึก
เพิ่มรีวิวและแบบฟอร์มรีวิวในรูปแบบบล็อก
- ในส่วน Shopify admin ให้ไปที่ร้านค้าออนไลน์ > ธีม
- ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกที่ "ปรับแต่ง"
- จากแอป Shopify ให้แตะที่ร้านค้า
- ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
- แตะจัดการธีม
- ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะที่ "ปรับแต่ง"
- แตะที่แก้ไข
- จากแอป Shopify ให้แตะที่ร้านค้า
- ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
- แตะจัดการธีม
- ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะที่ "ปรับแต่ง"
- แตะที่แก้ไข
- ไปยังหน้าและส่วนที่คุณต้องการเพิ่มบล็อกรีวิวและแบบฟอร์มรีวิว
- คลิกที่ "เพิ่มบล็อก"
- เลือกบล็อกแอปรีวิวจากเมนูดรอปดาวน์ในส่วนของแอป
- ตัวเลือกเสริม: ย้ายบล็อกรีวิวไปยังตำแหน่งที่คุณต้องการในส่วนนั้นๆ
- คลิกที่บันทึก
เพิ่มการให้ดาวในธีม Online Store 2.0
คุณสามารถเพิ่มการให้ดาวในรูปแบบบล็อกในส่วนสินค้าหลักของเทมเพลตสินค้าได้ ตัวเลือกนี้มีให้ใช้งานในธีม Online Store 2.0 ทั้งหมดจากร้านค้าธีมของ Shopify โดยคุณสามารถเพิ่มธีมเหล่านี้ไปยังส่วนและเทมเพลตอื่นๆ ได้ ทั้งนี้ก็ขึ้นอยู่กับธีมของคุณ
- ในส่วน Shopify admin ให้ไปที่ร้านค้าออนไลน์ > ธีม
- ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกที่ "ปรับแต่ง"
- จากแอป Shopify ให้แตะที่ร้านค้า
- ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
- แตะจัดการธีม
- ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะที่ "ปรับแต่ง"
- แตะที่แก้ไข
- จากแอป Shopify ให้แตะที่ร้านค้า
- ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
- แตะจัดการธีม
- ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะที่ "ปรับแต่ง"
- แตะที่แก้ไข
- ไปยังหน้าและส่วนที่คุณต้องการเพิ่มการให้ดาว
- คลิกที่ "เพิ่มบล็อก"
- เลือกบล็อกแอปการให้ดาวจากเมนูดรอปดาวน์ในส่วนแอป
- ตัวเลือกเสริม: ย้ายบล็อกการให้ดาวไปยังตำแหน่งที่คุณต้องการในส่วนนั้นๆ หรือปรับแต่งสี ขนาด การจัดวาง และบริบทของดาว
- คลิกที่บันทึก
เพิ่มรีวิวและแบบฟอร์มรีวิวลงในหน้าสินค้าของคุณในธีมแบ่งส่วน
ในส่วน Shopify admin ให้ไปที่ร้านค้าออนไลน์ > ธีม
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิก การดำเนินการ > แก้ไขโค้ด
จากแอป Shopify ให้แตะ ร้านค้า
ในส่วนช่องทางการขาย ให้แตะ ร้านค้าออนไลน์
แตะ จัดการธีม
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิก การดำเนินการ > แก้ไขโค้ด
จากแอป Shopify ให้แตะ ร้านค้า
ในส่วนช่องทางการขาย ให้แตะ ร้านค้าออนไลน์
แตะ จัดการธีม
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิก การดำเนินการ > แก้ไขโค้ด
ในไดเรกทอรีส่วน ให้เปิดไฟล์
product-template.liquid
ค้นหาพื้นที่ในรหัสที่คุณต้องการให้รีวิวปรากฏ ซึ่งโดยทั่วไปแล้วจะอยู่ใต้คำอธิบายสินค้า หากต้องการค้นหาคำอธิบายสินค้าของคุณในไฟล์ให้ค้นหาแท็ก Liquid
{{ product.description }}
ที่ด้านล่างของรหัสที่มีแท็ก Liquid
{{ product.description }}
ให้วางส่วนย่อยดังต่อไปนี้:
<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>
การจัดวางโค้ดของคุณอาจมีลักษณะเช่นนี้:
<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>
- คลิกที่บันทึก
เพิ่มป้ายคะแนนการรัวิวลงในหน้าคอลเลกชันของคุณในธีมที่แบ่งส่วน
จากส่วน Shopify admin ให้ไปที่ร้านค้าออนไลน์ > ธีม
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกการดำเนินการ > แก้ไขโค้ด
-
ในไดเรกทอรีส่วนย่อยให้เปิดไฟล์
product-grid-item.liquid
ในบางธีมไฟล์นี้จะมีชื่อที่ต่างออกไป หากคุณไม่สามารถค้นหา
product-grid-item.liquid
ได้ให้ค้นหาอย่างใดอย่างหนึ่งต่อไปนี้:
- product-card-grid.liquid
- product-card.liquid
- product-card-item.liquid
- product-block.liquid
- product-item.liquid
ค้นหาพื้นที่ในรหัสที่คุณต้องการให้มีสัญลักษณ์แสดงคะแนนการรีวิวของคุณปรากฏ โดยทั่วไปแล้วตำแหน่งนี้จะอยู่ด้านล่างชื่อสินค้า หากต้องการค้นหาชื่อสินค้าของคุณในไฟล์ให้ค้นหาแท็ก Liquid
{{ product.title }}
ในบรรทัดใหม่ด้านล่างรหัสที่มีแท็ก Liquid
{{ product.title }}
ให้วางส่วนย่อยดังต่อไปนี้:
<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
การจัดวางโค้ดของคุณอาจมีลักษณะเช่นนี้:
<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>
คุณสามารถทดลองใช้การวางโค้ดในตำแหน่งที่แตกต่างกันในไฟล์เพื่อดูว่าคุณชอบตำแหน่งไหนมากที่สุด
- คลิกที่บันทึก
เพิ่มป้ายคะแนนการรีวิวลงในหน้าสินค้าของคุณในธีมแบ่งส่วน
วิธีเพิ่มป้ายคะแนนการตรวจสอบลงในหน้าสินค้าของคุณ:
ในส่วน Shopify admin ให้ไปที่ร้านค้าออนไลน์ > ธีม
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิก การดำเนินการ > แก้ไขโค้ด
จากแอป Shopify ให้แตะ ร้านค้า
ในส่วนช่องทางการขาย ให้แตะ ร้านค้าออนไลน์
แตะ จัดการธีม
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิก การดำเนินการ > แก้ไขโค้ด
จากแอป Shopify ให้แตะ ร้านค้า
ในส่วนช่องทางการขาย ให้แตะ ร้านค้าออนไลน์
แตะ จัดการธีม
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิก การดำเนินการ > แก้ไขโค้ด
ในไดเรกทอรีส่วน ให้เปิดไฟล์
product-template.liquid
ค้นหาพื้นที่ในรหัสที่คุณต้องการให้มีสัญลักษณ์แสดงคะแนนการรีวิวของคุณปรากฏ โดยทั่วไปแล้วตำแหน่งนี้จะอยู่ด้านล่างชื่อสินค้า หากต้องการค้นหาชื่อสินค้าของคุณในไฟล์ให้ค้นหาแท็ก Liquid
{{ product.title }}
ในบรรทัดใหม่ด้านล่างรหัสที่มีแท็ก Liquid
{{ product.title }}
ให้วางส่วนย่อยดังต่อไปนี้:
<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
การจัดวางโค้ดของคุณอาจมีลักษณะเช่นนี้:
<h1 itemprop="name" class="product-single__title">{{ product.title }}</h1>
<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
คุณสามารถทดลองใช้การวางโค้ดในตำแหน่งที่แตกต่างกันในไฟล์เพื่อดูว่าคุณชอบตำแหน่งไหนมากที่สุด
- คลิกที่บันทึก
เพิ่มตราสัญลักษณ์คะแนนการรีวิวไปยังสินค้าแนะนำของคุณในธีมแบ่งส่วน
หากต้องการเพิ่มป้ายคะแนนการรีวิวลงในสินค้าแนะนำของคุณในหน้าแรก:
ในส่วน Shopify admin ให้ไปที่ร้านค้าออนไลน์ > ธีม
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิก การดำเนินการ > แก้ไขโค้ด
จากแอป Shopify ให้แตะ ร้านค้า
ในส่วนช่องทางการขาย ให้แตะ ร้านค้าออนไลน์
แตะ จัดการธีม
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิก การดำเนินการ > แก้ไขโค้ด
จากแอป Shopify ให้แตะ ร้านค้า
ในส่วนช่องทางการขาย ให้แตะ ร้านค้าออนไลน์
แตะ จัดการธีม
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิก การดำเนินการ > แก้ไขโค้ด
ในไดเรกทอรีส่วนให้เปิดไฟล์
featured-product.liquid
ค้นหาพื้นที่ในรหัสที่คุณต้องการให้มีสัญลักษณ์แสดงคะแนนการรีวิวของคุณปรากฏ โดยทั่วไปแล้วตำแหน่งนี้จะอยู่ด้านล่างชื่อสินค้า หากต้องการค้นหาชื่อสินค้าของคุณในไฟล์ให้ค้นหาแท็ก Liquid
{{ title }}
หากคุณไม่พบแท็ก{{ title }}
ให้ค้นหาแท็ก{{ product.title }}
แทนในบรรทัดใหม่ด้านล่างรหัสที่มีแท็ก Liquid
{{ product.title }}
ให้วางส่วนย่อยดังต่อไปนี้:
<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
การจัดวางโค้ดของคุณอาจมีลักษณะเช่นนี้:
<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 %}
คุณสามารถทดลองใช้การวางโค้ดในตำแหน่งที่แตกต่างกันในไฟล์เพื่อดูว่าคุณชอบตำแหน่งไหนมากที่สุด
- คลิกที่บันทึก
เพิ่มรีวิวและแบบฟอร์มรีวิวลงในหน้าสินค้าของคุณในธีมที่ไม่แบ่งส่วน
วิธีเพิ่มแบบฟอร์มการตรวจสอบไปยังหน้าสินค้าของคุณ:
ในส่วน Shopify admin ให้ไปที่ร้านค้าออนไลน์ > ธีม
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิก การดำเนินการ > แก้ไขโค้ด
จากแอป Shopify ให้แตะ ร้านค้า
ในส่วนช่องทางการขาย ให้แตะ ร้านค้าออนไลน์
แตะ จัดการธีม
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิก การดำเนินการ > แก้ไขโค้ด
จากแอป Shopify ให้แตะ ร้านค้า
ในส่วนช่องทางการขาย ให้แตะ ร้านค้าออนไลน์
แตะ จัดการธีม
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิก การดำเนินการ > แก้ไขโค้ด
ในไดเรกทอรีเทมเพลต ให้เปิด
product.liquid
ค้นหาพื้นที่ในรหัสที่คุณต้องการให้รีวิวปรากฏ ซึ่งโดยทั่วไปแล้วจะอยู่ใต้คำอธิบายสินค้า หากต้องการค้นหาคำอธิบายสินค้าของคุณในไฟล์ให้ค้นหาแท็ก Liquid
{{ product.description }}
ที่ด้านล่างของรหัสที่มีแท็ก Liquid
{{ product.description }}
ให้วางส่วนย่อยดังต่อไปนี้:
<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>
การจัดวางโค้ดของคุณอาจมีลักษณะเช่นนี้:
<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>
- คลิกที่บันทึก
เพิ่มป้ายคะแนนการรีวิวลงในหน้าคอลเลกชันของคุณในธีมที่ไม่แบ่งส่วน
วิธีเพิ่มตราสัญลักษณ์คะแนนการตรวจสอบไปยังหน้าคอลเลกชันของคุณ:
ในส่วน Shopify admin ให้ไปที่ร้านค้าออนไลน์ > ธีม
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิก การดำเนินการ > แก้ไขโค้ด
จากแอป Shopify ให้แตะ ร้านค้า
ในส่วนช่องทางการขาย ให้แตะ ร้านค้าออนไลน์
แตะ จัดการธีม
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิก การดำเนินการ > แก้ไขโค้ด
จากแอป Shopify ให้แตะ ร้านค้า
ในส่วนช่องทางการขาย ให้แตะ ร้านค้าออนไลน์
แตะ จัดการธีม
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิก การดำเนินการ > แก้ไขโค้ด
-
ในไดเรกทอรีส่วนย่อย ให้เปิด
product-grid-item.liquid
ในบางธีมไฟล์นี้จะมีชื่อที่ต่างออกไป หากคุณไม่สามารถค้นหา
product-grid-item.liquid
ได้ให้ค้นหาอย่างใดอย่างหนึ่งต่อไปนี้:
- product-card.liquid
- product-card-item.liquid
- product-block.liquid
หากธีมของคุณไม่มีไฟล์ข้างต้นใดๆ คุณอาจสามารถดูรหัสกริดสินค้าของคุณได้ในไฟล์ collection.liquid
ในไดเรกทอรีเทมเพลต
ค้นหาพื้นที่ในรหัสที่คุณต้องการให้มีสัญลักษณ์แสดงคะแนนการรีวิวของคุณปรากฏ โดยทั่วไปแล้วตำแหน่งนี้จะอยู่ด้านล่างชื่อสินค้า หากต้องการค้นหาชื่อสินค้าของคุณในไฟล์ให้ค้นหาแท็ก Liquid
{{ product.title }}
ในบรรทัดใหม่ด้านล่างรหัสที่มีแท็ก Liquid
{{ product.title }}
ให้วางส่วนย่อยดังต่อไปนี้:
<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
การจัดวางโค้ดของคุณอาจมีลักษณะเช่นนี้:
<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-itemimage" src="{{ product.featured_image.src | img_url: grid_image_width, scale: grid_image_scale }}" alt="{{ product.featured_image.alt }}">
<div class="h4 grid-view-itemtitle">{{ product.title }}</div>
{% if section.settings.show_vendor %}
<div class="grid-view-itemvendor">{{ 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>
คุณสามารถทดลองใช้การวางโค้ดในตำแหน่งที่แตกต่างกันในไฟล์เพื่อดูว่าคุณชอบตำแหน่งไหนมากที่สุด
- คลิกที่บันทึก
เพิ่มป้ายคะแนนการรีวิวลงในหน้าสินค้าของคุณในธีมที่ไม่แบ่งส่วน
วิธีเพิ่มป้ายคะแนนการตรวจสอบลงในหน้าสินค้าของคุณ:
ในส่วน Shopify admin ให้ไปที่ร้านค้าออนไลน์ > ธีม
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิก การดำเนินการ > แก้ไขโค้ด
จากแอป Shopify ให้แตะ ร้านค้า
ในส่วนช่องทางการขาย ให้แตะ ร้านค้าออนไลน์
แตะ จัดการธีม
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิก การดำเนินการ > แก้ไขโค้ด
จากแอป Shopify ให้แตะ ร้านค้า
ในส่วนช่องทางการขาย ให้แตะ ร้านค้าออนไลน์
แตะ จัดการธีม
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิก การดำเนินการ > แก้ไขโค้ด
ในไดเรกทอรีเทมเพลต ให้เปิด
product.liquid
ค้นหาพื้นที่ในรหัสที่คุณต้องการให้มีสัญลักษณ์แสดงคะแนนการรีวิวของคุณปรากฏ โดยทั่วไปแล้วตำแหน่งนี้จะอยู่ด้านล่างชื่อสินค้า หากต้องการค้นหาชื่อสินค้าของคุณในไฟล์ให้ค้นหาแท็ก Liquid
{{ product.title }}
ในบรรทัดใหม่ด้านล่างรหัสที่มีแท็ก Liquid
{{ product.title }}
ให้วางส่วนย่อยดังต่อไปนี้:
<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
การจัดวางโค้ดของคุณอาจมีลักษณะเช่นนี้:
<h1 itemprop="name" class="product-single__title">{{ product.title }}</h1><span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
คุณสามารถทดลองใช้การวางโค้ดในตำแหน่งที่แตกต่างกันในไฟล์เพื่อดูว่าคุณชอบตำแหน่งไหนมากที่สุด
- คลิกที่บันทึก