แชร์ผ่าน


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

Note

กลุ่มผลประโยชน์การค้าปลีกโดย Dynamics 365 Commerce ได้ย้ายจาก Yammer ไปยัง Viva Engage หากคุณไม่สามารถเข้าถึงชุมชน Viva Engage ใหม่ ให้กรอกแบบฟอร์มนี้ (https://aka.ms/JoinD365commerceVivaEngageCommunity) เพื่อเพิ่มและมีส่วนร่วมในการสนทนาล่าสุด

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

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

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

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

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

สกรีนช็อตของโมดูลกล่องซื้อ

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

ในหน้ารายละเอียดผลิตภัณฑ์ กล่องการซื้อแบ่งออกเป็นสองภูมิภาค: พื้นที่สื่อทางด้านซ้ายและภูมิภาคเนื้อหาทางด้านขวา ตามค่าเริ่มต้น อัตราส่วนของความกว้างของคอลัมน์สื่อที่มีความกว้างของคอลัมน์พื้นที่เนื้อหาคือ 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

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

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

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

  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 และไลบรารีโมดูล