การแก้ไขดีไซน์บัตรสมาชิก (สีแยกตามระดับ / โลโก้ / พรีวิวสด)

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

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

เปิดหน้าจอแก้ไข

เปิดหน้าจัดการร้านค้า → "แอปพลิเคชันร้านค้า" → "บัตรสมาชิก" → "แก้ไขดีไซน์" ด้านซ้ายจะมีแผงตั้งค่าสีและภาพ ด้านขวาจะแสดงพรีวิวสดของ Apple Wallet และ Google Wallet เรียงกัน

รายการที่แก้ไขได้

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

ดีไซน์แยกตามแต่ละระดับ

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

ตัวอย่างดีไซน์ทั่วไป

• ทั่วไป — สีแบรนด์ของร้าน (เช่น พื้นขาวตัวอักษรดำ)
• ซิลเวอร์ — สีเงินหรือสีเทาอ่อน
• โกลด์ — ข้อความเข้มบนโทนสีทอง (#D4AF37 เป็นต้น)
• แพลทินัม — สีทองเน้นบนพื้นดำ

การสร้าง "ความรู้สึกพิเศษ" ให้แต่ละระดับ จะช่วยกระตุ้นแรงจูงใจของลูกค้าในการเลื่อนระดับ

พรีวิวสด

พรีวิวด้านขวาจะสะท้อนผลทันทีเมื่อเปลี่ยนการตั้งค่า สามารถตรวจสอบการแสดงผลของทั้ง Apple Wallet และ Google Wallet เรียงกันได้ ทำให้สามารถออกแบบให้มีความสอดคล้องกันโดยไม่มีความรู้สึกแปลกแยกในทั้งสอง OS

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

สเปกที่แนะนำสำหรับโลโก้และภาพ

• ภาพโลโก้
  • ขนาดที่แนะนำ: 480×150 px (อัตราส่วน 3.2:1)
  • รูปแบบ: PNG (แนะนำพื้นหลังโปร่งใส) หรือ JPEG
  • ขนาดไฟล์: ไม่เกิน 1 MB
• ภาพแถบ
  • ขนาดที่แนะนำ: 1125×432 px (อัตราส่วน 2.6:1)
  • รูปแบบ: PNG หรือ JPEG
  • ขนาดไฟล์: ไม่เกิน 2 MB
• ไอคอน
  • ขนาดที่แนะนำ: 87×87 px ขึ้นไป (สี่เหลี่ยมจัตุรัส)
  • รูปแบบ: PNG (แนะนำพื้นหลังโปร่งใส)
  • ขนาดไฟล์: ไม่เกิน 500 KB

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

เคล็ดลับการออกแบบสี

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

การเผยแพร่การเปลี่ยนแปลง

เมื่อแก้ไขเสร็จแล้ว กดปุ่ม "เผยแพร่" ที่มุมขวาบนของหน้าจอ เมื่อเผยแพร่แล้ว

• บัตรสมาชิกที่ออกใหม่ จะออกด้วยดีไซน์ใหม่ทันที
• บัตรสมาชิกในบัตร Wallet ของลูกค้าที่มีอยู่เดิม ก็จะได้รับการอัปเดตเป็นดีไซน์ใหม่โดยอัตโนมัติเช่นกัน (จะได้รับการอัปเดตพุชผ่านเซิร์ฟเวอร์ของ Apple / Google)

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

การบันทึกแบบร่าง

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

วิธีเริ่มต้น

1. เปิดหน้าจัดการร้านค้า → "แอปพลิเคชันร้านค้า" → "บัตรสมาชิก" → "แก้ไขดีไซน์"
2. เลือกระดับที่ต้องการแก้ไขจากแท็บด้านซ้าย
3. ตั้งค่าสีพื้นหลัง สีข้อความ สีป้ายกำกับ (เลือกจากตัวเลือกสีหรือระบุด้วยค่า HEX)
4. อัปโหลดภาพโลโก้และภาพแถบ (ทางเลือก)
5. ตรวจสอบรูปลักษณ์ของทั้ง Apple Wallet และ Google Wallet ในพรีวิวด้านขวา
6. แก้ไขระดับอื่นๆ ในลักษณะเดียวกัน
7. กดปุ่ม "เผยแพร่" เพื่อสะท้อนผล

ลิงก์ที่เกี่ยวข้อง

• ภาพรวมบัตรสมาชิก Apple Wallet / Google Wallet
• การตั้งค่าการแจ้งเตือนตามตำแหน่งที่ตั้ง
• การตั้งค่าออกหมายเลขสมาชิกอัตโนมัติของเรดิเรกเตอร์
• แพลตฟอร์มแอปพลิเคชันร้านค้าคืออะไร
• กลับไปยังสารบัญวิธีใช้สำหรับร้านค้า