วิธีเพิ่ม Apple Pay ใน WordPress (5 ขั้นตอน)

เผยแพร่แล้ว: 2023-05-10
How to Add Apple Pay to WordPress

คุณต้องการใช้ Apple Pay เพื่อรับการชำระเงินบนเว็บไซต์ WordPress ของคุณหรือไม่?

การตั้งค่าแบบฟอร์ม WordPress Apple Pay เป็นขั้นตอนง่ายๆ ไม่ว่าคุณจะเป็นร้านค้าออนไลน์ นิตยสาร หรือองค์กรการกุศล เนื่องจากผู้ซื้อจำนวนมากซื้อสินค้าออนไลน์ผ่านสมาร์ทโฟน คุณจะต้องการตัวเลือก Apple Wallet ในหน้าชำระเงิน

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

วิธีเพิ่ม Apple Pay ลงใน WordPress

วิธีที่ง่ายที่สุดในการเพิ่ม Apple Pay ในไซต์ของคุณคือการใช้ WPForms

WPForms form builder

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

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

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

ด้วย WPForms คุณไม่จำเป็นต้องใช้ปลั๊กอิน Apple Pay แยกต่างหากสำหรับ WordPress คุณสามารถสร้างแบบฟอร์มของคุณและรับการชำระเงินจากเกตเวย์การชำระเงินต่างๆ มากมายภายใต้ WPForms เอง

นอกจากนั้น ต่อไปนี้เป็นไฮไลท์บางส่วนที่คุณจะชื่นชอบ:

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

นี่เป็นเพียงคุณสมบัติที่ดีที่สุดของ WPForms มีอีกมากมายที่คุณสามารถสำรวจได้ในรีวิว WPForms ของเรา

ตอนนี้มาเริ่มกันเลยกับบทช่วยสอนทีละขั้นตอนเพื่อเพิ่ม Apple Pay ลงในไซต์ของคุณ เราจะดำเนินการใน 5 ขั้นตอนง่ายๆ:

  1. ติดตั้ง WPForms
  2. เปิดใช้งาน Apple Pay โดยใช้ Stripe
  3. ออกแบบแบบฟอร์มของคุณ
  4. เชื่อมต่อแบบฟอร์มกับ Stripe
  5. แสดงแบบฟอร์มบนเว็บไซต์ของคุณ

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

ยอมรับการชำระเงิน Apple Pay ใน WordPress

เราจะแนะนำคุณตลอดขั้นตอนการใช้ Stripe กับ WPForms เพื่อรับการชำระเงินผ่าน Apple Pay โดยไม่ต้องข้ามขั้นตอน!

ขั้นตอนที่ 1: ติดตั้ง WPForms

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

downloadwpforms

ต้องการความช่วยเหลือ? ดูคำแนะนำของเราเกี่ยวกับวิธีติดตั้งปลั๊กอิน WordPress

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

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

ในแผงผู้ดูแลระบบ WordPress ของคุณ จากเมนูแถบด้านข้าง คลิกที่ WPForms » Addons

WPForms stripe Apple Pay Payments in WordPress

จากนั้นหน้าจอที่แสดงส่วนเสริมที่มีอยู่จะปรากฏขึ้น ค้นหาส่วนเสริม Stripe และติดตั้ง

Stripe Addon Apple Pay Payments in WordPress

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

stripe add one apple pay wpforms

เมื่อติดตั้งส่วนเสริม Stripe ใน WPForms สำเร็จแล้ว เพียงเชื่อมต่อกับบัญชีของคุณ

ไปที่ WPForms » การตั้งค่า จากแดชบอร์ด WordPress ของคุณเพื่อเชื่อมโยงทั้งสองเข้าด้วยกัน

Connecting stripe to WPForms

หลังจากคลิกที่ การตั้งค่า คุณจะเห็นการตั้งค่าบัญชีของคุณสำหรับ WPForms และชุดของแท็บที่ด้านบนของหน้าจอ ต่อไป คุณจะเลือกแท็บ การชำระเงิน

payment-settings-wpforms

การคลิกที่แท็บ การชำระเงิน จะแสดงตัวเลือกในการตั้งค่าสกุลเงินของคุณ เลือกหนึ่งที่เหมาะกับตลาดของคุณมากที่สุด ตัวอย่างเช่น หากธุรกิจของคุณตั้งอยู่ในอเมริกา คุณจะต้องเลือกดอลลาร์สหรัฐ (USD)

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

Connect stripe wpforms apple pay

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

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

WPForms Stripe confirmation

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

หากต้องการเปิดใช้งาน Apple Pay เพียงเลือก องค์ประกอบการชำระเงิน ของคุณ

payment element apple pay with WPForms

คุณจะมีวิธีการชำระเงินให้เลือกมากกว่า 25 วิธี ซึ่งรวมถึง Apple Pay

ขั้นตอนต่อไปคือการเริ่มออกแบบแบบฟอร์มเพื่อรับการชำระเงิน

ขั้นตอนที่ 3: ออกแบบแบบฟอร์มของคุณเพื่อรับ Apple Pay

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

wpforms add new apple pay

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

คุณสามารถเลือกเทมเพลต เช่น แบบฟอร์มการเรียกเก็บเงิน/คำสั่งซื้อ เนื่องจากจะมีฟิลด์ที่คุณต้องใช้ในการรับชำระเงินผ่าน Apple Pay

wpforms name and order template

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

WPForms drag and drop builder

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

 Stripe Credit Card apple pay

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

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

show price in items wpforms

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

  • วิธีเพิ่มแบบฟอร์มการจองห้องพักโรงแรม
  • วิธีสร้างแบบฟอร์มการสั่งซื้อออนไลน์
  • วิธีสร้างแบบฟอร์มการจองสำหรับตัวแทนการท่องเที่ยว
  • วิธีสร้างแบบฟอร์มลงทะเบียนกิจกรรมออนไลน์
  • วิธีสร้างแบบฟอร์ม eBook
  • วิธีสร้างแบบฟอร์มการบริจาค WordPress

นอกจากนี้ เนื่องจากคุณรับชำระเงินทางออนไลน์ คุณจึงมักต้องปฏิบัติตาม GDPR WPForms ให้คุณเพิ่มสิ่งนี้ได้อย่างง่ายดาย

gdpr agreement in wpforms

คุณอาจต้องการดูตัวเลือกอื่น ๆ ที่นี่: 11 สุดยอดปลั๊กอิน WordPress GDPR เพื่อสร้างเว็บไซต์ที่สอดคล้องกับ GDPR

หากทุกอย่างในแบบฟอร์มของคุณดูดี คุณสามารถเปิดการชำระเงินแบบ Stripe ได้

ขั้นตอนที่ 4: เปิดใช้การชำระเงินแบบ Stripe

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

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

สิ่งนี้เป็นการบอก WPForms ว่าการรวม Stripe ที่คุณสร้างไว้ก่อนหน้านี้จำเป็นต้องเปิดใช้งานในแบบฟอร์มเฉพาะนี้

ในแท็บการชำระเงิน คลิกที่ Stripe จากนั้นใช้สวิตช์สลับเพื่อเปิดใช้งานการชำระเงินแบบ Stripe

Enable stripe payments apple pay

คุณจะเห็นว่า WPForms ยังให้คุณผสานรวมกับ PayPal, Authorize.net และ Square ดังนั้นคุณจึงมีตัวเลือกมากมายในการรับบัตรเดบิต, Google Pay และตัวเลือกการชำระเงินออนไลน์หรือมือถืออื่นๆ

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

stripe payment enabled apple pay

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

  • วิธีรับการชำระเงินแบบ Stripe ใน WordPress
  • จะเพิ่ม Square Payments ให้กับ WordPress ได้อย่างไร?
  • วิธีสร้างแบบฟอร์ม PayPal แบบกำหนดเองสำหรับเว็บไซต์ WordPress

เรายังมีคู่มือนี้เกี่ยวกับวิธีรับการชำระเงินด้วยบัตรเครดิตใน WordPress โดยใช้ WP Simple Pay ซึ่งเป็นปลั๊กอินการชำระเงิน WordPress ที่ยอดเยี่ยมอีกตัวที่ทำให้การรับชำระเงินออนไลน์ง่ายขึ้น

กลับไปที่บทช่วยสอน เมื่อแบบฟอร์ม Apple Pay ของคุณพร้อมแล้ว มาแสดงบนไซต์ของคุณกันเถอะ

ขั้นตอนที่ 5: แสดงแบบฟอร์มบนเว็บไซต์ WordPress ของคุณ

คุณเกือบจะพร้อมที่จะเริ่มเก็บเงินแล้ว! แต่คุณจะต้องฝังลงในเว็บไซต์ WordPress ของคุณก่อน

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

embed button wpforms apple pay

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

Embed WPForms

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

wpforms select form in block editor

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

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

ต้องการเพิ่มลงในแถบด้านข้างหรือส่วนท้ายของคุณหรือไม่ จากนั้นตรงไปที่ ลักษณะที่ปรากฏ » วิดเจ็ต แล้วลากและวางวิดเจ็ต WPForms ไปที่แถบด้านข้างของคุณ จากนั้นเลือกแบบฟอร์มที่คุณต้องการแสดงและบันทึกการตั้งค่าของคุณ มันง่ายมากจริงๆ

add wpforms to sidebar

หากคุณต้องการขั้นตอนโดยละเอียดเพิ่มเติม คุณสามารถอ่านคำแนะนำของ WPBeginner เกี่ยวกับการฝังแบบฟอร์มบนไซต์ WordPress ของคุณ

ตอนนี้คุณสามารถตรงไปที่ไซต์ของคุณเพื่อดูแบบฟอร์ม Apple Pay ที่ใช้งานจริง

publish form stripe apple pay

หากคุณไม่เห็นตัวเลือก Apple Pay บนอุปกรณ์ของคุณเอง อาจเป็นเพราะคุณต้องใช้อุปกรณ์ที่เปิดใช้งาน Apple Pay ดังนั้น หากคุณใช้อุปกรณ์ Android หรือคอมพิวเตอร์ Windows คุณอาจไม่เห็นอุปกรณ์ดังกล่าว

แต่ถ้าคุณใช้ Apple Wallet บน iPhone หรืออุปกรณ์ iOS อื่นๆ และมีบัตรที่บันทึกไว้เพื่อใช้กับ Apple Pay คุณควรจะเห็นบัตรนั้นที่นั่น ตรรกะเดียวกันนี้เป็นไปตามวิธีการชำระเงินทั้งหมดที่มีใน Stripe เมื่อลูกค้าใช้กระเป๋าเงินดิจิทัล

คุณสามารถจัดการการชำระเงินของคุณโดยใช้แดชบอร์ด Stripe

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

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

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

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

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

  • วิธีเพิ่มตัวเลือก 'บันทึกและดำเนินการต่อในภายหลัง' ในแบบฟอร์ม WordPress
  • วิธีบันทึกข้อมูลแบบฟอร์มในฐานข้อมูล WordPress
  • วิธีตั้งค่าการติดตามฟอร์ม WordPress ใน Google Analytics

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