Supply

Supply เป็นธีมที่สบายตาและใช้งานได้ง่ายซึ่งเหมาะกับผู้ขายที่มีสินค้าคงคลังขนาดใหญ่และมีคอลเลกชันจำนวนมาก ฟีเจอร์ต่างๆ ได้แก่ ส่วนนำทางที่เห็นได้ง่าย คอลเลกชันบนหน้าแรกแบบหลายรายการ การกรองแบบแถบด้านข้าง และทำงานร่วมกับแอปรีวิวสินค้าได้อย่างง่ายดาย

ตัวอย่างร้านค้าออนไลน์ที่ใช้ Supply

Supply นั้นเหมาะกับคุณ หากต้องการสิ่งต่อไปนี้:

  • มีสินค้ามากกว่า 50 รายการ
  • มีคอลเลกชันมากกว่า 5 รายการ
  • เมนูขนาดใหญ่

เครื่องมือแก้ไขธีม

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

คุณสามารถใช้งานส่วนเพื่อแก้ไขเนื้อหาและเลย์เอาต์ของหน้าต่างๆ ในร้านค้าของคุณ และคุณยังสามารถใช้งานการตั้งค่าธีมเพื่อกำหนดสีและแบบอักษรในร้านค้าของคุณ รวมถึงแก้ไขลิงก์โซเชียลมีเดียและการตั้งค่าการชำระเงิน

ส่วนคือชุดเนื้อหาที่สามารถปรับแต่งได้ซึ่งกำหนดเลย์เอาต์ของหน้าต่างๆ ในร้านค้าออนไลน์ของคุณ

  • ส่วนหน้าแรกมีฟีเจอร์ต่างๆ เช่น สไลด์โชว์หรือการสมัครรับจดหมายข่าว ซึ่งคุณสามารถเพิ่ม จัดเรียงใหม่ หรือลบออกได้ คุณสามารถมีส่วนได้สูงสุดถึง 25 ส่วนในหน้าแรกของคุณ

  • หน้าแต่ละประเภทจะมีส่วนเป็นของตัวเอง ตัวอย่างเช่น ส่วนหน้าสินค้าจะกำหนดเลย์เอาต์หน้าสินค้าแต่ละหน้าในร้านค้าออนไลน์ของคุณ

  • ส่วนที่เป็นหน้าต่างๆ จะอยู่ในตำแหน่งใดตำแหน่งหนึ่งบนร้านค้าออนไลน์ของคุณ คุณสามารถปรับแต่งส่วนของหน้าต่างๆ ได้ แต่จะไม่สามารถจัดเรียงหน้าต่างๆ ใหม่หรือลบหน้าต่างๆ ออกได้

  • แต่ละธีมจะมีส่วนบังคับ เช่น ส่วนหัว และส่วนท้าย ซึ่งแสดงอยู่ในทุกๆ หน้าบนร้านค้าออนไลน์ของคุณ

คุณสามารถดูข้อมูลเกี่ยวกับตัวเลือกส่วนและวิธีการปรับแต่งส่วนที่แตกต่างของSupplyเพื่อให้เหมาะกับธุรกิจของคุณ

Supply ประกอบด้วยส่วนคงที่ต่อไปนี้:

  • ส่วนหัว
  • ส่วนท้าย
  • หน้าสินค้า
  • หน้าคอลเลกชัน
  • หน้ารายการคอลเลกชัน
  • หน้าบทความ

ส่วนไดนามิก

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

Supply ประกอบด้วยส่วนไดนามิกต่อไปนี้:

  • โพสต์บล็อก
  • รายการคอลเลกชัน
  • คอลเลกชันแนะนำ
  • รูปภาพพร้อมข้อความ
  • สไลด์โชว์
  • สินค้าที่แนะนำ
  • จดหมายข่าว
  • แผนที่
  • Rich Text
  • วิดีโอ
  • เนื้อหาแบบกำหนดเอง

ส่วนหัว

Supply ประกอบด้วยการตั้งค่าเฉพาะตัวสำหรับส่วนหัวของร้านค้าคุณ คุณสามารถเลือกเมนูที่จะปรากฏบนส่วนหัว อัปโหลดโลโก้ และแสดงข้อความให้ลูกค้าเห็นได้

วิธีปรับแต่งส่วนหัว:

  1. คลิกที่แท็บ ส่วนต่างๆ

  2. คลิกที่ หัวเรื่อง

  3. เลือกเมนูที่ต้องการแสดงจากรายการเมนู

โลโก้

คุณสามารถใส่โลโก้ในส่วนหัวของร้านค้าโดยใช้ Supply ได้ หากคุณใช้โลโก้แบบกำหนดเอง รูปแบบที่ดีที่สุดคือ ไฟล์ .png ที่มีพื้นหลังโปร่งใส

Supply จะเข้ากันได้ดีกับโลโก้ที่มีความกว้าง 400 พิกเซล คุณสามารถปรับเปลี่ยนความกว้างรูปภาพได้โดยใช้ช่องความกว้างโลโก้แบบกำหนดเอง ห้ามเพิ่มค่าความกว้างเกินกว่าความกว้างดั้งเดิมของรูปภาพโลโก้ หากทำเช่นนั้น จะทำให้รูปภาพผิดเพี้ยนไปและสูญเสียคุณภาพ

ข้อความ

คุณสามารถใส่ข้อความในส่วนหัวของร้านค้าได้สูงสุดถึง 55 ตัวอักษรโดยใช้ Supply ข้อความนี้ปรากฏเหนือแถบค้นหา

เช่น คุณสามารถใส่ข้อความต้อนรับ โฆษณาการลดราคาหรือคอลเลกชันใหม่ หรือแจ้งให้ลูกค้าทราบเกี่ยวกับความล่าช้าในการจัดส่งได้

วิธีเพิ่มข้อความส่วนหัว:

  1. ในบริเวณของข้อความ ให้ใส่ข้อความส่วนหัว

  2. สามารถปรับข้อความบางส่วนเป็นตัวหนาหรือตัวเอียงได้ตามสะดวก

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

ส่วนท้าย

ในส่วนของส่วนท้าย คุณสามารถแก้ไขเนื้อหาที่ปรากฏด้านล่างในทุกหน้าของร้านค้าได้ คุณสามารถเพิ่มฟีเจอร์ต่อไปนี้ในส่วนท้ายได้:

  • ไอคอนโซเชียลมีเดีย
  • ไอคอนการชำระเงิน
  • เมนูแนวนอน
  • การสมัครรับจดหมายข่าว
  • ข้อความแบบกำหนดเอง
  • ลิงก์ด่วน

ส่วนท้ายของเว็บไซต์ที่แสดงเมนูลิงก์ด่วน ข้อมูลติดต่อ การสมัครรับจดหมายข่าว เมนูแนวนอน ข้อความแสดงลิขสิทธิ์ และไอคอนการชำระเงิน

วิธีปรับแต่งส่วนของส่วนท้าย:

  1. ถัดจาก Supply ให้คลิกที่ ปรับแต่ง

  2. คลิกที่ ส่วน

  3. คลิกที่ ส่วนท้าย

  4. แสดงไอคอนโซเชียลมีเดียในส่วนท้ายของคุณโดยทำเครื่องหมายที่แสดงไอคอนโซเชียลมีเดีย เลือกบัญชีผู้ใช้ที่เชื่อมโยงจากการตั้งค่าธีมโซเชียลมีเดีย

  5. เพิ่มไอคอนการชำระเงิน เช่น Mastercard หรือ PayPal ไปยังส่วนท้ายโดยทำเครื่องหมายที่แสดงไอคอนการชำระเงิน

  6. เพิ่มเมนูแนวนอนไปยังด้านล่างของส่วนท้ายจากบริเวณเมนูเกี่ยวกับกฎหมาย วิธีแก้ไขเมนูเริ่มต้น ให้คลิกแก้ไขเมนู วิธีเปลี่ยนไปใช้เมนูอื่น ให้คลิกเปลี่ยน จากนั้นเลือกเมนูที่มีอยู่หรือคลิกสร้างเมนู

  7. สามารถเพิ่มชุดเนื้อหาได้สูงสุด 9 ชุดที่ส่วนท้ายในบริเวณเนื้อหา:

- เพิ่มชุดเนื้อหาโดยคลิกที่เพิ่มเนื้อหา เลือกประเภทชุดเนื้อหาจากตัวเลือกต่อไปนี้: - เมนู - Rich Text - การสมัครรับจดหมายข่าว

- ย้ายตำแหน่งชุดเนื้อหาโดยคลิกที่ไอคอน ⁞⁞ และลากไปยังตำแหน่งอื่น - ลบชุดเนื้อหาออกได้โดยคลิกที่ชุดเนื้อหาดังกล่าวแล้วคลิกที่ลบเนื้อหาออก - ปรับแต่งชุดเนื้อหาได้โดยคลิกที่ชุดเนื้อหานั้นแล้วแก้ไขการตั้งค่า

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

หน้าสินค้า

ในส่วนสินค้า คุณสามารถเพิ่มหรือลบองค์ประกอบต่อไปนี้ได้:

  • การซูมรูปภาพ
  • ตัวเลือกจำนวน
  • ข้อมูลสต็อก
  • แบรนด์หรือผู้ขายสินค้า
  • ข้อมูลส่วนลดค่าใช้จ่าย
  • สินค้าที่เกี่ยวข้อง
  • ปุ่มชำระเงินแบบไดนามิก
  • ไอคอนสำหรับแชร์ลงโซเชียล
  • รีวิวของลูกค้า

วิธีแก้ไขการตั้งค่าสำหรับหน้าสินค้า:

  1. จากเมนูดรอปดาวน์ในแถบด้านบน ให้เลือกหน้าสินค้า

  2. คลิกที่ ส่วน

  3. คลิกสินค้า

  4. หากต้องการให้ลูกค้าสามารถซูมเข้ารูปภาพสินค้าได้โดยใช้เม้าส์เลื่อนเหนือรูปภาพสินค้า ให้ทำเครื่องหมายที่เปิดใช้การซูมรูปภาพ

  5. หากต้องการแสดงตัวเลือกจำนวน ให้ทำเครื่องหมายที่แสดงตัวเลือกจำนวน

  6. วิธีแสดงสต็อกที่เหลืออยู่ของคุณเมื่อสินค้าคงคลังเหลือน้อย ให้ทำเครื่องหมายที่แสดงสต็อกเมื่อมีสินค้าน้อยกว่า 10 รายการ หากต้องการให้แสดงข้อความนี้ คุณจะต้องเปิดใช้งานการติดตามสินค้าคงคลังสำหรับสินค้าดังกล่าวก่อน

  7. วิธีแสดงข้อความสำหรับแจ้งเวลาที่จะเติมสินค้าที่หมดลงในสต็อก ให้ทำเครื่องหมายที่แสดงข้อความการถ่ายโอนสต็อกที่กำลังจะมาถึงเมื่อสินค้าหมด ข้อความจะระบุไว้ว่า "จะมีในสต็อกหลัง (วันที่)" หากต้องการให้แสดงข้อความนี้ คุณจะต้องสร้างการถ่ายโอนสำหรับสินค้าดังกล่าวก่อน

  8. วิธีแสดงแบรนด์หรือผู้ขายสินค้า ให้ทำเครื่องหมายที่แสดงผู้ขายสินค้า หากต้องการแสดงแบรนด์หรือผู้ขาย คุณต้องเพิ่มผู้ขายลงในสินค้าก่อน

  9. วิธีแสดงจำนวนเงินที่ลูกค้าประหยัดไปได้ ให้คลิกแสดงจำนวนเงินที่ประหยัดไปได้ จำนวนเงินที่ประหยัดไปได้จะแสดงส่วนต่างของราคาปกติและราคาเปรียบเทียบของสินค้า จำนวนเงินที่ประหยัดไปได้จะปัดเศษลงเป็นสกุลเงินดอลล่าร์ที่ใกล้เคียงที่สุด เช่น หากส่วนต่างเป็น 25.51 ดอลลาร์ จำนวนเงินที่ประหยัดไปได้คือ 25 ดอลลาร์ หากต้องการแสดงจำนวนเงินที่ประหยัดไปได้ คุณจะต้องตั้งค่าราคาเปรียบเทียบของสินค้าก่อน

  10. วิธีแสดงราคาเปรียบเทียบ ให้ทำเครื่องหมายที่แสดงราคาเปรียบเทียบ

  11. หากต้องการแสดงสินค้าที่คุณเลือกหรือสินค้าที่เกี่ยวข้องบริเวณด้านล่างของหน้า ให้ทำเครื่องหมายที่แสดงสินค้าที่เกี่ยวข้อง คอลเลกชันที่มีสินค้าชิ้นนั้นจะเป็นตัวกำหนดการแสดงสินค้าที่เกี่ยวข้อง หากต้องการแสดงสินค้าที่เกี่ยวข้อง คุณจำเป็นต้องสร้างคอลเลกชันสำหรับสินค้านั้น หรือเพิ่มสินค้าดังกล่าวลงในคอลเลกชันที่มีอยู่ หากสินค้าไม่ได้อยู่ในคอลเลกชันใดๆ จะไม่มีการแสดงสินค้าที่เกี่ยวข้อง

  12. หากต้องการให้แสดงปุ่มชำระเงินแบบไดนามิก ให้ทำเครื่องหมายที่แสดงปุ่มชำระเงินแบบไดนามิก

  13. หากต้องการแสดงไอคอนสำหรับแชร์ลงโซเชียล ให้ทำเครื่องหมายที่เปิดใช้การแชร์สินค้า

  14. วิธีแสดงรีวิวสินค้าจากลูกค้า ให้ทำเครื่องหมายที่เปิดใช้งานการรีวิวสินค้า หากต้องการแสดงรีวิวสินค้า คุณจะต้องติดตั้งแอปรีวิวสินค้าของ Shopify ที่มีให้ใช้ฟรี และมีการรีวิวสินค้าของคุณก่อน

  15. หากต้องการกำหนดขนาดของรายการเครื่องมือเลือกสินค้า ปุ่มเพิ่มลงในตะกร้าสินค้า และปุ่มชำระเงินแบบไดนามิก ให้เลือกขนาดจากเมนูดรอปดาวน์ขนาดรายการเครื่องมือเลือกสินค้าและปุ่ม

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

หน้าคอลเลกชัน

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

  1. ในตัวอย่างเครื่องมือแก้ไขธีมของร้านค้าคุณ ให้เปิดหน้าคอลเลกชัน

  2. คลิกที่แท็บ ส่วนต่างๆ

  3. คลิกคอลเลกชัน

  4. จากรายการดรอปดาวน์สินค้าต่อแถว ให้เลือกจำนวนสินค้าที่คุณต้องการแสดงในแต่ละแถว

  5. จากรายการดรอปดาวน์แถวต่อหน้า ให้เลือกจำนวนแถวที่คุณต้องการแสดง

  6. ในตัวกรองสินค้าแบบแถบด้านข้าง ให้เลือกว่าจะจัดเรียงคอลเลกชันโดนแท็กสินค้าหรือกรองตามกลุ่ม

  7. วิธีแสดงราคาเปรียบเทียบเมื่อมีสินค้าในคอลเลกชันที่ลดราคาจากราคาเดิม หรือเปรียบเทียบกับราคาคู่แข่ง ให้ทำเครื่องหมายที่แสดงราคาเปรียบเทียบ

  8. วิธีแสดงว่าลูกค้าประหยัดเงินไปได้เท่าไรเมื่อมีการลดราคาสินค้า ให้ทำเครื่องหมายที่แสดงจำนวนเงินที่ประหยัดไปได้

  9. วิธีอนุญาตให้มีการรีวิวสินค้าในหน้าคอลเลกชันของคุณ ให้ทำเครื่องหมายที่เปิดใช้งานการรีวิวสินค้า

หมายเหตุ: คุณต้องติดตั้งแอปรีวิวสินค้าที่มีให้ใช้ฟรีเพื่อเปิดใช้งานการรีวิวสินค้า

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

คอลเลกชันแนะนำ

ใช้ส่วนคอลเลกชันแนะนำเพื่อเลือกคอลเลกชันสินค้าสูงสุด 6 รายการสำหรับเพิ่มในหน้าแรกของคุณ เมื่อลูกค้าคลิกคอลเลกชันที่แนะนำในหน้าแรกของคุณ สินค้าที่แนะนำในคอลเลกชันดังกล่าวจะแสดงขึ้น หากคุณไม่มีสินค้าที่แนะนำ รูปภาพสินค้ารายการแรกในคอลเลกชันจะปรากฏขึ้น

วิธีแสดงคอลเลกชันแนะนำลงในหน้าแรกของคุณ:

  1. คลิกที่แท็บ ส่วนต่างๆ

  2. คลิกคอลเลกชันแนะนำ

  3. ในบริเวณเนื้อหา ให้คลิกคอลเลกชัน

  4. จากรายการดรอปดาวน์คอลเลกชัน ให้เลือกคอลเลกชันที่ต้องการแสดง

  5. เพิ่มคอลเลกชันต่อไปจนกว่าคุณได้เลือกคอลเลกชันทั้งหมดที่คุณต้องการแสดงแล้ว

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

สไลด์โชว์

ในส่วนสไลด์โชว์ คุณสามารถอัปโหลดรูปภาพเพื่อใช้ในสไลด์โชว์ได้ คุณสามารถเลือกให้รูปภาพในสไลด์โชว์เปลี่ยนโดยอัตโนมัติได้ และสามารถตั้งค่าระยะเวลาในการเปลี่ยนรูปภาพเป็นวินาทีได้

คุณสามารถเลือกรูปภาพสไลด์สำหรับหน้าแรกได้สูงสุดถึง 6 รูปโดยใช้ Supply คุณสามารเพิ่มลิงก์ URL ให้แต่ละสไลด์ได้ เพื่อให้ลูกค้าสามารถคลิกเพื่อเปิดหน้าในร้านค้าของคุณ

รูปภาพสไลด์แต่ละรูปควรมีความกว้าง 1000 พิกเซล และสูง 500 พิกเซล หากคุณใช้รูปภาพสไลด์โชว์ที่มีความสูงแตกต่างกัน รูปภาพนั้นอาจจะโดดหรือไม่เข้ากับการเปลี่ยนสไลด์

วิธีปรับแต่งสไลด์โชว์ของคุณ:

  1. คลิกที่แท็บ ส่วนต่างๆ

  2. คลิก สไลด์โชว์

  3. ในบริเวณของการตั้งค่า ให้ทำเครื่องหมายที่หมุนสไลด์อัตโนมัติ หากต้องการให้รูปภาพสไลด์เปลี่ยนอัตโนมัติ

  4. จากรายการดรอปดาวน์เวลาในการเปลี่ยน ให้เลือกความถี่ในการเปลี่ยนรูปภาพสไลด์เป็นวินาที

วิธีเพิ่มสไลด์รูปภาพ:

  1. ในพื้นที่ของเนื้อหา ให้คลิกที่รูปภาพ

  2. ในพื้นที่ของ รูปภาพ ให้คลิกที่ เลือกรูปภาพ แล้วเลือกดำเนินการอย่างใดอย่างหนึ่งต่อไปนี้:

- หากต้องการเลือกรูปภาพที่คุณได้อัปโหลดแล้วในหน้า Shopify admin ให้คลิกที่แท็บ ไลบรารี - หากต้องการเลือกรูปภาพสต็อกจากคอลเลกชันรูปภาพสต็อก Burst ของ Shopify ให้คลิกแท็บ รูปภาพฟรี จากตรงนี้ คุณสามารถป้อนคำค้นหาหรือเรียกดูประเภทรูปภาพได้ - หากต้องการเลือกรูปภาพจากคอมพิวเตอร์ของคุณ ให้คลิกที่แท็บ ไลบรารี จากนั้นคลิกที่ปุ่มเครื่องหมายบวก

  1. หากต้องการเพิ่มลิงก์ไปยังสไลด์ ให้เลือกดำเนินการอย่างใดอย่างหนึ่งต่อไปนี้:

- หากคุณต้องการให้ข้อความบนสไลด์เชื่อมโยงไปยังหน้าในร้านค้าของคุณ ให้คลิกในช่องURL ลิงก์ และเลือกหน้าที่ต้องการ - หากคุณต้องการให้ข้อความบนสไลด์ของคุณเชื่อมโยงกับเว็บไซต์อื่น ให้วาง URL ของเว็บไซต์ดังกล่าวในช่องลิงก์สไลด์

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

จดหมายข่าว

คุณสามารถเพิ่มการสมัครรับจดหมายข่าวลงในหน้าแรกของคุณได้ ซึ่งช่วยให้คุณสามารถรวบรวมอีเมลลูกค้าเพื่อใช้ในแคมเปญการตลาดผ่านอีเมลได้ คุณสามารถดูข้อมูลเพิ่มเติมเกี่ยวกับการตลาดผ่านอีเมลได้ในบล็อกของ Shopify

ส่วนจดหมายข่าวบนเว็บไซต์ มีช่องสำหรับให้ลูกค้าป้อนอีเมล และปุ่มที่เขียนว่า 'สมัครรับข้อมูล'

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

  1. ถัดจาก Supply ให้คลิกที่ ปรับแต่ง

  2. คลิกที่ ส่วน

  3. คลิกที่เพิ่มส่วน > จดหมายข่าว

  4. ป้อนหัวเรื่องสำหรับการสมัครรับจดหมายข่าวของคุณในช่องหัวเรื่อง หัวเรื่องเริ่มต้นคือ "สมัครรับข้อมูลจดหมายข่าวของเรา"

  5. ป้อนหัวเรื่องย่อยสำหรับการสมัครรับจดหมายข่าวของคุณในช่องข้อความรอง ข้อความเริ่มต้นคือ "โปรโมชัน สินค้าใหม่ และส่วนลด ส่งตรงไปยังกล่องจดหมายคุณ"

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

วิดีโอ

คุณสามารถเพิ่มวิดีโอที่มีโฮสต์บน YouTube หรือ Vimeo ลงในหน้าแรกของคุณได้ วิดีโอจะช่วยดึงดูดลูกค้าและสร้างความน่าสนใจให้แก่ธุรกิจของคุณ

วิธีเพิ่มวิดีโอลงในหน้าแรกของคุณ:

  1. ถัดจาก Supply ให้คลิกที่ ปรับแต่ง

  2. คลิกที่ ส่วน

  3. คลิกเพิ่มส่วน > วิดีโอ

  4. ป้อนหัวเรื่องสำหรับวิดีโอของคุณในช่องหัวเรื่อง

  5. ป้อนลิงก์สำหรับแชร์วิดีโอของคุณในช่องลิงก์วิดีโอ

    ลิงก์สำหรับแชร์วิดีโอของ YouTube จะมีลักษณะดังนี้: https://youtu.be/OTJXAUZY9t0 คุณสามารถดูวิธีคัดลอกลิงก์สำหรับแชร์วิดีโอของ YouTube ได้ในบทความของ YouTube ความช่วยเหลือ

    ลิงก์สำหรับวิดีโอของ Vimeo จะมีลักษณะดังนี้: https://vimeo.com/281332510 คุณสามารถดูวิธีคัดลอกลิงก์สำหรับแชร์วิดีโอของ Vimeo ได้ในบทความจาก Vimeo Help Center นี้

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

เนื้อหาแบบกำหนดเอง

ในส่วนเนื้อหาที่กำหนดเอง คุณสามารถใช้โค้ด HTML เพื่อสร้างเนื้อหาที่กำหนดเองสำหรับหน้าแรกของคุณ เช่น คุณสามารถใช้ HTML เพื่อจัดรูปแบบบล็อกข้อความ สร้างตาราง หรือเนื้อหาแบบฝังจากเว็บไซต์ภายนอกได้

วิธีเพิ่มเนื้อหาที่กำหนดเองไปยังหน้าแรกของคุณ:

  1. ถัดจาก Supply ให้คลิกที่ ปรับแต่ง

  2. คลิกที่ ส่วน

  3. คลิก เพิ่มส่วน

  4. ในพื้นที่เลย์เอาต์ขั้นสูง ให้คลิก เนื้อหาที่กำหนดเอง > เพิ่ม

  5. คลิก เนื้อหาที่กำหนดเอง แล้วป้อนโค้ด HTML ที่คุณต้องการเพิ่มไปยังหน้าแรกของคุณ

  6. คลิกบันทึก

การตั้งค่าธีม คุณสามารถใช้การตั้งค่าธีมเพื่อปรับแต่งสีและตัวพิมพ์บนร้านค้าออนไลน์ของคุณได้ คุณยังสามารถตั้งค่าลิงก์ไปยังบัญชีผู้ใช้โซเชียลมีเดีย แก้ไขการตั้งค่าตะกร้าสินค้า และเพิ่ม Favicon ได้

Supply ประกอบด้วบการตั้งค่าธีมต่อไปนี้:

  • สี
  • ตัวพิมพ์
  • Favicon
  • ตะกร้าสินค้า
  • โซเชียลมีเดีย
  • รูปแบบราคา
  • การชำระเงิน

สี

คุณสามารถเลือกสีส่วนต่างๆ ในร้านค้าออนไลน์ของคุณได้

วิธีปรับการตั้งค่าสีของคุณ

  1. ถัดจากSupply ให้คลิก ปรับแต่ง

  2. คลิก การตั้งค่าธีม

  3. คลิก สี

  4. คลิกที่ตัวอย่างสีเพื่อใช้งานเครื่องมือเลือกสีนั้นๆ สำหรับเนื้อหาแต่ละประเภท บริเวณ ที่เลือกล่าสุด แสดงสีธีมที่คุณเพิ่งเลือก บริเวณ ที่ใช้งานอยู่ แสดงสีที่คุณกำลังใช้งานอยู่ในส่วนอื่นๆ ของธีม

    หากต้องการเลือกเป็นไม่มีสี ให้คลิก ไม่มี

  5. คลิก บันทึก

ตัวพิมพ์

คุณสามารถเลือกแบบอักษรและขนาดข้อความบนร้านค้าออนไลน์ของคุณได้

วิธีปรับแต่งการตั้งค่าตัวพิมพ์ของคุณ

  1. ถัดจากSupply ให้คลิก ปรับแต่ง

  2. คลิก การตั้งค่าธีม

  3. คลิก ตัวพิมพ์

  4. คลิกที่ เปลี่ยน เพื่อใช้เครื่องมือเลือกแบบอักษรสำหรับข้อความแต่ละประเภท

  5. ค้นหาแบบอักษรโดยใช้ช่องค้นหา หรือคลิก โหลดเพิ่มเติม

    หากต้องการดูแบบอักษรที่พร้อมใช้งานทั้งหมด โปรดไปที่ไลบรารีแบบอักษรของ Shopify

  6. คลิกชื่อแบบอักษรที่คุณต้องการใช้งาน

  7. หากต้องการเปลี่ยนแบบอักษรเป็นลักษณะอื่นๆ เช่น ตัวหนาหรือตัวเอียง ให้คลิกที่ ทั่วไป จากนั้น คลิกแบบอักษรที่คุณต้องการใช้ แล้วคลิกที่ เลือก

  8. คลิก บันทึก

Favicon

คุณสามารถเพิ่ม Favicon ในร้านค้าของคุณได้โดยใช้ Supply ได้ Favicon (ไอคอนรายการโปรด) เป็นไอคอนเล็กๆ ที่เป็นตัวแทนของเว็บไซต์คุณ และใช้เป็นทางลัดในการเข้าร้านค้าไม่ว่าไอคอนนี้จะปรากฏที่ไหนก็ตาม เช่น:

  • แท็บเว็บเบราว์เซอร์ของคุณ
  • ประวัติเว็บเบราว์เซอร์ของคุณ
  • ไอคอนในเดสก์ท็อปของคุณ
  • ถัดจากชื่อร้านค้าออนไลน์ของคุณเมื่อมีการบุ๊กมาร์ก

การใช้ Favicon เพื่อช่วยสร้างแบรนด์ให้แก่ร้านค้า และทำให้ภาพลักษณ์เว็บไซต์ของคุณดูดีขึ้น ขนาด Favicon ที่แนะนำสำหรับ Supply คือ 16 x 16 พิกเซล

วิธีเพิ่ม Favicon:

  1. คลิกที่แท็บ การตั้งค่าธีม

  2. คลิกที่ Favicon

  3. ในพื้นที่ของ รูปภาพ Favicon ให้คลิกที่ เลือกรูปภาพ แล้วเลือกดำเนินการอย่างใดอย่างหนึ่งต่อไปนี้:

- หากต้องการเลือกรูปภาพที่คุณได้อัปโหลดแล้วในหน้า Shopify admin ให้คลิกที่แท็บ ไลบรารี - หากต้องการเลือกรูปภาพจากคอมพิวเตอร์ของคุณ ให้คลิกที่แท็บ ไลบรารี จากนั้นคลิกที่ปุ่มเครื่องหมายบวก

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

ตะกร้าสินค้า

คุณสามารถปรับแต่งหน้าตะกร้าสินค้าเพื่อใส่หมายเหตุของคำสั่งซื้อและเลือกสไตล์หน้าตะกร้าสินค้าได้สี่แบบโดยใช้ Supply ได้

วิธีเข้าถึงการตั้งค่าตะกร้าสินค้า:

  1. คลิกที่แท็บ การตั้งค่าธีม

  2. คลิกตะกร้าสินค้า

เปิดใช้งานหมายเหตุของคำสั่งซื้อ

ด้วย Supply คุณสามารถใส่ช่องสำหรับให้ลูกค้าเขียนหมายเหตุของคำสั่งซื้อได้ ซึ่งใช้ในการเขียนข้อความสำหรับของขวัญ คำขอพิเศษ และคำแนะนำในการจัดส่งได้

ประเภทตะกร้าสินค้า

Supply เสนอตะกร้าสินค้าสี่ประเภท:

  • ตะกร้าสินค้าประเภทลิ้นชัก หน้าตะกร้าสินค้าจะเลื่อนจากบนลงล่าง เมื่อปิดตะกร้าสินค้า ข้อความตะกร้าสินค้าจะปิดลง:
  • ตะกร้าสินค้าประเภทพลิกจะคล้ายกับประเภทลิ้นชัก ยกเว้น ภาพเคลื่อนไหวแบบพลิกด้านจะปรากฏขึ้นเมื่อตะกร้าสินค้าถูกปิดหรือเปิด:
  • ตะกร้าสินค้าประเภทโมดอลจะมีหน้าต่างป๊อปอัพปรากฏขึ้นด้านบนของเนื้อหาในหน้า สามารถปิดหน้าต่างป๊อปอัพได้โดยคลิกที่ X หรือคลิกที่ด้านนอกหน้าต่างป๊อปอัพ
  • ตะกร้าสินค้าประเภทหน้าคือ หน้าในร้านค้าออนไลน์ของคุณ ลูกค้าจะเข้าถึงหน้าตะกร้าสินค้าได้โดยคลิกที่ลิงก์ตะกร้าสินค้าในส่วนหัวหรือเพิ่มสินค้าไปยังตะกร้าสินค้า

โซเชียลมีเดีย

คุณสามารถเพิ่มปุ่มสำหรับแชร์ลงโซเชียลให้แก่สินค้าและโพสต์บล็อกของคุณได้ รวมถึงเชื่อมโยงไปยังบัญชีผู้ใช้โซเชียลมีเดียของคุณ

วิธีปรับแต่งการตั้งค่าโซเชียลมีเดีย:

  1. ถัดจาก Supply ให้คลิกที่ ปรับแต่ง

  2. คลิกที่ การตั้งค่าธีม

  3. คลิกที่ โซเชียลมีเดีย

  4. วิธีอัปโหลด รูปภาพสำหรับแชร์ลงโซเชียล ในพื้นที่ของ รูปภาพสำหรับแชร์ลงโซเชียล ให้คลิกที่ เลือกรูปภาพ หรือ ค้นหารูปภาพฟรี

  5. หากต้องการเพิ่มลิงก์ไปยังบัญชีผู้ใช้โซเชียลมีเดียของคุณ ในพื้นที่ของ บัญชีผู้ใช้ ให้ป้อนลิงก์ที่เชื่อมโยงไปยังบัญชีผู้ใช้ของคุณในช่องที่กำหนด ป้อนลิงก์แบบเต็ม เช่น https://instagram.com/shopify หรือ https://twitter.com/shopify

    ลิงก์ที่เชื่อมโยงไปยังบัญชีผู้ใช้โซเชียลมีเดียของคุณจะแสดงในส่วนท้ายของร้านค้าออนไลน์ของคุณ

  6. หากต้องการเพิ่มปุ่มแชร์ลงโซเชียลมีเดียให้แก่สินค้าและโพสต์บล็อกของคุณ ในบริเวณการแชร์ ให้ทำเครื่องหมายในช่องที่ต้องการหรือทั้งหมดก็ได้

    คุณสามารถเพิ่มปุ่มสำหรับแชร์ต่อไปนี้ได้:

- แชร์ใน Facebook - ทวีตใน Twitter - ปักหมุดบน Pinterest (โพสต์บล็อกไม่สามารถใช้งานการแชร์นี้ได้)

  1. วิธีเปลี่ยนสไตล์ของปุ่มสำหรับการแชร์ต่างๆ จากเมนูสไตล์ของปุ่ม ให้เลือกสไตล์ที่ต้องการ

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

หมายเหตุ: ในการแสดงปุ่มสำหรับแชร์ลงโซเชียลในหน้าสินค้าและโพสต์บล็อก คุณจะต้องเปิดใช้งานปุ่มดังกล่าวในส่วนของหน้าเหล่านั้นด้วย

รูปแบบราคา

ด้วย Supply คุณสามารถเลือกวิธีการแสดงราคาสินค้าในร้านค้าของคุณได้

วิธีตั้งตัวเลือกรูปแบบราคาใน Supply:

  1. คลิกที่แท็บ การตั้งค่าธีม

  2. คลิกรูปแบบราคา

  3. หากคุณขายสินค้าในสกุลเงินที่มีเศษ ให้ทำเครื่องหมายที่แสดงเศษในรูปแบบตัวยกเพื่อแสดงราคาในตัวยก:

การชำระเงิน

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

เคล็ดลับสำหรับรูปภาพ

ประเภทรูปภาพสินค้าที่ดีที่สุดสำหรับ Supply

ยิ่งใช้รูปภาพที่มีความละเอียดสูง ยิ่งช่วยให้คุณดูเป็นมืออาชีพและได้รูปภาพสวยงามมากขึ้นใน Supply ดังนั้นรูปภาพที่ว่าควรมีความกว้างอย่างน้อย 1024 และสูง 1024 พิกเซลขึ้นไป ทั้งนี้ รูปภาพจะถูกลดขนาดลงโดยอัตโนมัติในกรณีที่จำเป็น

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

อัตราส่วนความกว้างและความยาวที่เหมาะสมสำหรับรูปภาพสินค้าของคุณคือ อัตราส่วนแบบสี่เหลี่ยมจัตุรัส

ทำให้ส่วนหัวเล็กลง

มีสองสามวิธีในการทำให้ส่วนบนของหน้าสั้นลง

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

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

ทำให้สไลด์โชว์เล็กลง

ใช้ภาพแบบแนวนอนซึ่งมีความกว้างมากกว่าความสูง

แม้ว่าเครื่องมือแก้ไขธีมจะแนะนำให้คุณอัปโหลดรูปภาพที่มีความกว้าง 1000px และสูง 500px แต่คุณสามารถใช้รูปภาพที่มีขนาดเล็กกว่านั้นได้ ขอแนะนำให้ใช้ความกว้าง 1000px เพื่อให้สไลด์ของคุณไม่มีพื้นที่สีขาวบริเวณด้านซ้ายและขวาบนหน้าจอแสดงผลที่ใหญ่กว่า รูปภาพที่มีความกว้างเล็กกว่าจะจัดวางอยู่กึ่งกลางสไลด์โชว์ของคุณ:

เคล็ดลับสำหรับการนำทาง

เคล็ดลับต่อไปนี้สามารถช่วยให้คุณปรับปรุงการนำทางร้านค้าของคุณเมื่อใช้ Supply ได้

เพิ่มเมนูดรอปดาวน์

หากต้องการเพิ่มเมนูดรอปดาวน์ไปยังเมนูหลักของคุณ คุณจำเป็นต้องสร้างเมนูบนหน้าการนำทางของคุณ

หลักปฏิบัติที่ดีที่สุดสำหรับเมนูหลัก

หากมีรายการมากเกินกว่าจะใส่ให้ครบถ้วนภายในหนึ่งบรรทัดบนเมนูหลักของคุณ ลิงก์สุดท้ายที่เกินมาจะถูกเพิ่มไปยังเมนูดรอปดาวน์ "เพิ่มเติม"

เราไม่จำกัดจำนวนลิงก์ในเมนูหลักของคุณ แต่ว่าการลดจำนวนดังกล่าวลงให้เหลือห้าหรือหกรายการจะเป็นการดีกว่า หากต้องการใส่ลิงก์เพิ่มเติมคุณสามารถทำได้ดังนี้:

  • ทำให้ลิงก์การนำทางมีขนาดเล็กลงโดยลดขนาดแบบอักษรของเมนูหลักในตัวพิมพ์จากแท็บการตั้งค่าธีม
  • ใช้ตัวอักษรให้น้อยลงสำหรับแต่ละลิงก์ เช่น คุณสามารถเปลี่ยน "คำถามที่พบบ่อย" เป็น "FAQ" จาก "ติดต่อเรา" เป็น "ติดต่อ" จาก "แค็ตตาล็อก" เป็น "ร้านค้า" และคำว่า "และ" ทั้งหมดเป็น "&" ได้

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

ข้อผิดพลาดทั่วไปคือ การเพิ่มลิงก์ลงในทุกคอลเลกชันของเมนูหลัก ให้ลองทำรายการคอลเลกชันในเมนูดรอปดาวน์ของลิงก์ "ร้านค้า" หรือ "แค็ตตาล็อก" แทน คุณสามารถแบ่งคอลเลกชันเป็นกลุ่มต่างๆ โดยให้แต่ละกลุ่มมีเมนูดรอปดาวน์ของตัวเอง หรือคุณสามารถใช้แท็กสินค้าเพื่อสร้างประเภทย่อยของสินค้า

ลบแถบด้านข้าง

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

  1. ในไดเรกทอรีส่วน ให้คลิก collection-template.liquid

  2. ค้นหา has_sidebar ในไฟล์ ลบโค้ดในบรรทัดต่อไปนี้:

{% if collection.all_tags.size > 0 %}
  {% assign has_sidebar = true %}
{% endif %}
  1. คลิกที่บันทึก

  2. ในไดเรกทอรีส่วน ให้คลิก collection-list-template.liquid

  3. ค้นหา has_sidebar ในไฟล์ ลบโค้ดในบรรทัดต่อไปนี้:

{% if collection.all_tags.size > 0 %}
  {% assign has_sidebar = true %}
{% endif %}
  1. คลิกที่บันทึก

เคล็ดลับสำหรับสินค้า

เคล็ดลับต่อไปนี้จะช่วยให้คุณแสดงสินค้าของคุณโดยใช้ Supply

ใช้การกรองกลุ่มขั้นสูง

หากคุณมีสินค้าจำนวนมาก คุณสามารถเปิดใช้งานกลุ่มย่อยเพื่อช่วยให้ลูกค้าจัดเรียงสินค้าของคุณได้:

  1. กำหนดกลุ่มของคุณ จากรูปภาพข้างต้น กลุ่ม ได้แก่ แบรนด์ ระยะโฟกัส ความละเอียด

  2. ส่งออกสินค้าทั้งหมดของคุณไปยังไฟล์ .csv

  3. ใส่แท็กทั้งหมดที่มีด้วยชื่อกลุ่มที่ต้องการด้วยรูปแบบ กลุ่ม_ชื่อแท็ก เช่น บางแท็กอาจจะเป็น แบรนด์_Canon ระยะโฟกัส_18-55 มม. และความละเอียด_12 MP ด้านซ้ายของเครื่องหมายขีดล่างคือชื่อกลุ่ม และด้านขวาคือแท็กสำหรับสินค้า ทั้งสองด้านของเครื่องหมายขีดล่างสามารถใส่เว้นวรรคได้

  4. บันทึกไฟล์ .csv ของคุณและนำเข้าสินค้ากลับไปยังร้านค้าของคุณ ตรวจสอบให้แน่ใจว่าคุณได้ทำเครื่องหมายแทนที่สินค้าปัจจุบันที่มีแฮนเดิลเดียวกันเมื่ออัปโหลดไฟล์ เพื่อป้องกันไม่ให้มีการสร้างสินค้าที่ซ้ำกัน

  5. เปิดหน้าคอลเลกชันในตัวอย่างเครื่องมือแก้ไขธีม ในแท็บส่วน ให้คลิกคอลเลกชัน จากนั้นคลิกตัวเลือกตามกลุ่ม

หมายเหตุ: หากคุณใช้อัญประกาศเดี่ยว อัญประกาศสองอัน หรือเครื่องหมาย & ภายในแท็กสินค้าของคุณ ตัวกรองแบบกลุ่มจะไม่ทำงานตามที่คาดไว้

จัดลำดับแท็กและกลุ่มตัวกรองใหม่

กลุ่มจะเรียงตามตัวอักษร เช่นเดียวกับแท็กที่อยู่ภายในกลุ่ม ผู้เชี่ยวชาญของ Shopify สามารถช่วยคุณปรับแต่งการจัดเรียงรายการได้

เคล็ดลับสำหรับการกำหนดราคา

เคล็ดลับต่อไปนี้จะช่วยคุณตั้งราคาเมื่อใช้ Supply ได้

ปิดใช้งานการปัดเศษจำนวนยอดขาย

  1. ที่ด้านซ้ายในชิ้นงาน ให้คลิกtimber.scss.liquid ลิงก์สำหรับเปิดสไตล์ชีตธีมของคุณในเครื่องมือแก้ไขโค้ดออนไลน์

  2. ที่ด้านล่างของไฟล์ ให้เพิ่มสิ่งนี้:

.sale-tag sup {
   display: inline;
   top: 0;
   font-size: 100%;

   &:before {
    content: '.';
   }
 }
  1. คลิกที่บันทึก

เคล็ดลับสำหรับตะกร้าสินค้า

สำหรับเคล็ดลับต่อไปนี้ จะช่วยให้ตะกร้าสินค้าในร้านค้าของคุณทำงานได้ตามปกติ เมื่อคุณเพิ่ม JavaScript ลงใน Supply

เปลี่ยนประเภทตะกร้าสินค้าเพื่อทำให้ JavaScript ขั้นสูงทำงาน

JavaScript ใดก็ตามที่คุณเพิ่มไปยัง cart.liquid ใน Supply จะยังไม่สามารถใช้งานได้ในลิ้นชักหรือตะกร้าสินค้าประเภทโมดอล แต่ระบบจะดำเนินการเมื่อคุณเพิ่ม /cart ไปยัง URL ร้านค้าของคุณเท่านั้น ตัวอย่างเช่น http://your.store.url/cart

คุณต้องตั้งค่าประเภทตะกร้าสินค้าของคุณเป็นแบบ "หน้า" หากต้องการเพิ่มฟีเจอร์ต่อไปนี้ในหน้าตะกร้าสินค้าของคุณ:

  • ตัวคำนวณอัตราค่าจัดส่ง
  • หลายสกุลเงิน
  • การห่อของขวัญ
  • การตรวจสอบยืนยันคุณสมบัติตะกร้าสินค้า
  • เครื่องมือเลือกวันที่
  • ช่องทำเครื่องหมาย "ฉันยอมรับในข้อกำหนด"

วิธีเปลี่ยนประเภทตะกร้าสินค้าเป็นแบบ "หน้า"

  1. คลิกที่ การตั้งค่าธีม

  2. คลิกตะกร้าสินค้า

  3. จากรายการดรอปดาวน์ประเภทตะกร้าสินค้า ให้เลือกหน้า

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

พร้อมเริ่มต้นการขายด้วย Shopify แล้วหรือยัง

ทดลองใช้งานฟรี