WooCommerce: วิธีปรับแต่งหน้าบัญชีของฉัน
เผยแพร่แล้ว: 2018-03-28
การปรับแต่งหน้า "บัญชีของฉัน" ของ WooCommerce เป็นหนึ่งในคุณสมบัติที่นักออกแบบและนักพัฒนาร้องขอมากที่สุด
หน้า "บัญชีของฉัน" ของเว็บไซต์อีคอมเมิร์ซมีความสำคัญอย่างยิ่งต่อการทำงานที่ราบรื่น ควรได้รับการออกแบบมาอย่างดีเพื่อให้ผู้ใช้ได้ประโยชน์สูงสุดจากการจัดการบัญชี และแน่นอน สามารถปรับแต่งเพื่อ แปลง ยอดขายเพิ่มขึ้นและหรือดึงดูดให้ธุรกิจคืน สินค้า
หน้า "บัญชีของฉัน" เป็นหน้า WordPress จริง (คุณสามารถค้นหาได้ใน "หน้า") ซึ่งมีรหัสย่อของ WooCommerce รหัสย่อดังกล่าวจะแสดงแท็บการจัดการบัญชีเริ่มต้นและเนื้อหาที่ไม่ซ้ำกัน
ในการปรับแต่งรูปลักษณ์ ความรู้สึก เลย์เอาต์ เนื้อหา และการออกแบบของหน้า "บัญชีของฉัน" (และหน้าย่อยทั้งหมด เช่น หน้า "แก้ไขที่อยู่") คุณมีสองทางเลือกที่แตกต่างกัน หากคุณคุ้นเคยกับการปรับแต่ง PHP เกือบทุกอย่างสามารถทำได้ด้วยตัวอย่างง่ายๆ: เพิ่มแท็บที่กำหนดเอง ลบแท็บ เปลี่ยนเนื้อหาของแท็บ จัดเรียงแท็บ และอื่นๆ เราได้เห็นสิ่งนี้แล้วใน Business Bloomer แต่ฉันจะลิงก์ไปยังบทความและบทช่วยสอนด้านล่างเพื่อเป็นการเตือนความจำ
อีกทางเลือกหนึ่งที่ทันสมัยคือการใช้ปลั๊กอิน บางครั้ง นี่อาจเป็นวิธีที่รวดเร็วและปราศจากข้อผิดพลาดในการบรรลุสิ่งที่คุณต้องการโดยไม่จำเป็นต้องเขียนโค้ด ขึ้นอยู่กับคุณ – ดังนั้นในบทความนี้เราจะเห็นทั้งสองวิธี!
1. ตัวอย่างการปรับแต่ง “บัญชีของฉัน” ของ WooCommerce
ในฐานะนักแปลอิสระของ WooCommerce ฉันชอบเขียนโค้ดและทำสิ่งต่างๆ ให้สำเร็จโดยไม่ต้องติดตั้งปลั๊กอิน นั่นคือฉันเอง ดังนั้นคุณอาจคิดต่างออกไป
หากคุณชอบความท้าทาย PHP และ WooCommerce hooks ช่วยให้คุณบรรลุอะไรก็ได้ในหน้า "บัญชีของฉัน"
ก่อนที่จะแสดงรายการตัวอย่างบางส่วนที่ฉันชอบ ฉันแนะนำให้คุณศึกษา คู่มือ WooCommerce “บัญชีของฉัน” Visual Hook : https://businessbloomer.com/woocommerce-visual-hook-guide-account-pages/ – สิ่งนี้จะทำให้คุณ แนวคิดเกี่ยวกับวิธีเขียนโค้ดหน้าการจัดการบัญชีและ "ขอเกี่ยว" ใดที่คุณสามารถใช้เพื่อแสดงเนื้อหาเพิ่มเติม
เมื่อคุณทำเสร็จแล้ว คุณสามารถดูตัวอย่างข้อมูลที่เป็นประโยชน์เหล่านี้ได้ (ลิงก์ควรอธิบายได้ด้วยตนเอง):
- https://businessbloomer.com/woocommerce-add-new-tab-account-page/
- https://businessbloomer.com/woocommerce-hide-rename-account-tab/
- https://businessbloomer.com/woocommerce-merge-account-tabs/
- https://businessbloomer.com/woocommerce-show-extra-content-my-account-page/
- https://businessbloomer.com/woocommerce-add-first-last-name-account-register-form/
- https://businessbloomer.com/woocommerce-add-select-field-account-register-form/
- https://businessbloomer.com/woocommerce-display-products-purchased-user/
สนุก
2. ปลั๊กอินการปรับแต่ง "บัญชีของฉัน" ของ WooCommerce
สมมติว่าเป้าหมายของคุณคือการให้บริการลูกค้าที่โดดเด่น ในกรณีดังกล่าว คุณสามารถปรับแต่งหน้าบัญชีของฉันเพื่อให้ลูกค้าของคุณมีข้อมูลที่พวกเขาค้นหา ตอบคำถามของพวกเขาผ่านทางคำถามที่พบบ่อย หรืออนุญาตให้พวกเขาดาวน์โหลดคู่มือผู้ใช้หรือคำแนะนำ
แม้ว่าการติดตั้ง WooCommerce แบบมาตรฐานจะไม่ได้มาพร้อมกับความสามารถในการปรับแต่งหรือวิธีที่ใช้งานง่ายในการเพิ่มฟิลด์ที่กำหนดเองเพิ่มเติม – คุณสามารถทำได้โดยใช้ปลั๊กอินหน้าบัญชีของฉัน WooCommerce ที่กำหนดเอง
คุณไม่ต้องการให้ลูกค้าสำรวจร้านค้าของคุณเพื่อหาคำตอบสำหรับคำถามของพวกเขา – เพียงเพื่อทำให้พวกเขาผิดหวังในกระบวนการ แต่คุณสามารถทำให้หน้าบัญชีของฉันเป็นศูนย์กลางที่ครอบคลุมสำหรับลูกค้าของคุณ ซึ่งพวกเขาสามารถค้นหาคู่มือผู้ใช้และข้อมูลเกี่ยวกับการรับประกัน คำสั่งซื้อที่ผ่านมา หรือแม้แต่รางวัล
นี่คือประโยชน์ของร้านค้าของคุณโดยการปรับแต่งหน้าบัญชีของฉันของ WooCommerce:
- การคืนสินค้าให้น้อยที่สุด : การเพิ่มข้อมูลผลิตภัณฑ์ คู่มือแนะนำ หรือคู่มือเพิ่มเติม จะช่วยให้ลูกค้ารู้สึกมั่นใจเกี่ยวกับผลิตภัณฑ์ที่พวกเขายินดีซื้อ – ลดโอกาสในการคืนสินค้า
- เพิ่มความภักดีของลูกค้า: การปรับแต่งหน้าบัญชีของฉันช่วยให้ชีวิตของพวกเขาง่ายขึ้นโดยให้ข้อมูลทั้งหมดที่พวกเขาต้องการในตำแหน่งที่หาง่าย ซึ่งยังช่วยลดความจำเป็นในการติดต่อฝ่ายบริการลูกค้าอีกด้วย นอกจากนี้ยังเป็นสถานที่สำหรับค้นหาส่วนลดและคูปองพิเศษสำหรับการเป็นลูกค้าประจำของคุณ
- การรักษาลูกค้าสูงสุด: การ เสนอคูปองและส่วนลดเพิ่มเติมในหน้าบัญชีของฉันสามารถช่วยให้คุณทำให้ลูกค้าของคุณกลับมาและทำให้พวกเขากระตือรือร้นอยู่เสมอ ดังนั้นพวกเขาจึงเช็คอินเป็นครั้งคราวสำหรับการขายและข้อเสนอใหม่
- การร้องเรียน/สอบถามข้อมูลของลูกค้าลดลง: 67% ของลูกค้าต้องการบริการตนเองมากกว่าการโทรหาตัวแทนเฉพาะ การจัดเตรียมคู่มือผู้ใช้และที่รวมทุกอย่างไว้ในที่เดียวเพื่อดูผลิตภัณฑ์และค้นหาคำตอบจะทำให้พวกเขามีโอกาสน้อยที่จะติดต่อคุณสำหรับคำถามเดียวกันหรือคำถามอื่นๆ
ตอนนี้เราได้เห็นแล้วว่าการปรับแต่งหน้าบัญชีของฉันช่วยคุณและลูกค้าของคุณได้อย่างไร – มาดูปลั๊กอินบางตัวที่คุณสามารถใช้เพื่อยกระดับประสบการณ์ลูกค้าของร้านค้าของคุณไปอีกระดับ
YITH – WooCommerce ปรับแต่งหน้าบัญชีของฉัน
หน้า WooCommerce ปรับแต่งบัญชีของฉันของ Yith ช่วยให้คุณควบคุมสิ่งที่คุณแสดงบนหน้าบัญชีของฉันได้ดียิ่งขึ้น และเป็นวิธีที่ยอดเยี่ยมในการทำให้หน้าดูน่าสนใจและมีประโยชน์สำหรับลูกค้าของคุณ ไม่ว่าคุณจะใช้ธีมใดก็ตาม
คุณสมบัติที่ใหญ่ที่สุดที่เกี่ยวข้องกับการปรับแต่งหน้า "บัญชีของฉัน" ที่ควรค่าแก่การกล่าวถึงคือ:
- คุณสามารถสลับระหว่างโหมดการ แสดงผล "แถบด้านข้าง" หรือ "แท็บ" ได้
- คุณสามารถ จัดเรียง ลบ เพิ่ม เปลี่ยนชื่อ และเปลี่ยน เนื้อหาของแท็บการจัดการบัญชีได้
- คุณสามารถแสดงบางแท็บให้กับ บทบาทของผู้ใช้ที่เฉพาะเจาะจง ได้
- เปลี่ยนสี ฉลาก เพิ่มไอคอนได้
ช่วยให้คุณเพิ่มเมนูได้ไม่จำกัดจำนวนพร้อมเนื้อหา เช่น คำแนะนำ แบบสำรวจ ไฟล์ที่ดาวน์โหลดได้ คูปอง ข่าวสาร การแจ้งเตือน และวิดีโอแนะนำ
นอกจากนี้ยังช่วยให้คุณสามารถโปรโมตผลิตภัณฑ์ของคุณและแสดงข้อความที่เกี่ยวข้องกับรหัสส่วนลดและข้อเสนอส่งเสริมการขาย นอกจากนี้ยังง่ายต่อการแก้ไขเนื้อหา ป้ายกำกับ และตำแหน่งของส่วนเริ่มต้นของร้านค้าของคุณ เช่น แดชบอร์ดและคำสั่งซื้อ
คุณลักษณะเด่น: ให้คุณสร้างส่วนที่มองเห็นได้เฉพาะผู้ใช้บางรายเท่านั้น และจำกัดส่วนเหล่านี้จากบทบาทของผู้ใช้เฉพาะ
ราคา: $59.99/ปี พร้อมการสนับสนุนและอัปเดต 1 ปี และรับประกันคืนเงินภายใน 30 วัน
IconicWP – หน้าบัญชี WooCommerce
ปลั๊กอินนี้เป็นหนึ่งในปลั๊กอินที่ราบรื่นที่สุด เนื่องจากมีการผสานรวมกับ WooCommerce อย่างสมบูรณ์ ทำงานได้ดีกับธีมที่มีการเข้ารหัสอย่างดี และทำหน้าที่เสมือนเป็นฟังก์ชันอื่นของ WooCommerce และไม่เหมือนปลั๊กอินที่ติดตั้งไว้
สิ่งที่แตกต่างและไม่เหมือนใครเกี่ยวกับปลั๊กอินนี้คือคุณไม่เพียงแต่สามารถตั้งค่าหน้าเว็บได้ไม่จำกัดในหน้าบัญชีของฉันเท่านั้น แต่หน้าใดๆ ที่คุณเพิ่มจะแสดงเป็นลิงก์แบบแท็บโดยอัตโนมัติ
นอกจากนี้ยังเป็นปลั๊กอินที่เป็นมิตรกับรหัสย่อ เนื่องจากคุณสามารถแสดงลิงก์แท็บได้อย่างง่ายดายโดยใช้รหัสย่อหากคุณใช้ตัวสร้างหน้า ยิ่งไปกว่านั้น มันอำนวยความสะดวกในการสั่งซื้อหน้า – และโดยรวมแล้วเป็นปลั๊กอินที่ยอดเยี่ยมสำหรับผู้เริ่มต้นใช้งานพร้อมอินเทอร์เฟซที่คุ้นเคย
คุณลักษณะเด่น: นี่เป็นปลั๊กอินเดียวที่ช่วยให้คุณใช้ Gutenberg Editor ทำให้ง่ายต่อการสร้างเลย์เอาต์แบบกำหนดเองและไดนามิก และเพิ่มเนื้อหา เช่น แกลเลอรี่ภาพหรือวิดีโอในแท็บ
ราคา: สิทธิ์ใช้งานปลั๊กอิน 1 ไซต์ราคา $49/ปี
WooCommerce – ปรับแต่งบัญชีของฉันสำหรับ WooCommerce
ปลั๊กอินนี้ให้คุณเพิ่มจุดสิ้นสุดบัญชีของฉัน (แท็บ) ผ่านเครื่องมือปรับแต่งแบบสดพร้อมแผงปรับแต่งที่มีประสิทธิภาพ
นอกจากการสร้างปลายทางของบัญชีไม่จำกัดแล้ว ยังทำให้ง่ายต่อการปรับแต่งแท็บ (เพิ่มใหม่หรือซ่อนค่าเริ่มต้น) แก้ไขป้ายกำกับ แสดงเนื้อหาที่กำหนดเอง (ข้อความ แบบฟอร์ม หรือสื่อ) และเพิ่มไอคอน
คุณยังสามารถให้การเข้าถึงปลายทางแก่บทบาทของผู้ใช้เฉพาะ แก้ไขแบบอักษร สีแบบอักษร ขนาด ภาพพื้นหลังและสี ช่องว่างภายใน ระยะขอบ และเส้นขอบ
คุณลักษณะเด่น: หนึ่งในคุณสมบัติที่ดีที่สุดของปลั๊กอินนี้คือความสามารถในการจัดกลุ่มปลายทางเพื่อสร้างแท็บแล้วเพิ่มแท็บเป็นหน้าย่อยที่เยื้องอยู่ใต้แท็บหลัก คุณยังเพิ่มโค้ด CSS ที่กำหนดเองได้อีกด้วย
ราคา: $ 49.00 (เรียกเก็บเงินทุกปี)
WooCommerce – เครื่องมือแก้ไขหน้าบัญชีของฉัน
ปลั๊กอินนี้เป็นตัวเลือกที่ดีอีกตัวเลือกหนึ่งในการปรับแต่งหน้าบัญชีของฉันของ WooCommerce โดยการเพิ่มจุดปลายหลายจุด แก้ไขหรือลบปลายทางเริ่มต้น และจัดเรียงปลายทางผ่านการลากและวาง
ตัวแก้ไขแบบ WYSIWYG ให้คุณเพิ่มหน้าผลิตภัณฑ์ หมวดหมู่ ลิงก์ภายนอกหรือภายใน หรือเนื้อหา คุณยังสามารถจำกัดบทบาทของผู้ใช้ได้อีกด้วย นอกจากนี้ คุณยังได้รับตัวเลือกในการแสดงปลายทางที่ด้านบน ซ้าย หรือขวาของสไตล์แท็บ และใช้ไอคอนที่มีอยู่แล้วภายในเพื่อแสดงพร้อมกับปลายทาง
คุณลักษณะเด่น: คุณสามารถเลือกจากประเภทปลายทางใดก็ได้ ทั้งแบบเดี่ยว หน้า ลิงก์ และกลุ่ม และเลือกสีและรูปแบบต่างๆ จากสี่ตัวเลือก
ราคา: $ 49.00 (เรียกเก็บเงินทุกปี)
Codecanyon – WooCommerce กำหนดหน้าบัญชีของฉันเอง
ปลั๊กอินที่เป็นมิตรกับงบประมาณนี้ช่วยให้คุณสร้างหน้าบัญชีของฉันที่เรียบง่าย สะอาดตา และสะดวกสบาย และปรับแต่งได้
นอกจากจะให้คุณสร้างแท็บบัญชีของฉันเองแล้ว ยังให้คุณเปลี่ยนชื่อ จัดลำดับใหม่ และปิดการใช้งานแท็บด้วยอินเทอร์เฟซที่ใช้งานง่าย ที่น่าสนใจคือมันมาพร้อมกับตัวเลือกสไตล์มากมาย เช่น เลย์เอาต์สามแบบ การปรับเปลี่ยนสีพื้นหลัง และข้อความที่กำหนดเอง – เพื่อปรับปรุงหน้าบัญชีของฉัน WooCommerce ของคุณใหม่ทั้งหมด
คุณยังสามารถจำกัดบทบาทของผู้ใช้เฉพาะ ใช้รหัสย่อ และเพิ่มข้อมูลเมตาผู้ใช้แบบกำหนดเอง ซึ่ง WooCommerce ไม่รองรับ
คุณลักษณะเด่น: สิ่งที่น่าสนใจเกี่ยวกับปลั๊กอินนี้คือสนับสนุนเนื้อหามากกว่า 11 ประเภท – รวมถึงลิงก์ ตัวแก้ไข ฟังก์ชัน แสดงรถเข็น แสดงบัญชีของฉัน และแบบฟอร์มติดต่อ 7
ราคา: สิทธิ์ใช้งานปกติราคา $34
Codecanyon – ปลั๊กอินหน้าบัญชีของฉัน WooCommerce แก้ไขและปรับแต่งหน้าบัญชี
ปลั๊กอินราคาไม่แพงนี้ช่วยให้คุณปรับแต่งหน้าบัญชีของฉัน เพิ่มแท็บที่กำหนดเอง ควบคุมเนื้อหาทั้งหมด และปรับแต่งประสบการณ์โดยรวมให้เป็นส่วนตัว
ช่วยให้คุณเพิ่มหน้าหรือจุดปลาย ปรับแต่งเนื้อหา และปลายทางกลุ่มได้อย่างง่ายดายเพื่อปรับปรุงการจัดวางหน้าและจัดระเบียบให้ดีขึ้น
นอกจากนี้ยังมาพร้อมกับตัวแก้ไขแบบ WYSIWYG ที่เป็นมิตรกับผู้ใช้ ซึ่งอนุญาตให้ใช้ HTML – และรวมทั้งหมดเป็นปลั๊กอินการปรับแต่งที่ไร้รอยต่อสำหรับหน้าบัญชีของฉันในร้านค้าของคุณ
คุณลักษณะเด่น: ปลั๊กอินนี้ช่วยให้คุณสามารถดึงดูดความสนใจของลูกค้าไปยังหน้าเว็บบางหน้า เช่น "ผลิตภัณฑ์ใหม่" โดยแนบลิงก์ไปยังแท็บหรือปลายทาง
ราคา: สิทธิ์ใช้งานปกติราคา $ 29
Codecanyon – SS WooCommerce บัญชีของฉัน Ajax Tabs
ความเรียบง่ายและน้ำหนักเบานี้เป็นโซลูชันที่ยอดเยี่ยมสำหรับร้านค้าที่มีการเข้าชมเว็บไซต์สูงและเพื่อลดภาระของเซิร์ฟเวอร์โดยรวม
มันมีสไตล์แท็บที่ไม่ซ้ำกันสามสไตล์ – ค่าเริ่มต้น คลาสสิก และแบน และให้คุณเพิ่มแท็บได้ไม่จำกัด ลบแท็บ เรียงลำดับใหม่โดยใช้การลากและวาง และเพิ่มเนื้อหาที่กำหนดเอง
ปลั๊กอินนี้มีความพิเศษตรงที่มันแปลงแท็บหน้าบัญชีของฉันเป็นแท็บ Ajax ซึ่งช่วยให้ลูกค้าสามารถนำทางผ่านลิงก์ของแท็บและเนื้อหาในหน้าเดียวกันได้ ดังนั้นจึงไม่จำเป็นต้องรีเฟรชหน้าทุกครั้งที่ลูกค้าต้องการดูเนื้อหาของแท็บ
นอกจากนี้ยังรองรับ HTML, รหัสย่อที่กำหนดเอง, JavaScript และเนื้อหาตัวเลื่อน
คุณลักษณะเด่น: รองรับการวางแนวแท็บแนวตั้งและมอบประสบการณ์ลูกค้าที่ดียิ่งขึ้น - ช่วยให้พวกเขาดูเนื้อหาของแท็บได้โดยไม่ต้องรีเฟรชหน้าหรือล่าช้า
ราคา: สิทธิ์ใช้งานปกติราคา $ 29
การออกแบบ Pheoniixx – กำหนดบัญชีของฉันเองสำหรับ WooCommerce
ปลั๊กอินที่มีคุณลักษณะนี้สนับสนุนเครือข่ายหลายไซต์และมีตัวเลือกมากมายในการปรับแต่งหน้าบัญชีของฉันตามความต้องการเฉพาะของคุณ
คุณสามารถสร้างตัวเลือกเมนูได้ไม่จำกัด และเลือกระหว่างสองสไตล์เมนูหรือตัวเลือกเค้าโครง – แถบด้านข้างและแท็บ นอกจากนี้ยังให้ตัวเลือกแก่ลูกค้าของคุณในการอัปโหลดรูปโปรไฟล์
นอกจากนี้ คุณยังได้รับตัวเลือกการจัดรูปแบบมากมายเพื่อปรับแต่งข้อความรายการเมนู สีรายการเมนู ช่องว่างภายในระหว่างเมนู และระยะขอบระหว่างไอคอนและข้อความ คุณยังสามารถเพิ่ม URL ที่กำหนดเองลงในเมนูและแก้ไขไอคอน ป้ายกำกับ และเนื้อหาภายใต้ตัวเลือกเมนูแต่ละรายการได้อย่างง่ายดาย
คุณสมบัติเด่น: รองรับรหัสย่อและอนุญาตให้คุณจำกัดตัวเลือกเมนูในหน้าบัญชีของฉันตามบทบาทของผู้ใช้ เช่น ลูกค้า ผู้ร่วมให้ข้อมูล หรือผู้ดูแลระบบ
ราคา: ใบอนุญาตไซต์เดียวราคา 35.18 ดอลลาร์พร้อมการสนับสนุนหนึ่งปี อัปเดตตลอดอายุการใช้งาน และไม่มีค่าธรรมเนียมการต่ออายุ
บทสรุป
การปรับแต่งหน้าบัญชีของฉัน WooCommerce เป็นวิธีที่ยอดเยี่ยมในการปรับปรุงประสบการณ์ของลูกค้าและการโต้ตอบกับร้านค้าของคุณ การเพิ่มรายละเอียดที่จำเป็นทั้งหมด คำแนะนำ คำถามที่พบบ่อย และข้อมูลผลิตภัณฑ์ในหน้าเดียวช่วยป้องกันความไม่พอใจของลูกค้า ความจำเป็นในการติดตามคำถาม ลดผลตอบแทน และเพิ่มความภักดี
คุณสามารถสร้างหน้าและแท็บได้มากเท่าที่ต้องการ โดยไม่ต้องเรียนรู้อะไรใหม่ๆ ปลั๊กอินแต่ละตัวที่กล่าวถึงข้างต้นมาพร้อมกับคุณสมบัติ จุดแข็ง และจุดอ่อนที่เป็นเอกลักษณ์ ดังนั้น วิเคราะห์ความต้องการของคุณและเลือกปลั๊กอินที่เหมาะสมสำหรับร้านค้าของคุณเพื่อส่งมอบโซลูชันที่เดียวสำหรับทุกความต้องการของลูกค้าของคุณ