วิธีปรับแต่งหน้าบัญชีของฉันใน WooCommerce (ปลั๊กอินและโดยทางโปรแกรม)

เผยแพร่แล้ว: 2020-12-31

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

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

หน้าบัญชีของฉันคืออะไร และเหตุใดคุณจึงควรปรับแต่งหน้าดังกล่าว

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

 [ woocommerce_my_account ]

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

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

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

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

วิธีปรับแต่งหน้าบัญชีของฉันใน WooCommerce

มีสองวิธีในการแก้ไขหน้าบัญชีของฉัน:

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

ในคู่มือนี้ เราจะอธิบายทั้งสองวิธีเพื่อให้คุณสามารถเลือกวิธีที่เหมาะสมกับคุณที่สุด

1) แก้ไขหน้าบัญชีของฉันด้วยปลั๊กอิน

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

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

1) StoreCustomizer

ปรับแต่งหน้าบัญชีของฉัน woocommerce - ปรับแต่งร้านค้า StoreCustomizer เป็นปลั๊กอิน WordPress ฟรีที่สามารถช่วยคุณปรับแต่งหน้า WooCommerce ทั้งหมดของคุณ ซึ่งรวมถึงทุกอย่างตั้งแต่การเพิ่มรายการไปยังเมนูของคุณ ตลอดจนการจัดการร้านค้า สินค้า หน้าชำระเงิน และแม้แต่บัญชีของฉัน คุณสามารถเปลี่ยนชื่อ ลบแท็บ และตัวเลือกต่างๆ ได้อย่างอิสระเพื่อเปลี่ยนการจัดรูปแบบหน้าบัญชีของฉันได้ 2 วิธี

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

คุณสมบัติหลัก

  • ปลั๊กอินที่ใช้งานง่ายซึ่งปรับแต่งหน้า WooCommerce โดยไม่ต้องเปลี่ยนไฟล์ธีมของคุณ
  • ผสานรวมกับ WordPress Live Customizer อย่างสมบูรณ์
  • อนุญาตให้เปลี่ยนชื่อและลบแท็บบัญชีของฉันรวมทั้งเปลี่ยนรูปแบบแท็บ
  • เวอร์ชันพรีเมียมช่วยให้ปรับแต่งแท็บบัญชีของฉันได้อย่างเต็มที่ รวมทั้งเพิ่มแท็บที่กำหนดเองได้

ราคา

นี่คือปลั๊กอิน freemium มีเวอร์ชันฟรีพร้อมคุณสมบัติพื้นฐานและแผนพรีเมียมสี่แผนซึ่งเริ่มต้นที่ 29 USD ต่อปี

2) บูสเตอร์

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

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

คุณสมบัติหลัก

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

ราคา

Booster มีเวอร์ชันฟรีพร้อมฟีเจอร์ที่จำกัดและแผนพรีเมียมสี่แผนซึ่งเริ่มต้นที่ 99.99 USD ต่อปี

3) ปรับแต่งบัญชีของฉันสำหรับ WooCommerce

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

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

คุณสมบัติหลัก

  • ใช้งานง่ายและรวมเข้ากับ Live Customizer อย่างสมบูรณ์
  • การปรับแต่งแท็บและปลายทางทั้งหมดภายใต้หน้าบัญชีของฉัน
  • ตัวเลือกในการเปลี่ยนป้ายกำกับแท็บ เพิ่มเนื้อหาที่กำหนดเอง รูปภาพ และไอคอนแท็บ
  • รองรับโค้ด CSS ที่กำหนดเองสำหรับการปรับแต่งเพิ่มเติม

ราคา

ปรับแต่งบัญชีของฉันสำหรับ WooCommerce เป็นปลั๊กอินระดับพรีเมียมที่จะคืนเงินให้คุณ 49 USD ต่อปี

การปรับแต่งหน้าบัญชีของฉันโดยใช้ WooCommerce StoreCustomizer

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

ขั้นแรก ให้ติดตั้งปลั๊กอิน StoreCustomizer เปิด แดชบอร์ดผู้ดูแลระบบ WordPress แล้วไปที่ Plugins > Add New จากนั้น ใช้แถบค้นหาที่ด้านบนขวาเพื่อค้นหา StoreCustomize r คลิก ติดตั้ง แล้ว เปิดใช้งาน ตอนนี้ ปลั๊กอินควรเปิดใช้งานและติดตั้ง

หากต้องการเริ่มปรับแต่งหน้าบัญชีของฉัน ให้ไปที่ WooCommerce > StoreCustomizer

ปรับแต่งหน้าบัญชีของฉัน woocommerce - open storecustomizer ซึ่งจะเปิดอินเทอร์เฟซของปลั๊กอินและให้ตัวเลือกการปรับแต่งทั้งหมดที่ปลั๊กอินนำเสนอแก่คุณ ในขณะที่เรากำลังจะปรับแต่งหน้าบัญชีของฉัน ให้กดปุ่ม ปรับแต่งการตั้งค่าของคุณ ที่ด้านล่างของหน้า

ปรับแต่งหน้าบัญชีของฉัน woocommerce - ปรับแต่งการตั้งค่าของคุณ

การใช้ StoreCustomizer

สิ่งนี้ควรเปิดหน้าต่าง Live Customizer และคุณควรจะเห็นแท็บ Store Customizer บนเมนู คลิกที่มันแล้วไปที่แท็บ หน้าบัญชี ภายใต้มัน

ปรับแต่งหน้าบัญชีของฉัน woocommerce - ปลั๊กอินร้านปรับแต่งสด ตอนนี้ มาเริ่มแก้ไขหน้าบัญชีของฉันกัน ขั้นแรก ให้เปลี่ยนตัวเลือกการจัดรูปแบบแท็บ คลิกที่ตัวเลือก การออกแบบแท็บบัญชี และเปลี่ยนเป็นการจัดรูปแบบแนวนอนหรือการจัดรูปแบบแท็บด้านข้าง

ปรับแต่งหน้าบัญชีของฉัน woocommerce - จัดเก็บตัวเลือกแท็บเครื่องมือปรับแต่ง นอกจากนี้เรายังสามารถเลือกที่จะ ลบ แท็บหรือ เปลี่ยนชื่อ ได้ ดังนั้นเรามาเปลี่ยนชื่อแท็บที่อยู่เป็นที่อยู่สำหรับจัดส่งและลบแท็บดาวน์โหลด

การเปลี่ยนชื่อแท็บหน้าบัญชีของฉันโดยใช้ Store Customizer

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

ปรับแต่งหน้าบัญชีของฉัน woocommerce - เปลี่ยนข้อความแท็บ

การลบแท็บหน้าบัญชีของฉันโดยใช้ Store Customizer

หากต้องการลบแท็บ ให้คลิกปุ่ม ลบแท็บ ใต้แท็บที่คุณต้องการซ่อน ตัวอย่างเช่น หากคุณต้องการลบแท็บดาวน์โหลด เพียงเลือกตัวเลือก ลบแท็บ ที่อยู่ด้านล่าง

ปรับแต่งหน้าบัญชีของฉัน woocommerce - ลบ tab

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

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

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

ปรับแต่งหน้าบัญชีของฉัน woocommerce - เผยแพร่

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

มาดูกันว่าคุณสามารถปรับแต่งหน้า บัญชีของฉัน WooCommerce แบบเป็นโปรแกรม ได้อย่างไร

2) ปรับแต่งหน้าบัญชีของฉันใน WooCommerce โดยทางโปรแกรม

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

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

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

การปรับแต่งหน้าบัญชีของฉันใน WooCommerce โดยใช้ WooCommerce hooks

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

ในการเริ่มต้นกระบวนการ ใน WordPress Admin Dashboard ของคุณ ให้ไปที่ Appearance > Theme Editor to เปิดตัว แก้ไขธีม ของคุณ

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

ปรับแต่งหน้าบัญชีของฉัน woocommerce - ฟังก์ชั่นแก้ไขธีม

การเปลี่ยนชื่อแท็บโดยใช้ WooCommerce Hooks

ในการ เปลี่ยนชื่อแท็บ โดยใช้ WooCommerce hooks ให้เพิ่มสคริปต์ต่อไปนี้ในไฟล์ functions.php ของคุณ สคริปต์นี้จะเปลี่ยนชื่อแท็บ ที่อยู่ ของคุณเป็นที่อยู่ของคุณ แต่คุณสามารถแก้ไขสคริปต์และใช้ชื่อที่คุณต้องการได้

 add_filter( 'woocommerce_account_menu_items', 'QuadLayers_rename_acc_adress_tab', 9999 );
ฟังก์ชัน QuadLayers_rename_acc_adress_tab ($items) {
$items['edit-address'] = 'ที่อยู่ของคุณ';
ส่งคืนสินค้า $;
} 

ปรับแต่งหน้าบัญชีของฉัน woocommerce - เพิ่ม hook

จากนั้นบันทึกการเปลี่ยนแปลงและตรวจสอบส่วนหน้าเพื่อดูการเปลี่ยนแปลง

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

 $items = อาร์เรย์ (
'แดชบอร์ด' => __( 'แดชบอร์ด', 'woocommerce' ),
'orders' => __( 'คำสั่งซื้อ', 'woocommerce' ),
'ดาวน์โหลด' => __( 'ดาวน์โหลด', 'woocommerce' ),
'แก้ไขที่อยู่' => _n( 'ที่อยู่', 'ที่อยู่', (int) wc_shipping_enabled(), 'woocommerce' ),
'วิธีการชำระเงิน' => __( 'วิธีการชำระเงิน', 'woocommerce' ),
'แก้ไขบัญชี' => __( 'รายละเอียดบัญชี', 'woocommerce' ),
'customer-logout' => __( 'ออกจากระบบ', 'woocommerce' ),
);

ตัวอย่างเช่น หากคุณต้องการเปลี่ยนชื่อ แท็บ Orders เป็น Your Orders คุณสามารถแก้ไขบรรทัดที่ 3 ของสคริปต์เป็น $items['orders'] = 'Your Orders' คุณต้องเปลี่ยนชื่อตัวกรองเป็น QuadLayers_rename_orders_tab เพื่อให้ฟังก์ชันใหม่ของคุณไม่ใช่ชื่อเดียวกับชื่อด้านบน ดังนั้น ด้วยการเปลี่ยนแปลงเหล่านี้ สคริปต์ใหม่ของคุณจะเป็น:

 add_filter( 'woocommerce_account_menu_items', 'QuadLayers_rename_orders_tab', 9999 );
ฟังก์ชัน QuadLayers_rename_orders_tab( $items ) {
$items['orders'] = 'คำสั่งซื้อของคุณ';
ส่งคืนสินค้า $;
}

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

การลบแท็บโดยใช้ WooCommerce hooks

นอกเหนือจากการเปลี่ยนชื่อแท็บ คุณยังสามารถ ลบแท็บ ในหน้าบัญชีของฉันโดยใช้ ฟังก์ชัน unset() กับ อาร์เรย์ $items ตัวอย่างเช่น ในการ ลบแท็บรายละเอียดบัญชี คุณต้องใช้สคริปต์ต่อไปนี้

 add_filter( 'woocommerce_account_menu_items', 'QuadLayers_remove_acc_tab', 999 );
ฟังก์ชัน QuadLayers_remove_acc_tab ($items) {
unset($items['แก้ไขบัญชี']);
ส่งคืนสินค้า $;
} 

ปรับแต่งหน้าบัญชีของฉัน woocommerce - เพิ่มเบ็ดเพื่อลบ

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

เมื่อใช้สคริปต์เดียวกัน คุณจะปรับเปลี่ยนและลบแท็บใดก็ได้ที่ต้องการ ตัวอย่างเช่น หากคุณต้องการซ่อนแท็บดาวน์โหลด คุณต้องเปลี่ยนชื่อฟังก์ชันและอาร์เรย์รายการจาก $items['edit-account'] เป็น $items['downloads'] ตอนนี้สคริปต์ใหม่ของคุณจะเป็นแบบนี้

 add_filter( 'woocommerce_account_menu_items', 'QuadLayers_remove_download', 9999 );
ฟังก์ชัน QuadLayers_remove_downloads ($items) {
unset( $items['ดาวน์โหลด'] );
ส่งคืนสินค้า $;
}

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

บทสรุป

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

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

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

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

  • วิธีปรับแต่งหน้าร้านค้าใน WooCommerce
  • ปรับแต่งปุ่ม Add to Cart ใน WooCommerce
  • วิธีแก้ไข WooCommerce Checkout (การเข้ารหัส & ปลั๊กอิน)
  • วิธีปรับแต่งหน้าผลิตภัณฑ์ WooCommerce ใน Divi

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