3 วิธีที่มีประสิทธิภาพในการปรับแต่งและแก้ไข WooCommerce Checkout Page

เผยแพร่แล้ว: 2022-04-28

กำลังค้นหาวิธีที่ดีที่สุดในการ แก้ไขหน้าชำระเงินของ WooCommerce อยู่ ใช่ไหม

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

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

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

มาเริ่มกันเลย…

เหตุผลในการแก้ไขหน้าชำระเงิน WooCommerce

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

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

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

วิธีแก้ไขหน้าชำระเงิน WooCommerce

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

ด้านล่างนี้ เราจะพูดถึงวิธีที่ดีที่สุดสามวิธี:

  1. การตั้งค่า WooCommerce ดั้งเดิม – WooCommerce มีตัวเลือกในตัวมากมายสำหรับการปรับแต่งการชำระเงินเอง ซึ่งเราจะอธิบายรายละเอียดในวิธีแรก ธีมของคุณอาจเสนอตัวเลือกของตัวเองเพื่อปรับแต่งการออกแบบหน้าชำระเงิน
  2. Elementor Pro – ตอนนี้ Elementor Pro มีวิดเจ็ตการชำระเงินของตัวเองที่ให้คุณปรับแต่งการออกแบบหน้าชำระเงินได้อย่างเต็มที่ นี่เป็นตัวเลือกที่ดีหากคุณต้องการแก้ไขการออกแบบหน้าโดยเฉพาะ
  3. Checkout Field Editor – นี่เป็นตัวเลือกที่ดีหากคุณต้องการแก้ไขช่องแบบฟอร์มที่ปรากฏบนหน้าชำระเงิน คุณสามารถใช้เพื่อเพิ่มฟิลด์ใหม่ ลบฟิลด์เริ่มต้น และจัดเรียงทุกอย่างใหม่ตามต้องการ

ผ่านพวกเขาไป..

วิธีที่ 1: ใช้การตั้งค่าการชำระเงิน WooCommerce เริ่มต้น

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

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

ตัวอย่างเช่น WooCommerce มีเครื่องมือสำหรับลบบางฟิลด์ เปิดใช้งานอัตราภาษีระหว่างการชำระเงิน และแสดงฟิลด์คูปอง

ขั้นตอนที่ 1: เพิ่มการคำนวณภาษีและฟิลด์คูปองเมื่อชำระเงิน

WooCommerce มีการตั้งค่าในตัวเพื่อคำนวณภาษีโดยอัตโนมัติและรับคูปองเมื่อชำระเงิน

หากต้องการเปิด/ปิด ให้ไปที่ WooCommerce > การตั้งค่า บน WordPress

แก้ไขการตั้งค่าการชำระเงิน WooCommerce

เลือกแท็บ ทั่วไป แล้วเลื่อนลงไปที่ส่วน เปิดใช้งานภาษี ทำเครื่องหมายที่ช่องเพื่อ เปิดใช้งานอัตราภาษีและการคำนวณ ระหว่างการชำระเงิน สิ่งนี้สร้างและแสดงค่าธรรมเนียมภาษีตามอัตราที่คุณกำหนดค่าใน WooCommerce ( WooCommerce > การตั้งค่า > ภาษี > อัตรามาตรฐาน )

ทำเครื่องหมายที่ช่องเพื่อ เปิดใช้งานการใช้รหัสคูปอง เพื่อแสดงฟิลด์ที่ลูกค้าสามารถพิมพ์รหัสส่วนลดได้

เปิดใช้งานอัตราและคูปอง

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

ขั้นตอนที่ 2: แสดงราคาสินค้าโดยมีหรือไม่มีภาษี

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

โดยทั่วไป สิ่งนี้จะแสดงให้เห็นความโปร่งใสมากกว่า แทนที่จะเพิ่มราคาพร้อมสิทธิภาษีก่อนที่ลูกค้าจะจ่าย

หากต้องการรวมภาษีกับการกำหนดราคาในขั้นตอนการชำระเงิน ให้ไปที่ WooCommerce > การตั้งค่า > ภาษี

แท็บภาษี

เลื่อนลงมาที่หน้าเพื่อค้นหาช่อง "แสดงราคาระหว่างตะกร้าสินค้าและชำระเงิน"

เลือกจากดรอปดาวน์:

  • รวมภาษีแล้ว
  • ไม่รวมภาษี

คลิก บันทึก การเปลี่ยนแปลง

รวมภาษี

ขั้นตอนที่ 3: ตั้งค่ารายการจัดส่งที่แสดงในขั้นตอนการชำระเงิน

นอกจากนี้ ภายใต้ WooCommerce > Settings คุณสามารถทำเครื่องหมายโซนการจัดส่ง วิธีการ และการคำนวณที่ปรากฏในการชำระเงินของ WooCommerce

เพียงไปที่แท็บการ จัดส่ง และปรับ:

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

คลิก บันทึกการเปลี่ยนแปลง

การส่งสินค้า

ขั้นตอนที่ 4: จัดการบัญชีและความเป็นส่วนตัวในการชำระเงิน

ขณะที่อยู่ภายใต้ WooCommerce > Settings ให้ไปที่แท็บ Accounts & Privacy

ที่ด้านบนของหน้า คุณจะเห็นสองฟิลด์:

  • เช็คเอาต์ของแขก: รวม / ลบเช็คเอาต์ของแขกและการเข้าสู่ระบบบัญชีที่มีอยู่
  • การสร้างบัญชี: อนุญาตให้ลูกค้าสร้างบัญชีหรือเริ่มต้นการสมัครระหว่างการชำระเงิน
บัญชีและความเป็นส่วนตัว

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

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

ชำระเงิน นโยบายความเป็นส่วนตัว

ขั้นตอนที่ 5: เลือกหน้าชำระเงินจริงและการตั้งค่าขั้นสูงอื่นๆ

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

ตามค่าเริ่มต้น WooCommerce จะสร้างหน้า Cart , Checkout , My Account และ Terms and Conditions ซึ่งคุณสามารถค้นหาได้โดยไปที่ Pages > All Pages บน WordPress

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

อีกตัวเลือกหนึ่งในแท็บ ขั้นสูง คือ บังคับให้ชำระเงินที่ปลอดภัย ซึ่งต้องมีใบรับรอง SSL

การชำระเงินที่ปลอดภัยและการตั้งค่าหน้าเพื่อแก้ไขการชำระเงิน WooCommerce

ขั้นตอนที่ 6: เปลี่ยนการออกแบบการชำระเงินของธีมใน WordPress Customizer

ธีม WordPress พร้อมฟังก์ชัน WooCommerce มักจะติดตั้งเครื่องมือ WordPress Customizer เพื่อปรับรูปแบบการชำระเงินของคุณได้อย่างง่ายดาย

โปรดทราบว่าธีม WooCommerce ทั้งหมดมีการตั้งค่า WordPress Customizer ที่ไม่ซ้ำกัน (บางส่วนไม่มีการตั้งค่าใด ๆ เลย) แต่โดยรวมแล้ว คุณควรตรวจสอบ WordPress Customizer เพื่อควบคุมการชำระเงินได้อย่างรวดเร็ว

ในการเริ่มต้น ให้ไปที่ ลักษณะที่ ปรากฏ > ปรับแต่ง บน WordPress

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

หากมี ธีมของคุณควรแสดงปุ่ม WooCommerce ที่ใดที่หนึ่งใน WordPress Customizer คลิกที่นั้น

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

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

แท็บการชำระเงิน

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

  • ช่องชื่อบริษัท
  • ที่อยู่บรรทัดที่ 2 ช่อง
  • ช่องโทรศัพท์

นอกจากนี้ยังสามารถไฮไลต์ช่องที่ต้องกรอกด้วยเครื่องหมายดอกจันได้อีกด้วย

เปลี่ยนสนาม

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

นโยบายความเป็นส่วนตัว

วิธีที่ 2: ใช้ตัวสร้างเพจเพื่อแก้ไขช่องชำระเงิน WooCommerce และสไตล์โดยรวม

เครื่องมือสร้างเพจ เช่น Elementor, Beaver Builder และ Themify ล้วนเสนอวิดเจ็ตเนื้อหา WooCommerce เพื่อแทนที่สิ่งที่อยู่ในหน้าชำระเงิน WooCommerce ในปัจจุบัน

ผู้สร้างเพจจะสงวนโมดูลการชำระเงิน WooCommerce ไว้สำหรับแผนพรีเมียมเท่านั้น ดังนั้นจึงมีโอกาสดีที่คุณจะต้องจ่ายสำหรับฟังก์ชันนี้ ตัวอย่างเช่น คุณได้รับวิดเจ็ต Elementor Checkout พร้อมแผน Pro

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

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

ขั้นตอนที่ 1: เปิดหน้าชำระเงินที่กำหนดใน Elementor

หากต้องการแก้ไขการชำระเงิน WooCommerce ใน Elementor คุณต้องไปที่หน้า Checkout ที่สร้างโดย WooCommerce โดยอัตโนมัติ ค้นหาว่าภายใต้ Pages > All Pages

แก้ไขหน้าชำระเงิน WooCommerce

เปิดหน้าที่ระบุว่า "หน้าชำระเงิน" จากนั้นคลิกที่ แก้ไขด้วย Elementor

แก้ไขด้วย elementor

ขั้นตอนที่ 2: ลบรหัสย่อการชำระเงิน WooCommerce

WooCommerce ได้เพิ่ม "WooCommerce ." โดยอัตโนมัติ ชอร์ตโค้ด” ในตัวแก้ไขซึ่งแสดงโมดูลการชำระเงิน WooCommerce เริ่มต้น

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

แก้ไขรหัสย่อการชำระเงิน WooCommerce

ขั้นตอนที่ 3: วางวิดเจ็ต Elementor Checkout

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

หมายเหตุ: คุณอาจไม่เห็น วิดเจ็ต Checkout หากคุณยังไม่ได้อัปเกรด Elementor เป็นเวอร์ชันพรีเมียม นี่เป็นกรณีสำหรับผู้สร้างเพจส่วนใหญ่

ใส่โมดูลการชำระเงิน elementor

ขั้นตอนที่ 4: ปรับแต่งเนื้อหา สไตล์ และคุณสมบัติขั้นสูง

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

ปรับแต่งการชำระเงิน elementor สำหรับ WooCommerce

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

เปลี่ยนตัวยึดตำแหน่ง

แท็บการปรับแต่งอื่นๆ ได้แก่:

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

นอกจากนี้ยังมีวิธีที่ไม่มีที่สิ้นสุดในการแก้ไขการชำระเงิน WooCommerce ภายใต้แท็บ สไตล์

ใช้แท็บเหล่านี้:

  • ส่วน
  • วิชาการพิมพ์
  • แบบฟอร์ม
  • สรุปคำสั่งซื้อ
  • ปุ่มซื้อ

ตัวอย่างเช่น เราเปลี่ยนปุ่ม ซื้อ สีน้ำเงินเป็นปุ่มสีเขียว

แก้ไขการชำระเงิน WooCommerce เพื่อเปลี่ยนเป็นปุ่มซื้อสีเขียว

สุดท้าย แท็บ ขั้นสูง มีเครื่องมือที่มีประสิทธิภาพมากขึ้นในการแก้ไข:

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

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

วิธีที่ 3: ติดตั้งปลั๊กอินเครื่องมือปรับแต่งเพื่อแก้ไขฟิลด์

มีปลั๊กอินปรับแต่งการชำระเงิน WooCommerce จำนวนมาก เช่น:

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

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

ขั้นตอนที่ 1: ติดตั้งและเปิดใช้งานปลั๊กอิน Checkout Field Editor

ติดตั้งปลั๊กอิน Checkout Field Editor จากนั้นทำตามขั้นตอนการเปิดใช้งานปลั๊กอิน

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

แท็บแบบฟอร์มการชำระเงิน

ขั้นตอนที่ 2: แก้ไขฟิลด์ปัจจุบัน

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

คุณสามารถแก้ไข:

  • ฟิลด์การเรียกเก็บเงิน
  • เขตข้อมูลการจัดส่ง
  • ช่องเพิ่มเติม

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

แก้ไขช่องชำระเงิน WooCommerce

ในหน้าต่าง แก้ไขฟิลด์ คุณสามารถแก้ไขตัวเลือกสำหรับฟิลด์ เช่น:

  • ฉลาก
  • ตัวยึด
  • ค่าเริ่มต้น
  • ระดับ
  • การตรวจสอบความถูกต้อง

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

ทำให้ไม่จำเป็น

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

อย่างที่คุณเห็น เราได้ลบช่อง ชื่อบริษัท ออกจากพื้นที่ชำระเงิน

ตอนนี้มองไม่เห็นสนาม

และหายไปจากการชำระเงินส่วนหน้า

ที่ด้านหน้า

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

แก้ไขตัวยึดเช็คเอาต์ WooCommerce

ฟิลด์ First Name ในการชำระเงินของเราจะแสดงข้อความตัวยึดตำแหน่งใหม่

ส่วนหน้า

ขั้นตอนที่ 3: เพิ่มฟิลด์ใหม่ให้กับการชำระเงิน WooCommerce

หากต้องการเพิ่มฟิลด์ใหม่ทั้งหมด ให้คลิกที่ปุ่ม เพิ่มฟิลด์

เพิ่มสนามใหม่

เลือก ประเภท ฟิลด์ โดยเลือกจากตัวเลือกต่างๆ เช่น:

  • ข้อความ
  • ตัวเลข
  • ที่ซ่อนอยู่
  • รหัสผ่าน
  • โทรศัพท์
  • ช่องทำเครื่องหมาย
  • เดือน
  • URL
  • และอื่น ๆ อีกมากมาย
เลือกประเภทช่อง

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

ตรวจสอบให้แน่ใจว่าคุณได้เลือกช่อง Enabled จากนั้นคลิก Save & Close

เปิดใช้งานฟิลด์

ขั้นตอนที่ 4: ดูผลลัพธ์

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

เห็นในแบ็กเอนด์

และฟิลด์ใหม่ก็จะปรากฏบนโมดูลการชำระเงินส่วนหน้าด้วย

และส่วนหน้า

สร้างหน้าชำระเงินที่สมบูรณ์แบบได้แล้ววันนี้

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

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

คำถามหลักของคุณเกี่ยวกับวิธีการแก้ไขการชำระเงิน WooCommerce คืออะไร? แบ่งปันความคิดของคุณในความคิดเห็น!

คู่มือฟรี

5 เคล็ดลับสำคัญในการเร่งความเร็ว
เว็บไซต์ WordPress ของคุณ

ลดเวลาในการโหลดลงได้ 50-80%
เพียงทำตามคำแนะนำง่ายๆ