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. คลิกตัวอย่างสีเพื่อใช้งานเครื่องมือเลือกสีนั้นๆ สำหรับเนื้อหาแต่ละประเภท

    เครื่องมือเลือกสีในเครื่องมือแก้ไขธีม

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

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

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

ตัวพิมพ์

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

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

  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 แล้วหรือยัง

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