แนวทางปฏิบัติที่ดีที่สุดของคูปอง ส่วนลด และโปรโมชัน UI & UX

“ผู้ซื้อชอบดีล ไม่ว่าจะอยู่ในรูปแบบของการขายทั่วทั้งไซต์ เลือกรายการลดราคา หรือคูปอง อย่างไรก็ตาม เพื่อให้ผู้ใช้ประสบความสำเร็จในการใช้โปรโมชั่น เว็บไซต์ต้องทำสองสิ่งให้ดี: ต้องสื่อสารโปรโมชั่นต่าง ๆ เหล่านี้อย่างมีประสิทธิภาพทั่วทั้งไซต์ และยังต้องทำให้ผู้ใช้ได้รับการสื่อสารข้อตกลงได้ง่าย” Kim Salazar ผู้เชี่ยวชาญด้านประสบการณ์ผู้ใช้อาวุโสกับ Nielsen Norman Group

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

หมายเหตุ: ภาพหน้าจอเดสก์ท็อปทั้งหมดสร้างขึ้นบน Mac, Chrome และภาพหน้าจอมือถือทั้งหมดสร้างขึ้นโดยใช้ความละเอียดของ iPhone X บน Chrome

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

คูปอง & โปรโมชั่น UI Kit

เข้าสู่ตลาดได้เร็วขึ้นด้วยคูปองพร้อมส่วนประกอบและโปรโมชั่นจากคูปองและโปรโมชั่น UI Kit ของเราซึ่งมีอยู่ใน Figma เรียนรู้เพิ่มเติม.

สารบัญ:

คำแนะนำทั่วไปเกี่ยวกับการส่งเสริมการขาย UI & UX:

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

แนวทางปฏิบัติที่ดีที่สุดของคูปอง UX ในหน้าเฉพาะ:

1. ‍ หน้าแรก:

• ประเภทของโปรโมชั่นที่โฆษณาบนหน้าแรก
• เชื่อมโยงไปยังหน้าการขาย

2. ‍ หน้าหมวดหมู่
3. ‍ ป๊อปอัป
4. ‍ ด้านบนของริบบิ้นหน้า
5. ‍ ส่วนท้าย
6. ‍ หน้าสินค้า:

• ทิ้งป้ายราคาเก่าไว้
• ระบุกฎโปรโมชั่นบันเดิลให้ชัดเจน

7. ‍ ตะกร้าสินค้า:

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

8. หน้าชำระเงิน:

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

พื้นฐานของรหัสคูปอง UI & UX

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

ระบุกรอบเวลาโปรโมชั่นให้ชัดเจน

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

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

ตัวอย่าง UI:

Pomelo Fashion ใช้นาฬิกาจับเวลาถอยหลังเพื่อแสดงอย่างชัดเจนเมื่อข้อเสนอหมดอายุ

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

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

และรวมนาฬิกาจับเวลาไว้ในตะกร้าสินค้าด้วย

นี่คือลักษณะการแสดงผลบนแอพมือถือของพวกเขา:

Pretty Little Thing มีการนับถอยหลังโปรโมชั่นบนแบนเนอร์หน้าหลัก ซึ่งมีให้ใช้งานในความละเอียดมือถือด้วยเช่นกัน:

ใช้คูปองที่เปิดเผยต่อสาธารณะโดยอัตโนมัติเพื่อมอบประสบการณ์ที่ดีที่สุด

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

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

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

ตัวอย่าง UI:

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

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

ที่นี่คุณสามารถดูโฟลว์เดียวกันในความละเอียดมือถือ:

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

เสนอหน้ารวบรวมการขาย

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

ตัวอย่าง UI:

Victoria's Secret นำเสนอข้อเสนอทั้งหมดที่มีใน UI ที่ชัดเจนในไซต์เดียว สังเกตว่าสถาปัตยกรรมข้อมูลบนไซต์ใช้ขนาดเพื่อเน้นหรือเลิกเน้นข้อเสนอที่เลือกอย่างไร

เปิดใช้งานการกรองในหมวดหมู่การขายของคุณเพื่อ UX . ที่ดีขึ้น

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

ตัวอย่าง UI:

Pomelo Fashion เสนอตัวกรองหมวดลดราคาตามประเภทและขนาดสินค้า

Fashion Nova เสนอการกรองหมวดหมู่การขายตามจุดราคาหรือช่อง:

เสนอห้องนักบินของลูกค้า

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

ตัวอย่าง UI:

H&M เสนอห้องนักบินของลูกค้า ซึ่งลูกค้าสามารถค้นหายอดคะแนนสะสม โปรโมชั่นและส่วนลดที่มีอยู่ บัตรกำนัลที่ไม่ซ้ำกัน และโปรแกรมแนะนำ

ห้องนักบินของลูกค้าในความละเอียดมือถือ:

แสดงรายการส่วนลดในส่วนการขายและในหมวดหมู่ที่เหมาะสม

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

ตัวอย่าง UI:

Pretty Little Thing แสดงรายการสินค้าลดราคาภายใต้รายการลดราคาและหมวดหมู่ผลิตภัณฑ์เพื่อให้สามารถพบได้ในทั้งสองรายการ

สื่อสารการโปรโมตทั่วทั้งไซต์เพื่อหลีกเลี่ยงข่าวร้าย

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

ตำแหน่งส่วนลดที่เป็นไปได้ ได้แก่:

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

ตัวอย่าง UI:

‍Pomelo Fashion แจ้งคูปองทั่วทั้งไซต์บนแบนเนอร์หน้าแรก ริบบิ้นสำหรับหน้าแรก และหน้าหมวดหมู่

PrettyLittleThing เตือนลูกค้าถึงคูปองส่วนลดทั่วทั้งไซต์แม้ในหน้าผลิตภัณฑ์ ซึ่งเป็นการเปลี่ยนแปลงที่ยอดเยี่ยมจากมุมมองของ UX

นี่คือวิธีที่พวกเขานำเสนอในรูปแบบมือถือ:

Pretty Little Thing โฆษณาโปรโมชั่นระดับรถเข็นบนแบนเนอร์หน้าหลักและริบบิ้นหน้าบน:

พวกเขามีหน้าขายที่แสดงรายการลดราคาทั้งหมด:

พวกเขายังแสดงส่วนลดในหน้าผลิตภัณฑ์:

มีความชัดเจนเกี่ยวกับข้อจำกัดของโปรโมชั่นล่วงหน้า

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

ตัวอย่าง UI:

Pretty Little Thing ระบุบนแบนเนอร์หน้าหลักว่าโปรโมชั่นนี้ไม่รวมสินค้าลดราคาและสินค้าเพื่อความงาม

Chewy ให้ลิงก์ไปยังข้อมูลเพิ่มเติมไปยังรายละเอียดโปรโมชัน (ปุ่ม "เรียนรู้เพิ่มเติม") ที่โฆษณาบนริบบิ้น "ประหยัด 35% ในการออโต้ชิพครั้งแรกของคุณ"

นี่คือป๊อปอัปที่ปรากฏขึ้นหลังจากคลิกที่โปรโมชั่น CTA:

ในความละเอียดมือถือ Ribbon ไม่มีปุ่มแต่สามารถคลิกได้ หลังจากคลิกป๊อปอัปเดียวกันกับข้อกำหนดและเงื่อนไขของโปรโมชั่นจะปรากฏขึ้น:

แนวทางปฏิบัติที่ดีที่สุดของคูปอง UX ในหน้าเฉพาะ:

หน้าแรก:

ประเภทของโปรโมชั่นที่โฆษณาในหน้าแรก:

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

ตัวอย่าง UI:

Happy Socks แสดงให้เห็นบนริบบิ้นหน้าแรกและแบนเนอร์หลักของหน้าแรกของการลดราคาช่วงฤดูร้อน 30% โดยอัตโนมัติ ซึ่งเป็นส่วนลดสาธารณะที่ใหญ่ที่สุดในขณะนั้น

ลิงค์ไปยังหน้าการขาย

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

ตัวอย่าง UI:

Chubbies Shorts จะแสดงแบนเนอร์ส่งเสริมการขายบนหน้าหลัก ซึ่งเชื่อมโยงไปยังหน้าคอลเลกชันการขาย

หน้าหมวดหมู่:

ป๊อปอัพ

ป๊อปอัปสามารถใช้เพื่อโฆษณาส่วนลดคูปองและโปรโมชั่นระดับรถเข็นที่มีอยู่ในร้านค้า แต่มีข้อเสีย UX หลายประการ หากเป็นวิธีเดียวในการโฆษณาโปรโมชั่น ผู้ใช้สามารถปิดและลืมเงื่อนไขส่วนลดที่แน่นอนหรือรหัสบัตรกำนัลที่จำเป็น ดังนั้น ป๊อปอัปจึงควรใช้กับวิธีการสื่อสารอื่นๆ เช่น แบนเนอร์ อีเมล SMS ปัญหาป๊อปอัปอีกประการหนึ่งคือพวกมันล่วงล้ำ พวกเขาครอบคลุมเนื้อหาที่ผู้ใช้ต้องการเรียกดูจริง ๆ และอาจถูกมองว่าน่ารำคาญ

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

ทางเลือกที่ดีสำหรับป๊อปอัปในแอปบนอุปกรณ์เคลื่อนที่คือการแจ้งเตือนแบบพุช

ตัวอย่าง UI:

Tula ใช้ป๊อปอัปเพื่อสื่อสารการเลื่อนระดับรถเข็น แต่สามารถเข้าถึงป๊อปอัปได้เมื่อผู้ใช้คลิกที่แบนเนอร์คงที่ 15% ที่ทำให้สามารถกลับมาโปรโมทได้ในภายหลัง

ริบบิ้นด้านบนของหน้า:

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

ตัวอย่าง UI:

Chubbies Shorts ใช้ริบบิ้นเพื่อโฆษณาโปรโมชั่นรถเข็นขนาดใหญ่ที่มีจำหน่ายทั่วไป

ส่วนท้าย:

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

ตัวอย่าง UI:

ThredUp ใช้ส่วนท้ายเพื่อแสดงข้อกำหนดและเงื่อนไขของโปรโมชั่นรถเข็น

หน้าสินค้า:

ทิ้งป้ายราคาเก่าไว้ที่

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

ตัวอย่าง UI:

Shein ขีดฆ่าราคาเก่า วางราคาใหม่ และเพิ่มแท็กที่ระบุระดับส่วนลดเป็นเปอร์เซ็นต์

บนมือถือ จะแสดงเปอร์เซ็นต์ของส่วนลดและมูลค่าเงินดอลลาร์ของส่วนลด

ระบุกติกาโปรโมชั่นมัดให้ชัดเจน

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

ตัวอย่าง UI:

Chubbies Shorts แสดงการลดราคา "ซื้อ 2 รับส่วนลด" ถัดจากป้ายราคาสินค้าในหน้าหมวดหมู่

พวกเขายังแสดงส่วนลดในตะกร้าสินค้า

เมื่อคุณคลิกที่ส่วนลด ส่วนลดจะถูกเลือกและเพิ่มไปยังคำสั่งซื้อ โดยลดราคาลง 10 ดอลลาร์

ตะกร้าสินค้า:

รวมช่องรหัสคูปองเป็นส่วนหลักของทั้งตะกร้าสินค้าและหน้าชำระเงิน

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

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

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

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

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

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

ตัวอย่าง UI:

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

ในความละเอียดมือถือ กล่องคูปองจะถูกซ่อนและต้องขยายโดยคลิกที่มัน:

อีกครั้ง มีลิงก์ไปยังกล่องรหัสโปรโมชั่นที่หน้าชำระเงิน:

สำหรับโปรโมชั่นการใช้จ่ายขั้นต่ำ ให้คำนวณสำหรับผู้ใช้และช่วยให้พวกเขาบรรลุเป้าหมายการใช้จ่าย

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

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

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

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

ตัวอย่าง UI:

Tula ใช้ UI เพื่อแสดงในตะกร้าสินค้าว่าขาดไปเท่าไรจึงจะมีสิทธิ์ได้รับค่าจัดส่งฟรี

เตือนผู้ใช้เกี่ยวกับข้อเสนอพิเศษที่พวกเขาสามารถได้รับในตะกร้าสินค้า

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

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

นี่คือแนวทางปฏิบัติ UX ที่ดีที่สุดบางส่วน:

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

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

ตัวอย่าง UI:

Chubbies Shorts แสดงส่วนลดและรางวัลที่มีให้ในตะกร้าสินค้าโดยตรง

ระบุเงื่อนไขหรือข้อจำกัดพิเศษใดๆ

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

ตัวอย่าง UI:

Shein กล่าวถึงเงื่อนไขพิเศษของการส่งเสริมการขายในตะกร้าสินค้า เช่น จำนวนสินค้าส่งเสริมการขายสูงสุดที่ลูกค้าสามารถซื้อได้และสินค้าลดราคานั้นไม่สามารถคืนได้

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

ใส่ช่องรหัสคูปอง

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

แสดงข้อความแสดงความสำเร็จหากใช้รหัสสำเร็จ

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

ตัวอย่าง UI:

Pretty Little Thing จะแสดงเครื่องหมายถูกและจำนวนเงินออมที่ใช้กับคำสั่งซื้อหลังจากป้อนรหัสที่ถูกต้อง นอกจากนี้ยังแสดงยอดส่วนลดที่คำนวณในยอดรวมของคำสั่งซื้อ โดยระบุว่ารหัสส่วนลดใดที่ใช้ส่วนลด

พวกเขายังแสดงรหัสคูปองที่ใช้และส่วนลดที่เกี่ยวข้องในมุมมองมือถือ:

{{CTA}}

สร้างส่วนหน้าของคุณด้วยส่วนประกอบที่พร้อมใช้งานใน UI Kit . ของเรา

เริ่มสร้าง

{{ENDCTA}}

แสดงข้อความแสดงข้อผิดพลาดสำหรับรหัสคูปองที่ไม่ถูกต้อง

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

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

ประเภทของข้อความแสดงข้อผิดพลาดที่จะแสดง:

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

ตัวอย่าง UI:

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

นี่คือวิธีที่พวกเขาแสดงบนความละเอียดมือถือ:

ทำให้ชัดเจนว่าลูกค้าสามารถเพิ่มคูปองส่วนลดได้มากกว่าหนึ่งใบหรือรวมโปรโมชั่น

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

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

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

ตัวอย่าง UI:‍

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

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

ช่วยให้ผู้ใช้ค้นหาส่วนลดสำหรับประสบการณ์ของลูกค้าที่ยกระดับ

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

ตัวอย่าง UI:

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

นี่คือห้องนักบินของลูกค้าที่แสดงคูปองที่มีอยู่และคูปองที่หมดอายุ ซึ่งเปิดขึ้นเมื่อคลิกลิงก์ "คูปองของฉัน"

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

สะท้อนส่วนลดที่ได้รับ

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

ควรแจ้งข้อจำกัดพิเศษเกี่ยวกับสินค้าลดราคาก่อนที่ลูกค้าจะสั่งซื้อ

ตัวอย่าง UI:

Shein แสดงส่วนลดระดับผลิตภัณฑ์ในระดับผลิตภัณฑ์ในสรุปตะกร้าสินค้า

Shein อนุญาตให้ลูกค้าใช้รหัสส่วนลดเมื่อชำระเงินเท่านั้น In the order summary, they reflect the product discounts by showing the difference between retail price and subtotal. Then, if you apply any discount codes to the whole order, it is displayed as the “discount” of the subtotal. Note that they show both, cart-level and discount coupons savings in the order total but in different places.

On the mobile app, coupons can be selected at checkout. Then they are displayed in the order total.

สรุป

This was a long one. The key takeaway here is that coupon offers and promotions shouldn't be run for the sake of it. Besides tinkering with the offer itself, your team also needs to consider the best design, placement, and validation possible. Keep in mind that the promotional ROI won't peak if you don't make your offers easy to find and apply. Even the best offer will go unnoticed if it's not promoted properly. Always remember to clearly communicate the value of the discount and any conditions customers need to meet. Hopefully, these UX tips will get you started.

{{CTA}}

Are you ready to fix your coupon UX?

เริ่ม

{{ENDCTA}}