บล็อกร้านค้า: กริดสินค้า หน้าสินค้า ตะกร้า และหน้าชำระเงิน

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

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

บล็อกร้านค้าโดยสังเขป

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

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

กริดสินค้า

ลาก กริดสินค้า ไปวางบนหน้า แล้วคลิกเพื่อเปิดการตั้งค่า

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

ภายใต้ ทั่วไป:

  • หมวดหมู่ จำกัดกริดให้อยู่ในหมวดหมู่เดียว หรือแสดง สินค้าทั้งหมด
  • เรียงลำดับ จัดเรียงสินค้า ได้แก่ ตามที่จัดไว้ ใหม่ที่สุดก่อน ชื่อ A-Z ราคา ต่ำไปสูง หรือ ราคา สูงไปต่ำ
  • แสดงกี่รายการ จำกัดจำนวนสินค้า ที่ ทั้งหมด สินค้าทุกรายการจะปรากฏ
  • ตัวกรองสำหรับผู้ซื้อ เพิ่มปุ่มเพื่อให้ผู้เข้าชมร้านคัดกรองกริดได้ ตามหมวดหมู่ ตามแท็ก หรือ ตามหมวดหมู่และแท็ก
  • สินค้าต่อหน้า แบ่งกริดยาวออกเป็นหลายหน้า ที่ ทั้งหมดในหน้าเดียว จะไม่มีการแบ่งหน้า
  • ไปที่หน้าชำระเงินหลังเพิ่มลงตะกร้า ส่งผู้เข้าชมร้านไปยังหน้าชำระเงินทันทีเมื่อเพิ่มสินค้า ปิดไว้หากผู้เข้าชมส่วนใหญ่ซื้อมากกว่าหนึ่งชิ้น
  • เปิดสินค้าในหน้าต่างป๊อปอัป แสดงสินค้าในป๊อปอัปเพื่อให้ผู้เข้าชมร้านยังอยู่ที่เดิมในกริด เมื่อปิดไว้ การคลิกสินค้าจะเปิดหน้าของสินค้านั้นเอง ลูกศรระหว่างสินค้า และสีของลูกศรทั้งสองแบบใช้กับป๊อปอัปนั้น

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

หน้าร้านค้าบนร้านที่เผยแพร่แล้ว มีปุ่มกรองตามหมวดหมู่อยู่เหนือแถวรูปสินค้า

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

สินค้าชิ้นเดียว

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

หน้าสินค้า

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

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

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

ตะกร้า

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

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

แผงตะกร้าบนร้านที่เผยแพร่แล้ว แสดงสินค้าหนึ่งรายการพร้อมราคาและจำนวน ยอดรวม และปุ่มชำระเงิน

หน้าชำระเงิน

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

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

ภายใต้ ทั่วไป:

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

กลุ่มอื่นใช้ปรับแต่งรูปลักษณ์ของหน้า:

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

ปุ่มชำระเงินจะปรากฏเมื่อเชื่อมต่อ Stripe หรือ PayPal แล้ว ดู การทำงานของหน้าชำระเงิน

รีวิว

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

บทความที่เกี่ยวข้อง

Last updated 2026-10-16