วิธีการตั้งค่า WooCommerce Apple Pay บนเว็บไซต์อีคอมเมิร์ซของคุณ

เผยแพร่แล้ว: 2022-02-13

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

สารบัญ
[แสดงซ่อน]
  1. Apple Pay คืออะไร?
  2. Apple Pay ต้องการอะไร
  3. วิธีตั้งค่าตัวเลือกการชำระเงิน WooCommerce Apple Pay
    1. ขั้นตอนที่ 1: ตั้งค่า Stripe สำหรับ WooCommerce
      1. #1st: ติดตั้งและเปิดใช้งานปลั๊กอิน Stripe for WooCommerce
      2. #2nd: เปิดใช้งาน Stripe ใน WooCommerce
      3. # 3: สร้างบัญชี Stripe
      4. #4th: รับคีย์ Stripe API
      5. #5th: ลิงก์ Stripe โดยใช้คีย์ API
    2. ขั้นตอนที่ 2: เปิดใช้งาน Apple Pay Payments ภายใน Stripe
      1. #1st: เปิดใช้งานปุ่ม WooCommerce Apple Pay
      2. #2nd: การแก้ไขปัญหาปุ่ม WooCommerce Apple Pay
    3. ขั้นตอนที่ 3: ทดสอบว่า Apple Pay ใช้งานได้หรือไม่
  4. ความคิดสุดท้าย,

Apple Pay คืออะไร?

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

woocommerce-apple-pay-1

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

ผู้ใช้ Apple Pay เชื่อมต่อบัตรเดบิตและบัตรเครดิตและบันทึกไว้ในแอพ Wallet บน iPhone การชำระเงินสามารถดำเนินการได้ในไม่กี่วินาที หากร้านค้าออนไลน์หรือหน้าร้านยอมรับ Apple Pay

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

Apple Pay ต้องการอะไร

สำหรับผู้ที่ต้องการเลือกวิธีการชำระเงิน Apple Pay ในร้านค้า WooCommerce ของคุณ พวกเขาต้อง:

  • ใช้เบราว์เซอร์ Safari
  • ใช้อุปกรณ์ Apple (เช่น iPhone, iPad, MacBook)
  • เปิดใช้งาน Apple Pay บนอุปกรณ์ของพวกเขา

สำหรับคุณ เจ้าของร้านค้าที่ต้องการยอมรับวิธีการชำระเงิน Apple Pay สำหรับร้านค้าของคุณ คุณต้องเพิ่มองค์ประกอบต่อไปนี้นอกเหนือจากไซต์ WordPress:

  • ปลั๊กอิน WooCommerce เพื่อทำให้ไซต์ของคุณกลายเป็นร้านอีคอมเมิร์ซ
  • ปลั๊กอิน Stripe for WooCommerce เพื่อเพิ่มวิธีการชำระเงิน
  • บัญชีลาย

วิธีตั้งค่าตัวเลือกการชำระเงิน WooCommerce Apple Pay

ในบทช่วยสอนนี้ เราจะรับรองว่าคุณมีปลั๊กอิน WooCommerce บนไซต์ WordPress ของคุณ ดังนั้น ในการยอมรับการชำระเงินด้วย Apple Pay คุณสามารถเริ่มต้นด้วยขั้นตอนด้านล่าง

ขั้นตอนที่ 1: ตั้งค่า Stripe สำหรับ WooCommerce

มีปลั๊กอินมากมายที่รองรับ Apple Pay เช่น ปลั๊กอินการชำระเงินสำหรับ Stripe WooCommerce, Authorize.net, CyberSource, Moneris และปลั๊กอิน Square ในบทความนี้ ฉันจะแสดงให้คุณเห็นการตั้งค่าการชำระเงิน Apple Pay ในร้านค้าของคุณโดยใช้ Stripe สำหรับ WooCommerce เนื่องจากมีแพ็คเกจที่เหมาะสมและขั้นตอนการตั้งค่าที่ใช้งานง่าย

#1st: ติดตั้งและเปิดใช้งานปลั๊กอิน Stripe for WooCommerce

จากแดชบอร์ด WordPress คลิก Plugins > Add New ค้นหาปลั๊กอิน Stripe for WooCommerce

woocommerce-apple-pay-2

จากนั้นกด ติดตั้งทันที > เปิดใช้งาน

woocommerce-apple-pay-3
woocommerce-apple-pay-4

#2nd: เปิดใช้งาน Stripe ใน WooCommerce

ในแดชบอร์ด WordPress ของคุณ คลิก WooCommerce > การตั้งค่า > การชำระเงิน

woocommerce-apple-pay-6

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

เปิดสวิตช์ บัตรเครดิต Stripe จากนั้น คลิกตั้งค่าหรือจัดการ ทั้งนี้ขึ้นอยู่กับปุ่มที่ปรากฏสำหรับคุณ

woocommerce-apple-pay-7

# 3: สร้างบัญชี Stripe

หากคุณยังไม่มีบัญชี Stripe คุณควรสร้างบัญชี Stripe ในการดำเนินการนี้ คุณต้องมีบัญชีธุรกิจเพื่อรับคีย์ API จาก Stripe

woocommerce-apple-pay-8

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

#4th: รับคีย์ Stripe API

ในขั้นตอนนี้ คุณควรได้รับรหัสบัญชี Stripe จากแดชบอร์ด Stripe ให้คลิก Developers > API keys

woocommerce-apple-pay-9

จากนั้น คุณจะสามารถดูคีย์ที่เผยแพร่ได้และคีย์ลับของคุณ คัดลอกค่าเหล่านี้

woocommerce-apple-pay-10

หลังจากนั้น วางค่าเหล่านี้ในส่วนข้อมูลรับรอง API บันทึกการเปลี่ยนแปลง

จากนั้น จากแดชบอร์ด Stripe คลิก add endpoint คัดลอกจุดสิ้นสุดของ webhook ใน WooCommerce และวางค่านี้ใน URL ปลายทางใน Stripe

woocommerce-apple-pay-12

สุดท้าย คัดลอกความลับของเว็บฮุคใน Stripe และวางค่านี้ลงใน WooCommerce

woocommerce-apple-pay-13

จากนั้นอย่าลืมคลิก บันทึกการเปลี่ยนแปลง เพื่ออัปเดตทุกสิ่งใน WooCommerce

#5th: ลิงก์ Stripe โดยใช้คีย์ API

ไปที่ส่วน การตั้งค่า API ในหน้าใหม่

woocommerce-apple-pay-14

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

ในช่อง Connect Stripe Account ให้คลิก ปุ่ม Click to Connect ซึ่งจะนำคุณไปยังหน้าใหม่ที่คุณสามารถลงชื่อเข้าใช้บัญชี Stripe และเชื่อมต่อกับ WordPress

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

เมื่อเข้าสู่ระบบแล้ว ให้เลือกบัญชี Stripe ที่คุณต้องการเชื่อมโยงกับร้านค้า WooCommerce ของคุณ

คลิกปุ่ม เชื่อมต่อ

woocommerce-apple-pay-15

ตอนนี้คุณควรเห็นเครื่องหมายถูกสีเขียวและข้อความระบุว่าบัญชี Stripe ของคุณเชื่อมต่อสำเร็จแล้ว

สิ่งนี้จะสร้างคีย์ที่เผยแพร่ได้และรหัสลับ ซึ่งจะถูกเพิ่มลงในฟิลด์ที่เหมาะสมในแดชบอร์ดของ WordPress

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

woocommerce-apple-pay-16

เลื่อนลงมาที่หน้าการชำระเงินของ WooCommerce เพื่อคลิกปุ่ม บันทึกการเปลี่ยนแปลง

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

woocommerce-apple-pay-17

ขั้นตอนที่ 2: เปิดใช้งาน Apple Pay Payments ภายใน Stripe

#1st: เปิดใช้งานปุ่ม WooCommerce Apple Pay

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

และแม้ว่าจะเป็นขั้นตอนที่จำเป็นในการเพิ่มปุ่ม Apple Pay แต่ก็ยังมีอีกสองสามขั้นตอนที่ต้องดำเนินการให้เสร็จสิ้น

woocommerce-apple-pay-18

ตอนนี้ คุณต้องแน่ใจว่าคุณเป็นเจ้าของโดเมนนี้จริงๆ โดยปกติ คุณต้องอัปโหลดเอกสารการยืนยันไปยังส่วนของไฟล์เว็บไซต์ที่โฮสต์ (ควรเป็นไฟล์ apple-developer-merchantid-domain-association )

woocommerce-apple-pay-15

อย่างไรก็ตาม คุณแทบไม่ต้องทำสิ่งนี้ด้วยตนเองเลย เพียงไปที่ส่วน Apple Pay แล้วคลิกปุ่ม ลงทะเบียนโดเมน

woocommerce-apple-pay-16

หลังจากนั้น คุณจะเห็นข้อความระบุว่าโดเมนได้รับการจดทะเบียนสำเร็จแล้ว

ไปที่แดชบอร์ด Stripe แล้วคลิก การตั้งค่า > วิธีการชำระเงิน > Apple Pay เพื่อให้แน่ใจว่าทุกอย่างทำงานอย่างถูกต้อง

woocommerce-apple-pay-17

ชื่อโดเมนของคุณควรปรากฏในรายการโดเมนเว็บ

woocommerce-apple-pay-18

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

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

woocommerce-apple-pay-19

#2nd: การแก้ไขปัญหาปุ่ม WooCommerce Apple Pay

หากคุณได้รับข้อผิดพลาดหรือคิดว่ากระบวนการนี้ดำเนินไปอย่างราบรื่น แต่คุณยังคงไม่เห็นปุ่ม Apple Pay บนไซต์ของคุณ ให้พิจารณาปัญหาทั่วไปต่อไปนี้เพื่อแก้ไขปัญหาของคุณ:

  • ผู้ใช้ไม่ได้ใช้อุปกรณ์พกพาที่รองรับ Apple Pay Apple Pay สามารถใช้ได้บนโทรศัพท์ก็ต่อเมื่อผู้ใช้มีบัญชี Apple Pay ดังนั้น เราจึงแนะนำให้เชื่อมโยงบัตรเครดิตกับแอป Apple Pay บน iPhone เพื่อทดสอบและดูว่าปุ่มทำงานอย่างไรในไซต์ของคุณเอง
  • ไซต์ยังไม่เผยแพร่ – คีย์ API สำหรับการทดสอบและไซต์ที่ใช้งานจริงจะถูกสร้างขึ้นแยกต่างหาก ปุ่ม Apple Pay จะไม่ปรากฏขึ้นหากคุณอยู่ในโหมดทดสอบ Stripe แม้ว่า Stripe จะจำลองธุรกรรมก็ตาม คุณต้องตื่นตัว
  • Stripe บล็อกฟังก์ชันการชำระเงิน (โดยเฉพาะ Apple Pay) หากคุณไม่มีใบรับรอง SSL และ “https://” (ไม่ใช่ http://) ก่อนโดเมน ในการเปิดใช้งานหรือติดตั้ง SSL คุณสามารถเลือก SSL จากตัวเลือกต่างๆ เช่น ใบรับรอง Sectigo Wildcard SSL (สำหรับหลายโดเมนย่อย) สำหรับรายละเอียดการชำระเงินและความปลอดภัยของข้อมูลออนไลน์อื่นๆ
  • ปลั๊กอิน Stripe for WooCommerce ไม่สามารถสร้างคีย์ Stripe API ได้โดยอัตโนมัติ แม้ว่าปลั๊กอิน Stripe for WooCommerce มักจะใช้ได้ผล แต่คุณอาจต้องแสดงผลด้วยตนเองในส่วน Stripe API
  • ปลั๊กอินไม่สามารถยืนยันความเป็นเจ้าของได้ – หากเป็นกรณีนี้ ให้อัปโหลดไฟล์การยืนยันไปยังเว็บไซต์ของคุณโดยใช้คำแนะนำที่ให้ไว้ในข้อความแสดงข้อผิดพลาด

ขั้นตอนที่ 3: ทดสอบว่า Apple Pay ใช้งานได้หรือไม่

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

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

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

ความคิดสุดท้าย,

WooCommerce Apple Pay ให้ประโยชน์ทั้งคุณ เจ้าของร้าน และลูกค้าอย่างแน่นอนด้วยความปลอดภัย ตัวเลือกการชำระเงินที่มากกว่า และ UX ที่ดีขึ้น

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