ส่วนสำหรับ Supply

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

  • ส่วนหน้าแรกมีฟีเจอร์ต่างๆ เช่น สไลด์โชว์หรือการสมัครรับจดหมายข่าว ซึ่งคุณสามารถเพิ่ม จัดเรียงใหม่ หรือลบออกได้ คุณสามารถมีส่วนได้สูงสุดถึง 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. คลิกบันทึก

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

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