ข้ามไปยังเนื้อหา

ออกแบบบัตร Google Wallet ในเครื่องมือสร้างบัตร

เครื่องมือสร้างบัตร Google Wallet เป็นเครื่องมือออกแบบภาพใน Control Panel คุณสามารถเลือกประเภทบัตร, กรอกข้อมูลแบรนด์, ฟิลด์ และบาร์โค้ด, ดูตัวอย่างสด และสร้างบัตรได้ เมื่อคุณสร้างบัตร Pushwoosh จะสร้างอ็อบเจกต์บัตรใน Google Wallet และส่งคืนลิงก์สำหรับบันทึก “Add to Google Wallet”

สร้างบัตร

Anchor link to

ใน Control Panel ไปที่ Campaigns → Wallet Passes เปิดแท็บ Google Wallet และคลิก Create pass

หน้า Wallet Passes ที่เปิดแท็บ Google Wallet และเห็นปุ่ม Create pass

กำหนดค่าบัตร

Anchor link to
  • ตั้งแต่เริ่มต้น: เริ่มต้นด้วยบัตรเปล่า เลือกประเภทบัตร จากนั้นตั้งค่าฟิลด์ ลักษณะภายนอก บาร์โค้ด และตัวเลือกอื่นๆ ด้วยตนเองในส่วนด้านล่าง

  • จากเทมเพลต: คลิก Load template เลือกบัตรสำเร็จรูปใน Select Template (ทั่วไป, ข้อเสนอ, สมาชิก, ตั๋วงานอีเวนต์, บัตรของขวัญ, เที่ยวบิน หรือการเดินทาง) และยืนยัน แบบฟอร์มจะเติมประเภทบัตร, ฟิลด์, สี และบาร์โค้ดให้โดยอัตโนมัติ แก้ไขค่าใดๆ หรือเปลี่ยนประเภทได้ตามต้องการ

เลือกประเภทบัตร

Anchor link to

ใต้ PASS TYPE เลือกหนึ่งในเจ็ดประเภทบัตรของ Google Wallet ประเภทบัตรจะควบคุมเลย์เอาต์ของการ์ดและฟิลด์ที่ใช้งานได้ บัตรตามประเภทจะใช้เลย์เอาต์ดั้งเดิมของ Google ส่วนบัตรทั่วไปจะเป็นแบบอิสระ

  • Generic: การ์ดรูปแบบอิสระจากฟิลด์ของคุณเอง
  • Offer: คูปองและส่วนลด
  • Loyalty card: บัตรสมาชิกและบัตรสะสมคะแนน
  • Event ticket: ตั๋วสำหรับงานอีเวนต์
  • Gift card: บัตรของขวัญและบัตรเติมเงิน
  • Flight: บัตรโดยสารขึ้นเครื่อง
  • Transit: ตั๋วรถไฟ, รถบัส, รถราง และเรือข้ามฟาก

กรอกฟิลด์บัตร

Anchor link to

ฟิลด์ที่คุณเห็นจะขึ้นอยู่กับประเภทบัตร ฟิลด์ที่จำเป็นจะมีเครื่องหมายกำกับ ฟิลด์ทั่วไปตามประเภท:

ประเภทบัตร
ฟิลด์หลัก
GenericCard title*, Header*, Subheader, card fields
OfferTitle*, Provider*, Details, Fine print, Redemption channel (in-store / online / both), Issuer name
LoyaltyProgram name*, Member name, Member ID, Points balance, Points label, Rewards tier, Tier label, Issuer name
Event ticketEvent name*, Venue, Address, Start/End date & time, Ticket holder, Ticket number, Type, Section, Row, Seat, Gate
Gift cardMerchant name*, Card number*, PIN, Balance + currency
FlightCarrier IATA code*, Flight number*, Origin*, Destination*, Departure*, Passenger name*, Boarding time, Seat, Class, Boarding group, Confirmation code
TransitTransit type* (bus / rail / tram / ferry / other), Operator*, Passenger*, Trip type, journey legs (origin*, destination*, times, platform, coach, seat)

* จำเป็นโดย Google

ปรับแต่งเนื้อหาบัตรส่วนบุคคล

Anchor link to

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

ในการแทรกตัวยึดตำแหน่งแท็ก:

  1. ถัดจากฟิลด์ข้อความที่รองรับ (เช่น Merchant, Card title หรือ Header) คลิก {} เพื่อแทรกแท็ก
  2. ใน TAG เลือก tag ที่จะแทรกเข้าไปในฟิลด์
  3. ใน FORMAT เลือกวิธีแสดงค่าแท็ก: As is (ใช้ค่าที่เก็บไว้), Integer (ปัดเป็นจำนวนเต็ม), Price (0.00) (แสดงทศนิยมสองตำแหน่ง) หรือ Capitalize first letter (ทำให้อักษรตัวแรกเป็นตัวพิมพ์ใหญ่)
  4. ใน FALLBACK สามารถป้อนข้อความที่จะแสดงเมื่อผู้รับไม่มีค่าสำหรับแท็กนั้น (ไม่บังคับ)
  5. คลิก Insert
ฟิลด์บัตรพร้อมกล่องโต้ตอบ Insert a tag ที่เปิดอยู่ แสดงตัวเลือก Tag, Format และ Fallback

Pushwoosh จะเติมค่าแท็กเมื่อคุณสร้างบัตรและรีเฟรชค่าเหล่านั้นทุกครั้งที่มีการอัปเดต

ตั้งค่าลักษณะภายนอก

Anchor link to

ใต้ APPEARANCE กำหนดค่าสี, รูปภาพ, ผู้ที่สามารถบันทึกบัตร และการหมดอายุ

ป้อนรหัส hex ใน Background color เช่น #FFFFFF สำหรับสีขาว ต้องมี # นำหน้าและอักขระหกตัว

รูปภาพ

Anchor link to

วางลิงก์ HTTPS สาธารณะใน Logo URL จำเป็นสำหรับบัตรสมาชิกและบัตรเดินทาง

สามารถวางลิงก์ใน Hero image URL (ไม่บังคับ) สำหรับแบนเนอร์กว้างใต้รายละเอียดการ์ดที่ด้านหน้าของบัตร ขนาดที่แนะนำคือ 1032×336 px

ส่วน APPEARANCE พร้อมฟิลด์สีพื้นหลัง, URL โลโก้, URL รูปภาพฮีโร่, ใครสามารถบันทึกบัตรได้ และวันที่หมดอายุ

ใครสามารถบันทึกบัตรได้

Anchor link to

ใน Who can save the pass เลือกผู้ที่สามารถเพิ่มบัตรไปยัง Google Wallet:

  • One user, all their devices (ค่าเริ่มต้น): บัตรจะเชื่อมโยงกับบัญชี Google หนึ่งบัญชีและซิงค์กับอุปกรณ์ทั้งหมดของบัญชีนั้น
  • One user, one device: บัตรจะถูกบันทึกไว้ในอุปกรณ์เดียวเท่านั้น
  • Anyone with the link: ทุกบัญชี Google ที่เปิดลิงก์บันทึกจะได้รับอ็อบเจกต์บัตรที่แชร์ร่วมกัน เมื่อคุณอัปเดตบัตร Google จะส่งการเปลี่ยนแปลงไปยังผู้ถือบัตรทุกคนโดยอัตโนมัติ

การหมดอายุ

Anchor link to

ตั้งค่า Expiration date เป็นวันที่ที่ Google ควรจะทำให้บัตรหมดอายุ หรือเว้นว่างไว้หากไม่มีวันหมดอายุ

เพิ่มบาร์โค้ด

Anchor link to

ใต้ BARCODE เลือกรูปแบบและป้อนค่าที่จะเข้ารหัส:

  1. Format: เลือกลักษณะของบาร์โค้ดและประเภทของเครื่องสแกนที่สามารถอ่านได้
    • QR_CODE: โค้ดสี่เหลี่ยมที่โทรศัพท์และเครื่องสแกนส่วนใหญ่อ่านได้ง่าย เหมาะที่สุดสำหรับบัตรส่วนใหญ่
    • PDF_417: บาร์โค้ดกว้างที่ประกอบด้วยเส้นหลายแถว มักจำเป็นสำหรับบัตรโดยสารขึ้นเครื่อง
    • AZTEC: โค้ดสี่เหลี่ยมขนาดกะทัดรัดคล้ายกับ QR Code พบได้บ่อยในตั๋วงานอีเวนต์และตั๋วเดินทาง
    • CODE_128 / EAN_13: บาร์โค้ด 1D เลือกใช้เฉพาะเมื่อเครื่องสแกนหรือระบบ POS ของคุณต้องการ
  2. Value: ข้อมูลที่เข้ารหัสในบาร์โค้ด (เช่น หมายเลขตั๋วหรือหมายเลขสมาชิก) หากต้องการใช้ค่าที่ไม่ซ้ำกันสำหรับผู้ใช้แต่ละคน ให้คลิก {} ถัดจากฟิลด์และแทรก ตัวยึดตำแหน่งแท็ก
  3. Alt Text: ข้อความที่แสดงใต้บาร์โค้ดบนบัตร
ส่วน BARCODE พร้อมฟิลด์ Format, Value และ Alt Text

เพิ่มฟิลด์รายละเอียดและลิงก์

Anchor link to

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

  • Text modules: บล็อกข้อความเพิ่มเติมที่ด้านหลังของบัตร ตั้งค่า header (ชื่อหัวข้อ) และ body (ข้อความ) ใช้สำหรับข้อกำหนด, คำแนะนำ หรือข้อมูลอื่นๆ ที่ไม่พอดีกับด้านหน้า
  • Links: ลิงก์ที่สามารถแตะได้ที่ด้านหลังของบัตร ตั้งค่า URL และ description สั้นๆ (เช่น “ค้นหาสาขา” หรือ “ข้อกำหนดและเงื่อนไข”)
ส่วน TEXT MODULES และ LINKS พร้อมฟิลด์ header, body, URL และ description

เพิ่มลิงก์แอป (ไม่บังคับ)

Anchor link to

ใต้ APP LINK เพิ่มปุ่มที่ด้านหน้าของบัตรซึ่งจะเปิดหน้าเว็บหรือแอป Android ของคุณเมื่อแตะ คุณสามารถตั้งค่า URL, Android package name หรือทั้งสองอย่าง

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

ส่วน APP LINK พร้อมฟิลด์ URL และ Android package name

เพิ่มตำแหน่งที่ตั้ง (ไม่บังคับ)

Anchor link to

ใต้ Location-based relevance เพิ่มจุดสนใจ Google จะแสดงการแจ้งเตือนตามตำแหน่งทางภูมิศาสตร์เมื่อผู้ใช้อยู่ใกล้ตำแหน่งที่คุณเพิ่ม ตัวอย่างเช่น แสดงบัตรสมาชิกใกล้ร้านค้าของคุณ, ตั๋วงานอีเวนต์ใกล้สถานที่จัดงาน หรือบัตรโดยสารขึ้นเครื่องใกล้สนามบิน

คุณสามารถเพิ่มตำแหน่งได้สูงสุด 10 แห่ง โดยแต่ละแห่งตั้งค่าด้วยละติจูดและลองจิจูด

ส่วน LOCATIONS พร้อมฟิลด์ละติจูดและลองจิจูดสำหรับเพิ่มจุดสนใจ

ป้อน User ID

Anchor link to

ป้อน User ID ของ Pushwoosh สำหรับบุคคลที่จะได้รับบัตรนี้

Pushwoosh จะออกบัตรให้กับผู้ใช้นั้นและแสดงรายการไว้ใต้ USER ในหน้า All passes

ดูตัวอย่างและตรวจสอบความถูกต้อง

Anchor link to

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

หากต้องการตรวจสอบบัตรกับข้อกำหนดของ Google โดยไม่ต้องสร้างบัตร ให้คลิก Validate เครื่องมือสร้างจะแจ้งเตือนฟิลด์ที่จำเป็นที่ขาดหายไปและปัญหาอื่นๆ

สร้างบัตร

Anchor link to

คลิก Generate Pushwoosh จะตรวจสอบบัตรและสร้างบัตรใน Google Wallet คุณจะได้รับลิงก์บันทึก Add to Google Wallet เพื่อแชร์กับผู้ใช้ ภายในไม่กี่วินาที บัตรจะปรากฏใน All passes

สำหรับการแก้ไข, การรับลิงก์บันทึก, การทำให้บัตรใช้งานไม่ได้ และการลบบัตรหลังจากการสร้าง โปรดดูที่ จัดการบัตรที่มีอยู่

จัดการบัตรผ่าน API

Anchor link to

ทุกสิ่งที่เครื่องมือสร้างบัตรทำได้ยังสามารถทำได้ผ่าน Google Wallet API เช่นกัน: สร้าง, อัปเดต, แสดงรายการ, รับลิงก์บันทึก, ตั้งค่าสถานะ และลบบัตร