WooCommerce ปุ่ม Add to Cart ไม่ทำงาน? แก้ไขยังไงดี!

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

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

ทำไมปุ่ม Add to Cart ทำงานไม่ถูกต้อง?

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

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

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

WooCommerce ปุ่ม Add to Cart ไม่ทำงาน? วิธีแก้ไข

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

1. ปัญหาความเข้ากันได้กับปลั๊กอิน/ธีม
2. ปลั๊กอินและ/หรือธีมไม่ได้รับการอัพเดต
3. ข้อมูลผลิตภัณฑ์ไม่สมบูรณ์ใน WooCommerce
4. สถานะ WooCommerce
5. ปัญหาเกี่ยวกับการตั้งค่าแคช
6. ลิงก์ถาวร
7. ปัญหาเกี่ยวกับ URL การชำระเงินและตะกร้าสินค้า
8. ปัญหาเกี่ยวกับจุดชำระเงิน
9. ปัญหาเกี่ยวกับรหัสเกี่ยวกับปุ่ม Add to Cart
10. ปัญหาที่เกี่ยวข้องกับธีมของคุณ
11. ปัญหา ModSecurity

มาดูปัญหาแต่ละข้อและวิธีแก้ปัญหากัน

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

1) ปลั๊กอินและ/หรือธีมไม่ได้รับการอัพเดต

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

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

2) ขัดแย้งกับปลั๊กอินหรือธีม

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

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

1. ตรวจสอบให้แน่ใจว่าปลั๊กอินทั้งหมดได้รับการอัปเดตเป็นเวอร์ชันล่าสุด
2. ล้างแคชไซต์ของคุณ
3. ปิดการใช้งานปลั๊กอินทั้งหมดทีละตัวเพื่อแยกปลั๊กอินที่ทำให้เกิดปัญหา เพื่อทำสิ่งนี้:
   1. ปิดใช้งานปลั๊กอินทั้งหมดเป็นกลุ่ม
   2. ใช้การตรวจสุขภาพ
4. เปลี่ยนธีมของคุณเป็นหน้าร้าน

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

สุดท้าย หากปลั๊กอิน/ธีมก่อให้เกิดปัญหา เราขอแนะนำให้คุณติดต่อทีมสนับสนุนของพวกเขา

3) ข้อมูลผลิตภัณฑ์ไม่สมบูรณ์ใน WooCommerce

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

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

นอกจากชื่อและราคาแล้ว เราขอแนะนำให้คุณกรอกรายละเอียดที่สำคัญอื่นๆ เช่น ความพร้อมจำหน่ายสินค้า รหัสผลิตภัณฑ์ และรายละเอียดผลิตภัณฑ์

4) ตรวจสอบสถานะ WooCommerce

อีกสาเหตุหนึ่งที่อาจทำให้ปุ่ม Add-to-Cart หยุดทำงานคือปัญหาบางอย่างกับการติดตั้ง WooCommerce ของคุณ คุณสามารถตรวจสอบปัญหาเหล่านี้ ได้ใน WooCommerce > สถานะ

ที่นั่น ให้ตรวจสอบแต่ละส่วน (WordPress, Server, Database และอื่นๆ) และตรวจดูให้แน่ใจว่าไม่มีข้อผิดพลาดใด ๆ เน้นเป็นสีแดง

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

ไปที่ WooCommerce > สถานะ > เครื่องมือ และ:

• ล้าง WooCommerce ชั่วคราว
• ล้างช่วงเวลาชั่วคราวที่หมดอายุ
• นับเงื่อนไขใหม่
• เคลียร์เซสชั่นลูกค้า
• สร้างหน้าเริ่มต้นของ WooCommerce (หากหน้าชำระเงินของคุณถูกลบ คุณสามารถตรวจสอบหน้านี้ภายใต้ หน้า บนแถบด้านข้างของ WordPress)

5) ปัญหาเกี่ยวกับการตั้งค่าแคช (เซิร์ฟเวอร์และปลั๊กอิน)

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

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

6) ล้างลิงก์ถาวร

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

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

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

7) URL การชำระเงินและรถเข็น

นอกจากนี้ คุณควรตรวจสอบอีกครั้งว่าหน้า Checkout และ Cart ของคุณได้รับการตั้งค่าอย่างเหมาะสม หากปุ่ม Add-to-Cart ของคุณเปลี่ยนเส้นทางลูกค้าไปยังหน้าที่ไม่ถูกต้อง แสดงว่าอาจทำงานไม่ถูกต้อง

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

8) ตรวจสอบให้แน่ใจว่าจุดชำระเงินไม่มีข้อผิดพลาดใด ๆ

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

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

9) ปัญหาที่เกี่ยวข้องกับรหัสกับปุ่มหยิบใส่รถเข็น

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

คุณสามารถแก้ไขปัญหานี้ได้โดยเพิ่มบรรทัดโค้ดต่อไปนี้ในไฟล์ functions.php ของคุณ หากต้องการเปิดไฟล์นี้ ให้ไปที่ Appearance > Theme Editor

จากนั้น คลิก functions.php ที่แถบด้านข้างขวา วางโค้ดต่อไปนี้ที่ท้ายไฟล์ในตัวแก้ไข แล้วคลิก Update File หลังจากนั้น คุณควรตรวจสอบว่าวิธีนี้ช่วยแก้ปัญหาของคุณหรือไม่

 add_filter('woocommerce_show_variation_price', function() { คืนค่า TRUE;}); 

10) ปัญหาปุ่ม Add to Cart ที่เกี่ยวข้องกับธีม

หากคุณกำลังใช้ธีม WooCommerce ธีมนั้นอาจมาพร้อมกับฟีเจอร์ธีมเฉพาะสำหรับหน้าผลิตภัณฑ์ของคุณ ซึ่งอาจรวมถึงการซ่อนปุ่ม Add to Cart ของคุณ

หากต้องการตรวจสอบว่าเป็นตัวเลือกในธีมของคุณหรือไม่ ให้ไปที่ ลักษณะที่ ปรากฏ > ปรับแต่ง > WooCommerce แล้วตรวจสอบตัวเลือกที่มีสำหรับหน้าผลิตภัณฑ์

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

ในการดำเนินการนี้ ให้เปิด Theme File Editor ของคุณโดยกด Appearance > Theme Editor แล้วคลิก Single Post (single.php) ใต้ไฟล์ Theme บนแถบด้านข้างขวาของคุณ จากนั้น ให้โพสต์โค้ดนี้ที่ท้ายไฟล์ single.php:

 if ( is_singular( 'product' ) ) ) {
wc_get_template_part( 'เนื้อหา', 'ผลิตภัณฑ์เดียว' );
} อื่น {
wc_get_template_part( 'เนื้อหา', 'ผลิตภัณฑ์เดียว' );
}

หมายเหตุ: หากคุณไม่พบไฟล์ single.php ให้วางโค้ดไว้ใต้ index.php

11) ปัญหา ModSecurity

ModSecurity เป็นไฟร์วอลล์เว็บแอปพลิเคชันโอเพนซอร์ซที่พบได้ทั่วไปบนเว็บไซต์ WordPress ในบางครั้ง อาจทำให้เกิดปัญหากับปุ่มเพิ่มไปยังตะกร้าสินค้าและข้อผิดพลาด 403 หากต้องการตรวจสอบว่า ModSecurity หมดอายุหรือมีปัญหาหรือไม่ ให้ไปที่เว็บไซต์ของคุณและเปิดเครื่องมือสำหรับนักพัฒนาของเบราว์เซอร์ (Ctrl + Shift+ J)

หากคุณได้รับข้อผิดพลาด “ .jQuery.cookie.min.js is not found ” แสดงว่าคุณอาจมีปัญหา ModSecurity ในการแก้ไขปัญหานี้ เราขอแนะนำให้คุณติดต่อผู้ให้บริการโฮสต์เกี่ยวกับเรื่องนี้

12) ติดต่อผู้ให้บริการโฮสต์ของคุณ

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

โบนัส: วิธีลบปุ่มหยิบใส่รถเข็น

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

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

บทสรุป

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

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

• อัปเดต WordPress, WooCommerce และปลั๊กอินทั้งหมดของคุณเป็นเวอร์ชันล่าสุด
• ล้าง/รีเซ็ตแคชเว็บไซต์ของคุณ
• เปลี่ยนธีมของคุณเป็นหน้าร้าน
• ปิดใช้งานปลั๊กอินทั้งหมดยกเว้น WooCommerce

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

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

สุดท้ายนี้ หากคุณมีปัญหากับองค์ประกอบอื่นๆ ในร้านค้าของคุณ คำแนะนำต่อไปนี้อาจน่าสนใจสำหรับคุณ:

• จะทำอย่างไรเมื่อการชำระเงิน WooCommerce ไม่ทำงาน
• แคตตาล็อก Instagram ไม่ทำงาน? วิธีแก้ไข
• วิธีเปลี่ยนข้อความ WooCommerce Add to Cart
• จะทำอย่างไรเมื่อ WooCommerce ไม่ส่งอีเมล

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