วิธีปรับแต่งหน้า "ไม่พบผลิตภัณฑ์ที่ตรงกับการเลือกของคุณ" ใน WooCommerce - การเพิ่มประสิทธิภาพการขายร้านค้าออนไลน์

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

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

ไม่พบสินค้าที่ตรงกับที่คุณเลือก
ไม่พบสินค้าที่ตรงกับที่คุณเลือก

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

วิธีปรับแต่งหน้า "ไม่พบสินค้าที่ตรงกับที่คุณเลือกจาก WooCommerce

ไฟล์ PHP ที่ตอบสนองต่อหน้าโดยไม่มีผลลัพธ์เมื่อค้นหาผลิตภัณฑ์ในร้านค้าออนไลน์ด้วย WooCommerce คือ no-producs-found.phpตั้งอยู่ใน wp-content/plugins/woocommerce/templates/loop และมีรหัส:

<?php
defined( 'ABSPATH' ) || exit;
?>
<p class="woocommerce-info"><?php esc_html_e( 'No products were found matching your selection.', 'woocommerce' ); ?></p>

อย่างที่คุณเห็น ในไฟล์นี้คือข้อความที่ปรากฏบนหน้า "ไม่พบผลิตภัณฑ์" ข้อความนี้แตกต่างจากภาษาหนึ่งไปอีกภาษาหนึ่ง หากร้านค้าออนไลน์ตั้งค่าเป็นภาษาที่ WooCommerce รองรับ

หากเราต้องการเปลี่ยนเนื้อหาของหน้า "ไม่พบสินค้า" วิธีที่ดีที่สุดคือการโคลนไฟล์นี้ในโฟลเดอร์ธีมที่ใช้งานอยู่: /themes/active_theme/woocommerce/templates/loop/no-producs-found.php. ดังนั้น a update WooCommerce จะไม่ลบการเปลี่ยนแปลงของเรา

หลังจากขั้นตอนนี้ เราสามารถดำเนินการได้ตามต้องการเพื่อแก้ไขไฟล์ no-products-found.php.
ควรใช้ shortcodes โดยเฉพาะอย่างยิ่งหากธีมอนุญาตให้ใช้ "UX Blocks" เช่น Flatsome หรือ "HTML Blocks" เช่นเดียวกับในกรณีของ WoodMart และธีม WooCommerce อื่นๆ

วิธีที่ฉันชอบคือการแทนที่รหัส:

<p class="woocommerce-info"><?php esc_html_e( 'No products were found matching your selection.', 'woocommerce' ); ?></p>

ด้วยรหัสย่อไปยังบล็อก HTML เพื่อเพิ่มแบนเนอร์ สินค้า หมวดหมู่สินค้า ดังนั้นหากถึงหน้านี้ ผู้มีโอกาสเป็นผู้ซื้อจะถูกดึงดูดให้มาซื้อสินค้าและโปรโมชั่นจากร้านค้าออนไลน์

<?php echo do_shortcode('[block id="search"]'); ?>

unde [block id="search"] แสดงถึงรหัสย่อบนหน้า HTML ที่กำหนดเอง

ต่อไปนี้ ฉันจะเผยแพร่เนื้อหา WooCommerce - Best Practice เพิ่มเติม ซึ่งฉันได้นำไปใช้กับร้านค้าออนไลน์หลายแห่งเรียบร้อยแล้ว

หลงใหลในเทคโนโลยี ฉันชอบทดสอบและเขียนบทช่วยสอนเกี่ยวกับระบบปฏิบัติการ macOSลินุกซ์ Windows, เกี่ยวกับ WordPress, WooCommerce และกำหนดค่าเว็บเซิร์ฟเวอร์ LEMP (Linux, NGINX, MySQL และ PHP) ฉันเขียนบน StealthSettings.com ตั้งแต่ปี 2006 และไม่กี่ปีต่อมา ฉันเริ่มเขียนบทแนะนำและข่าวสารเกี่ยวกับอุปกรณ์ในระบบนิเวศ iHowTo.Tips Apple: iPhone, iPad, Apple ดู, โฮมพอด, iMac, MacBook, AirPods และอุปกรณ์เสริม

แสดงความคิดเห็น