แชร์ผ่าน


โมดูลกล่องการซื้อ

บทความนี้ครอบคลุมโมดูลกล่องการฃื้อและอธิบายวิธีการเพิ่มไปยังหน้าไซต์ใน Microsoft Microsoft Dynamics 365 Commerce

โดยทั่วไปแล้วข้อกำหนด กล่องการซื้อ อ้างถึงพื้นที่ของเพจรายละเอียดผลิตภัณฑ์ (PDP) ที่อยู่ "เหนือโฟลด์" และที่โฮสต์ข้อมูลที่สำคัญทั้งหมดที่จำเป็นต่อการทำการซื้อผลิตภัณฑ์ (พื้นที่ที่อยู่ "เหนือโฟลด์" จะปรากฏขึ้นเมื่อมีการโหลดหน้าแรก ดังนั้นผู้ใช้จึงไม่ต้องเลื่อนลงเพื่อดูรายการนั้น)

โมดูลกล่องการซื้อคือตู้คอนเทนเนอร์พิเศษที่ใช้เพื่อโฮสต์โมดูลทั้งหมดที่แสดงอยู่ในพื้นที่กล่องการซื้อของหน้ารายละเอียดผลิตภัณฑ์

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

รูปภาพต่อไปนี้แสดงตัวอย่างของโมดูลกล่องการซื้อบนหน้ารายละเอียดผลิตภัณฑ์

ตัวอย่างของโมดูลกล่องการซื้อ

คุณสมบัติและช่องของกล่องการซื้อ

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

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

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

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

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

คุณสมบัติของโมดูล

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

  • เปิดใช้งานคำแนะนำ "เลือกซื้อสินค้าที่คล้ายกัน" - คุณสมบัตินี้ช่วยให้กล่องการซื้อสามารถแสดงลิงก์ไปยังผลิตภัณฑ์ที่มีลักษณะคล้ายคลึงกับสินค้าที่ดูอยู่ในปัจจุบัน คุณลักษณะนี้พร้อมใช้งานใน Commerce รีลีส 10.0.13 และรุ่นที่ใหม่กว่า

โมดูลที่สามารถใช้ในโมดูลกล่องการซื้อ

  • แกลเลอรีสื่อ –โมดูลนี้ใช้ในการแสดงรูปภาพของผลิตภัณฑ์บนหน้ารายละเอียดของผลิตภัณฑ์ สำหรับข้อมูลเพิ่มเติมเกี่ยวกับโมดูลนี้ โปรดดูที่ โมดูลแกลเลอรี่สื่อ
  • ตัวเลือกร้านค้า –โมดูลนี้แสดงรายการของร้านค้าใกล้เคียง ที่มีสินค้าพร้อมสำหรับการเบิกสินค้า ซึ่งช่วยให้ผู้ใช้ป้อนสถานที่ เพื่อค้นหาร้านค้าที่อยู่ใกล้เคียง สำหรับข้อมูลเพิ่มเติมเกี่ยวกับโมดูลนี้ โปรดดูที่ โมดูลตัวเลือกร้านค้า
  • การแชร์ทางสังคม - สามารถเพิ่มโมดูลนี้ลงในกล่องการซื้อเพื่อให้ผู้ใช้สามารถแชร์ข้อมูลผลิตภัณฑ์บนสื่อสังคม สำหรับข้อมูลเพิ่มเติม ให้ดูที่ โมดูลการแชร์ทางสังคม

การตั้งค่าโมดูลกล่องการซื้อ

โมดูลกล่องการซื้อต่อไปนี้สามารถตั้งค่าคอนฟิกได้ที่ การตั้งค่าไซต์ > ส่วนขยาย:

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

ส่วนขยายของนิยามโมดูลกล่องการซื้อ ในธีม Adventure Works

โมดูลกล่องการซื้อที่ธีม Adventure Works จะมีส่วนขยายนิยามโมดูลที่สนับสนุนการใช้งานโมดูลข้อมูลจำเพาะเกี่ยวกับผลิตภัณฑ์ ภายในโมดูลลิขสิทธิ์ในกล่องการซื้อของ PDP เมื่อต้องการแสดงแอตทริบิวต์ข้อมูลจำเพาะเกี่ยวกับผลิตภัณฑ์ในกล่องการซื้อของ PDP ให้เพิ่มโมดูลข้อมูลจำเพาะเกี่ยวกับผลิตภัณฑ์ลงในช่องโมดูลข้อตกลงการซื้อในช่องการซื้อ

สำคัญ

ธีม Adventure Works พร้อมใช้งาน ณ การเริ่มใช้งาน Dynamics 365 Commerce รุ่น 10.0.20

การโต้ตอบ Commerce Scale Unit

โมดูลของกล่องการซื้อจะดึงข้อมูลผลิตภัณฑ์โดยใช้ Application Programming Interface (API) ของ Commerce Scale Unit รหัสผลิตภัณฑ์จากหน้ารายละเอียดผลิตภัณฑ์ใช้เพื่อดึงข้อมูลทั้งหมด

เพิ่มโมดูลในกล่องการซื้อไปยังเพจ

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

  1. ไปที่ ส่วนย่อย จากนั้น ให้เลือก สร้าง เพื่อสร้างส่วนย่อยใหม่
  2. ในกล่องโต้ตอบ ส่วนย่อยใหม่ ให้เลือก โมดูล กล่องการซื้อ
  3. ภายใต้ ชื่อส่วนย่อย ให้ป้อนชื่อสำหรับ ส่วนย่อยกล่องการซื้อ และจากนั้น เลือก ตกลง
  4. ในช่อง แกลเลอรีสื่อ ของโมดูลกล่องการซื้อ ให้เลือกจุดไข่ปลา (...) แล้วเลือก เพิ่มโมดูล
  5. ในกล่องโต้ตอบ เลือกโมดูล ให้เลือกโมดูล แกลเลอรีสื่อ แล้วเลือก ตกลง
  6. ในช่อง โมดูลตัวเลือก ของโมดูลกล่องการซื้อ ให้เลือกจุดไข่ปลา (...) แล้วเลือก เพิ่มโมดูล
  7. ในกล่องโต้ตอบ เลือกโมดูล ให้เลือกโมดูล ตัวเลือกร้านค้า แล้วเลือก ตกลง
  8. เลือก บันทึก เลือก แก้ไขให้เสร็จสิ้น เพื่อตรวจสอบในส่วน และจากนั้น เลือก เผยแพร่ เพื่อเผยแพร่
  9. ไปที่ เทมเพลต และจากนั้น เลือก สร้าง เพื่อสร้างเทมเพลตใหม่
  10. ในกล่องโต้ตอบ เทมเพลตใหม่ ภายใต้ ชื่อเท็มเพลต ให้ป้อน เท็มเพล PDP และจากนั้น เลือก ตกลง
  11. ในช่อง เนื้อหา เลือกจุดไข่ปลา (...) แล้วจากนั้น เลือก เพิ่มโมดูล
  12. ในกล่องโต้ตอบ เลือกโมดูล ให้เลือกโมดูล หน้าเริ่มต้น แล้วเลือก ตกลง
  13. ในช่อง หลัก ของหน้าเริ่มต้น เลือกปุ่มจุดไข่ปลา (...) แล้วเลือก เพิ่มส่วนย่อย
  14. ในกล่องโต้ตอบ เลือกส่วนย่อย ให้เลือกส่วนย่อย ส่วนย่อยกล่องการซื้อ ที่คุณสร้างไว้ แล้วเลือก ตกลง
  15. เลือก บันทึก เลือก แก้ไขให้เสร็จสิ้น เพื่อตรวจสอบในเทมเพลต และจากนั้น เลือก เผยแพร่ เพื่อเผยแพร่
  16. ไปที่ หน้า และจากนั้น ให้เลือก สร้าง เพื่อสร้างหน้าใหม่
  17. ในกล่องโต้ตอบ สร้างเทมเพลตใหม่ ภายใต้ ชื่อหน้า ให้ป้อน หน้า PDP และจากนั้น เลือก ถัดไป
  18. ภายใต้ เลือกเทมเพลต ให้เลือก เทมเพลต PDP แล้วเลือก ถัดไป
  19. ภายใต้ เลือกโครงร่าง ให้เลือกโครงร่างหน้า (ตัวอย่างเช่น โครงร่างแบบยืดหยุ่น) แล้วเลือก ถัดไป
  20. ภายใต้ ตรวจทานและเสร็จสิ้น ให้ตรวจทานการตั้งค่าคอนฟิกหน้า ถ้าคุณต้องการแก้ไขข้อมูลหน้า ให้เลือก ย้อนกลับ ถ้าข้อมูลหน้าถูกต้อง ให้เลือก สร้างหน้า
  21. ในช่อง หลัก ของหน้าใหม่ เลือกปุ่มจุดไข่ปลา (...) แล้วเลือก เพิ่มส่วนย่อย
  22. ในกล่องโต้ตอบ เลือกส่วนย่อย ให้เลือกส่วนย่อย ส่วนย่อยกล่องการซื้อ ที่คุณสร้างไว้ แล้วเลือก ตกลง
  23. บันทึกและแสดงตัวอย่างหน้า เพิ่มพารามิเตอร์สตริงการสอบถาม ?productid=<product id> ไปยัง URL ของหน้าแสดงตัวอย่าง ในลักษณะนี้ บริบทของผลิตภัณฑ์จะถูกใช้เพื่อโหลด และทำให้หน้าแสดงตัวอย่าง
  24. เลือก บันทึก เลือก แก้ไขให้เสร็จสิ้น เพื่อตรวจสอบในหน้า และจากนั้น เลือก เผยแพร่ เพื่อเผยแพร่ กล่องการซื้อควรปรากฏขึ้นบนหน้ารายละเอียดผลิตภัณฑ์

ทรัพยากรเพิ่มเติม

ภาพรวมของไลบรารีโมดูล

โมดูลตัวเลือกการจัดเก็บ

โมดูลแกลเลอรี่สื่อ

โมดูลคอนเทนเนอร์

โมดูลรถเข็น

โมดูลเช็คเอาท์

โมดูลการยืนยันใบสั่ง

โมดูลส่วนหัว

โมดูลส่วนท้าย

โมดูลการแชร์ในสังคมออนไลน์

การตั้งค่าเพิ่มผลิตภัณฑ์ลงในรถเข็น

คำนวณความพร้อมของสินค้าคงคลังสำหรับช่องทางการขายปลีก

การอัปเดต SDK และไลบรารีโมดูล