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

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

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

ก่อนที่เราจะมาดูวิธีการเปลี่ยนข้อความนั้น เรามาดูกันก่อนว่าข้อความนั้นคืออะไรและทำไมคุณถึงควรเปลี่ยน

ข้อความ "ไม่มีสินค้าในรถเข็น" คืออะไร?

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

ในกรณีเหล่านี้ ตามค่าเริ่มต้น คุณจะได้รับข้อความต้อนรับด้วยข้อความต่อไปนี้เมื่อคุณเปิดหน้าตะกร้าสินค้า: "ตะกร้าสินค้าของคุณว่างเปล่าในขณะนี้" ซึ่งปกติจะเรียกว่าข้อความ "ไม่มีสินค้าในรถเข็น"

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

ทำไมถึงเปลี่ยนข้อความ “No products in the cart”?

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

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

แม้ว่าจะมีตัวเลือกการปรับแต่งมากมาย แต่ WooCommerce ไม่อนุญาตให้คุณปรับแต่งข้อความนี้เป็นค่าเริ่มต้น อย่างไรก็ตาม ในคู่มือนี้ เราจะแสดงให้คุณเห็นถึงวิธีปรับแต่งข้อความ "ไม่มีสินค้าในรถเข็น"

วิธีเปลี่ยนข้อความ “No products in the cart”

มี 3 วิธีหลักในการแก้ไขข้อความนี้:

1. โดยทางโปรแกรม
   1. การแก้ไขไฟล์ function.php
   2. การแก้ไขไฟล์ mini-cart.php
2. ด้วยปลั๊กอิน

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

1.1) ปรับแต่งข้อความ “No products in the cart” ให้แก้ไขไฟล์ functions.php File

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

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

เริ่มต้นด้วยการเปิด WordPress Admin Dashboard แล้วไปที่ Appearance > Theme Editor จากนั้น คลิกที่ไฟล์ functions.php ที่แถบด้านข้างไฟล์ Theme ทางขวาดังแสดงด้านล่าง

การใช้ตัวแก้ไขตรงกลาง คุณสามารถเพิ่มสคริปต์ต่อไปนี้ในไฟล์ functions.php ของคุณ:

 remove_action( 'woocommerce_cart_is_empty', 'wc_empty_cart_message', 10 );
add_action( 'woocommerce_cart_is_empty', 'custom_empty_cart_message', 10 );

ฟังก์ชั่น custom_empty_cart_message () {
$html = '<div class="col-12 offset-md-1 col-md-10"><p class="cart-empty">';
$html .= wp_kses_post( Apply_filters( 'wc_empty_cart_message', __( 'Insert Empty Cart Message Here', 'woocommerce' ) ) );
ก้อง $html '</p></div>';
}

[ข้อมูลโค้ดนำมาจากที่นี่]

ตัวอย่างนี้จะลบข้อความ WooCommerce Empty Cart เริ่มต้นของคุณ และใช้ฟังก์ชันอื่นเพื่อเพิ่มข้อความที่กำหนดเองแทน เพียงแทนที่ " Insert Empty Cart Message Here " ด้วยข้อความที่คุณต้องการสำหรับข้อความ "No Products in the Cart"

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

 remove_action( 'woocommerce_cart_is_empty', 'wc_empty_cart_message', 10 );
add_action( 'woocommerce_cart_is_empty', 'quadlayers_empty_cart_message', 10 );

ฟังก์ชั่น quadlayers_empty_cart_message () {
$html = '<div class="col-12 offset-md-1 col-md-10"><p class="cart-empty">';
$html .= wp_kses_post( Apply_filters( 'wc_empty_cart_message', __( 'ตะกร้าสินค้าของคุณว่างเปล่า ขอแนะนำให้ตรวจสอบผลิตภัณฑ์เด่นของเรา!', 'woocommerce' ) ) );
ก้อง $html '</p></div>';
} 

อย่าลืมอัปเดตไฟล์และคุณจะเห็นผลลัพธ์นี้ที่ส่วนหน้า:

เราพบว่าข้อความ "ไม่มีสินค้าในรถเข็น" สามารถปรากฏในรถเข็นขนาดเล็กได้เช่นกัน มาดูวิธีการเปลี่ยนกัน

1.2) เปลี่ยนข้อความ "No Products in the Cart" แก้ไขไฟล์ mini-cart.php

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

ในการดำเนินการนี้ คุณต้องกำหนดค่าไฟล์เทมเพลต WooCommerce โดยไปที่ Plugins > Plugin Editor บน WP Admin Dashboard ของคุณ

จากนั้นใช้ตัว เลือก Select plugin to edit เพื่อเลือก WooCommerce แล้วกด Select หลังจากนั้น คลิกที่ แม่แบบ > รถเข็น > mini-cart.php ภายใต้ ไฟล์ปลั๊กอิน

โดยค่าเริ่มต้น ที่ด้านล่างของรถเข็น คุณจะเห็นบรรทัดของรหัสต่อไปนี้:

 <?php else : ?>

<p class="woocommerce-mini-cart__empty-message"><?php esc_html_e( 'ไม่มีสินค้าในรถเข็น', 'woocommerce' ); ?></p>

<?php endif; ?>

<?php do_action( 'woocommerce_after_mini_cart' ); ?>

คุณสามารถแก้ไขโค้ดนี้ได้โดยแทนที่ข้อความ " No products in the cart " ด้วยข้อความที่กำหนดเอง ตัวอย่างเช่น หากต้องการเปลี่ยนข้อความเป็น ' Pleaseพิจารณาเพิ่มผลิตภัณฑ์ใหม่ ' คุณควรใช้รหัสนี้:

 <?php else : ?>

<p class="woocommerce-mini-cart__empty-message"><?php esc_html_e( 'โปรดพิจารณาเพิ่มผลิตภัณฑ์ใหม่', 'woocommerce' ); ?></p>

<?php endif; ?>

<?php do_action( 'woocommerce_after_mini_cart' ); ?> 

อย่าลืมบันทึกการเปลี่ยนแปลง จากนั้นคุณจะเห็นการเปลี่ยนแปลงที่ส่วนหน้า

2. วิธีเปลี่ยนข้อความ “ไม่มีสินค้าในรถเข็น” ด้วยปลั๊กอิน

ก่อนหน้านี้ เราได้กล่าวว่าบางครั้งคุณแปลร้านค้าของคุณเป็นภาษาใดภาษาหนึ่ง แต่ข้อความ "ไม่มีสินค้าในรถเข็น" ไม่ได้รับการแปล มาดูกันว่าคุณสามารถเปลี่ยนข้อความนั้นด้วยปลั๊กอินการแปลได้อย่างไร

มีปลั๊กอินมากมายสำหรับเปิดใช้งานการแปลสำหรับสตริงที่กำหนดเอง สำหรับการสาธิตนี้ เราจะใช้ปลั๊กอิน Loco Translate เป็นหนึ่งในปลั๊กอินการแปลที่ดีที่สุดสำหรับ WordPress และมีตัวแก้ไขการแปลในตัวในแดชบอร์ด ซึ่งสะดวกมากเมื่อกำหนดข้อความ "ไม่มีสินค้าในรถเข็น" ในร้านค้าของคุณ

1. ติดตั้งและเปิดใช้งาน Plugin

ขั้นแรก ติดตั้งปลั๊กอิน โดยไปที่ Plugins > Add New ป้อนคำสำคัญสำหรับปลั๊กอิน ติดตั้ง และเปิดใช้งาน

หรือคุณสามารถติดตั้งได้ด้วยตนเอง หากคุณไม่คุ้นเคยกับกระบวนการดังกล่าว โปรดดูคำแนะนำในการติดตั้งปลั๊กอิน WordPress ด้วยตนเอง

เมื่อคุณเปิดใช้งานปลั๊กอินแล้ว ให้ไปยังขั้นตอนถัดไป

2. แปลข้อความ “ตะกร้าของคุณว่างเปล่าในขณะนี้”

ตอนนี้ได้เวลาแปลสตริงบางส่วนแล้ว ขั้นแรก ให้ไปที่ Loco Translate > Plugins บน WP Admin Dashboard ของคุณ คลิกที่ WooCommerce ในรายการปลั๊กอินเพื่อแสดงสตริงทั้งหมดที่มีให้แปลและเลือก ภาษา ที่คุณจะแปล

คุณสามารถเพิ่มภาษาที่จำเป็นสำหรับข้อความรถเข็นได้จากที่นี่ เพียงคลิกที่ New Language และเพิ่มภาษาที่ต้องการ

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

ตัวอย่างเช่น มาตั้งค่าการแปลแบบกำหนดเองสำหรับภาษาสเปนสำหรับเว็บไซต์ทดสอบของเรา:

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

3. แปลข้อความ “No products in the cart”

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

ดังที่เราเห็นก่อนหน้านี้ ไปที่ Loco Translate > Plugins > WooCommerce และเลือก ภาษา ที่คุณต้องการแปลสตริง จากนั้นค้นหา "No products in the cart" เลือกสตริง และเพิ่มคำแปลที่ต้องการ

อย่าลืมบันทึกการเปลี่ยนแปลงของคุณและคุณจะเห็นผลลัพธ์ที่ส่วนหน้า:

หากคุณต้องการข้อมูลเพิ่มเติมเกี่ยวกับการเปลี่ยนภาษาของไซต์ของคุณ โปรดดูคู่มือฉบับเต็มเกี่ยวกับวิธีการเปลี่ยนภาษาของ WordPress

โบนัส: วิธีเปลี่ยนเป็นข้อความชำระเงิน

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

หมายเหตุ : เนื่องจากเราจะแก้ไขไฟล์หลักบางไฟล์ เราขอแนะนำให้สร้างข้อมูลสำรองทั้งหมดของเว็บไซต์และใช้ธีมย่อย

ในการปรับแต่งข้อความ Proceed to Checkout เราจะเพิ่มโค้ดสองสามบรรทัดลงในไฟล์ functions.php ในการดำเนินการนี้ ให้ไปที่ ลักษณะที่ ปรากฏ > ตัวแก้ไขธีม และคลิกที่ functions.php บนแถบด้านข้างของไฟล์ธีม

ตอนนี้ให้วางโค้ดต่อไปนี้ในขณะที่เพียงแค่เปลี่ยนส่วน " Insert-checkout-text-here " ด้วยข้อความที่คุณกำหนดเอง

 ฟังก์ชั่น 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
}

ตัวอย่างเช่น หากคุณต้องการให้ข้อความพูดว่า " Please Move to Checkout here " ให้ใช้ข้อมูลโค้ดต่อไปนี้:

 ฟังก์ชั่น 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
} 

สิ่งนี้ควรให้ผลลัพธ์นี้แก่คุณที่ส่วนหน้า:

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

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

บทสรุป

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

ในคู่มือนี้ เราได้แสดงวิธีการต่างๆ ในการเปลี่ยนข้อความ "No products in the cart" ใน WooCommerce:

• การปรับแต่งไฟล์ function.php
• การแก้ไขไฟล์ mini-cart.php
• ด้วยปลั๊กอิน

ตอนนี้คุณควรจะสามารถแก้ไขข้อความและปรับการแปลที่หายไปได้

คุณได้แก้ไขข้อความ "No products in the cart" แล้วหรือยัง? คุณมีปัญหาใด ๆ ในการปฏิบัติตามคู่มือนี้หรือไม่? แจ้งให้เราทราบในความคิดเห็นด้านล่าง

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

• วิธีลบแท็บข้อมูลเพิ่มเติมใน WooCommerce
• 3 วิธีในการปรับแต่งหน้ารถเข็น WooCommerce
• การเปลี่ยนสกุลเงินใน WooCommerce: คู่มือฉบับเต็ม
• วิธีปรับแต่งหน้าร้านค้า WooCommerce