วิธีเปลี่ยนดำเนินการชำระเงินข้อความใน WooCommerce

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

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

ก่อนจะพูดถึงวิธีการต่างๆ ในการทำเช่นนั้น มาทำความเข้าใจกันดีกว่าว่าข้อความ Proceed to checkout คืออะไร และเหตุใดคุณจึงควรปรับแต่งข้อความนั้น

ข้อความดำเนินการชำระเงินคืออะไร

โดยค่าเริ่มต้น ปุ่มชำระเงินจะมีข้อความ Proceed to Checkout :

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

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

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

วิธีเปลี่ยนดำเนินการชำระเงินข้อความใน WooCommerce

มีสองวิธีหลักในการแก้ไขข้อความ Proceed to Checkout:

1. โดยทางโปรแกรม
2. ด้วยปลั๊กอิน

เรามาดูทั้งสองอย่างกันดีกว่า

1) วิธีเปลี่ยนดำเนินการชำระเงินข้อความโดยใช้ฟังก์ชันธีม

เริ่มต้นด้วยวิธีการแบบเป็นโปรแกรมในการปรับแต่งข้อความชำระเงินใน WooCommerce โดยการเพิ่มฟังก์ชันที่กำหนดเองลงในไฟล์ functions.php

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

เมื่อคุณทำเสร็จแล้ว ให้เปิด WP Admin Dashboard แล้วไปที่ Appearance > Theme editor จากนั้น คลิก Theme Functions หรือ functions.php บนแถบด้านข้างของไฟล์ธีมทางด้านขวา

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

 ฟังก์ชั่น quadlayers_woocommerce_button_proceed_to_checkout () { ?>
<a href="<?php echo esc_url( wc_get_checkout_url() ); ?>" class="checkout-button button alt wc-forward">
<?php esc_html_e( 'ชำระเงิน-ข้อความ-ที่นี่', 'woocommerce' ); ?>
</a>
<?php
}

ตัวอย่างเช่น ในสคริปต์ต่อไปนี้ เราจะใช้ข้อความ "โปรดย้ายไปชำระเงินที่นี่" ดังนั้นสคริปต์จะเป็น:

 ฟังก์ชั่น quadlayers_woocommerce_button_proceed_to_checkout () { ?>
<a href="<?php echo esc_url( wc_get_checkout_url() ); ?>" class="checkout-button button alt wc-forward">
<?php esc_html_e( 'โปรดย้ายไปชำระเงินที่นี่', 'woocommerce' ); ?>
</a>
<?php
}

ปรับโค้ดเพื่อเพิ่มข้อความที่คุณต้องการ วางลงใน functions.php ของธีมลูกของคุณ จากนั้นคลิก Update File เพื่อสิ้นสุดกระบวนการ

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

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

2) วิธีเปลี่ยนการดำเนินการเป็นข้อความชำระเงินโดยใช้ปลั๊กอิน

อีกทางเลือกหนึ่งในการปรับแต่งข้อความ Proceed to checkout คือการใช้ปลั๊กอินเฉพาะ สำหรับการสาธิตนี้ เราจะใช้เครื่องมือง่ายๆ ที่เรียกว่า Change Proceed to Checkout Text ซึ่งทำให้แก้ไขข้อความในการชำระเงินได้ง่ายมากด้วยการคลิกเพียงไม่กี่ครั้ง

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

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

ในการติดตั้งปลั๊กอิน เพียงเปิด WP Admin Dashboard แล้วไปที่ Plugins > Add New ใช้แถบค้นหาที่ด้านบนขวาเพื่อค้นหา Change Proceed to Checkout Text คลิก ติดตั้ง บนแท็บของปลั๊กอิน จากนั้นกด Activate

ใช้ปลั๊กอินเพื่อเปลี่ยน ดำเนินการชำระเงินข้อความ

หากต้องการใช้ปลั๊กอิน ให้ไปที่ การตั้งค่า > เปลี่ยนดำเนินการไปยังข้อความชำระเงิน

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

ตอนนี้ตรวจสอบส่วนหน้าและคุณจะเห็นผลลัพธ์ดังแสดงด้านล่าง:

ด้วยวิธีนี้ คุณสามารถลองใช้ข้อความต่างๆ และดูว่าข้อความใดมีอัตราการแปลงที่ดีกว่า

โบนัส: วิธีเปลี่ยนข้อความที่ใส่ในรถเข็น

นอกจากการปรับแต่งข้อความ Proceed to Checkout แล้ว ยังมีอะไรอีกมากที่จะช่วยปรับปรุงประสบการณ์การชำระเงินในร้านค้าของคุณ ตัวอย่างเช่น แนวทางปฏิบัติที่แนะนำอีกประการหนึ่งคือการแก้ไขข้อความ Add to Cart ยิ่งคุณทำตามขั้นตอนต่างๆ มากเท่าใดในการปรับปรุงประสบการณ์การชำระเงินของคุณ คุณก็จะได้รับผลลัพธ์ที่ดีขึ้นเท่านั้น ดังนั้นจึงเป็นความคิดที่ดีที่จะไม่ปล่อยให้อะไรเกิดขึ้น

มาดูกันว่าคุณสามารถ ปรับแต่งข้อความ "ใส่ในรถเข็น" ได้อย่างไร

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

ในการแทนที่ข้อความ Added to Cart ของคุณด้วยข้อความที่กำหนดเองแบบธรรมดา คุณสามารถเพิ่มข้อมูลโค้ดลงในไฟล์ functions.php โดยไปที่ Appearance > Theme Editor บน WordPress Dashboard ของคุณ จากนั้นเปิดไฟล์ functions.php โดยคลิกที่ functions.php หรือฟังก์ ชั่น Theme ที่แถบด้านข้างขวา

ขณะนี้ คุณสามารถเพิ่มสคริปต์ต่อไปนี้ในโปรแกรมแก้ไขเพื่อปรับแต่งข้อความ Added to Cart ในส่วน $message= ' ' ของโค้ด ในสคริปต์ต่อไปนี้ ข้อความจะระบุว่า "สินค้าของคุณถูกเพิ่มลงในรถเข็นแล้ว ขอขอบคุณสำหรับการช้อปปิ้งกับเรา!" .

 add_filter( 'wc_add_to_cart_message_html', 'quadlayers_custom_add_to_cart_message' );
ฟังก์ชั่น quadlayers_custom_add_to_cart_message () {
$message = 'สินค้าของคุณถูกเพิ่มลงในรถเข็นแล้ว ขอขอบคุณสำหรับการช้อปปิ้งกับเรา!' ;
ส่งคืนข้อความ $;
}

สมมติว่าคุณต้องการเปลี่ยนเป็นบางอย่างเช่น " ขอบคุณที่ซื้อผลิตภัณฑ์ของเรา" ในกรณีนั้น คุณจะใช้สคริปต์นี้:

 add_filter( 'wc_add_to_cart_message_html', 'quadlayers_custom_add_to_cart_message' );
ฟังก์ชั่น quadlayers_custom_add_to_cart_message () {
$message = 'ขอขอบคุณที่ซื้อสินค้าของเรา!' ;
ส่งคืนข้อความ $;
} 

หากคุณตรวจสอบส่วนหน้า ข้อความจะมีลักษณะดังนี้:

การปรับแต่งข้อความที่ใส่ในรถเข็น

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

 add_filter( 'wc_add_to_cart_message', 'quadlayers_custom_wc_add_to_cart_message', 10, 2 ); 
ฟังก์ชัน quadlayers_custom_wc_add_to_cart_message (ข้อความ $, $product_id) { 
$message = sprintf(esc_html__('%s ถูกเพิ่มในรถเข็นแล้ว ขอบคุณที่ซื้อสินค้า !','tm-organik'), get_the_title( $product_id ) ); 
ส่งคืนข้อความ $; 
} 

กด Update file ตรวจสอบ frontend แล้วคุณจะเห็นสิ่งนี้:

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

หรือหากคุณต้องการซ่อนหรือลบข้อความ Add to the cart คุณสามารถทำได้โดยการเพิ่มโค้ดนี้ใน functions.php ของคุณ

เพียงแค่วางในสคริปต์นี้และอัปเดตไฟล์และคุณควรจะเสร็จสิ้น!

 add_filter( 'wc_add_to_cart_message_html', '__return_null' );

บทสรุป

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

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

• โดยใช้ WooCommerce hook แบบกำหนดเองและฟังก์ชันในไฟล์ธีมของคุณ
• โดยใช้ปลั๊กอินเฉพาะ

ทั้งสองวิธีทำงานให้สำเร็จ ดังนั้นเลือกวิธีที่เหมาะสมที่สุดสำหรับคุณ หากคุณมีทักษะการเขียนโค้ด คุณสามารถใช้วิธีการแบบเป็นโปรแกรมได้ คุณสามารถใช้สคริปต์ง่ายๆ ปรับแต่งข้อความได้ในเวลาไม่นาน ในทางกลับกัน หากคุณเป็นมือใหม่และไม่สะดวกใจที่จะแก้ไขไฟล์ธีม เราขอแนะนำให้คุณใช้ปลั๊กอินเฉพาะ สำหรับการสาธิตนี้ เราได้ใช้ Change Proceed to Checkout Text ซึ่งเป็นเครื่องมือฟรีที่ช่วยให้คุณแก้ไขและลองใช้ข้อความต่างๆ ได้ในไม่กี่คลิก

คุณได้ลองวิธีไหนแล้ว? คุณรู้จักสิ่งอื่นใดที่เราควรรวมไว้หรือไม่? แจ้งให้เราทราบในความคิดเห็นด้านล่าง!

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

• วิธีลบแท็บข้อมูลเพิ่มเติมใน WooCommerce
• วิธีปรับแต่งเทมเพลต WooCommerce
• วิธีการปรับแต่งหน้าบัญชีของฉัน