ปรับหน้าเข้าสู่ระบบ WordPress อย่างไรให้เหมาะกับทั้งสมาชิกและลูกค้า WooCommerce
เว็บ WordPress หนึ่งเว็บอาจมีทางเข้าสู่ระบบหลายแบบ ผู้ดูแลใช้ wp-login.php สมาชิกทั่วไปใช้ฟอร์มบนหน้าเว็บ ส่วนลูกค้า WooCommerce ใช้หน้า My Account หากปรับหน้าตาและตั้งค่าให้ทุกจุดทำงานเหมือนกันทั้งหมด ผู้ใช้อาจสับสน และทีมงานอาจเข้าหลังบ้านไม่ได้เมื่อเกิดปัญหา
WordPress มีฟังก์ชัน wp_login_form() สำหรับนำแบบฟอร์มเข้าสู่ระบบไปแสดงในหน้าอื่น ส่วน My Account ของ WooCommerce มีไว้ให้ลูกค้าดูคำสั่งซื้อ ดาวน์โหลดไฟล์ แก้ไขที่อยู่ และจัดการบัญชี ดังนั้นก่อนปรับแต่ง ควรเริ่มจากการดูว่าใครเป็นผู้ใช้และเขาต้องการทำอะไรหลังเข้าสู่ระบบ
บทความนี้สรุปว่าจุดใดควรปรับ จุดใดควรเก็บไว้เป็นทางสำรอง และควรทดสอบอะไรบ้างก่อนนำไปใช้กับเว็บจริง
วางแผนก่อนปรับหน้าเข้าสู่ระบบ
1. แยกกลุ่มผู้ใช้ให้ชัดเจน
เริ่มจากแยกผู้ดูแลเว็บไซต์ ลูกค้า WooCommerce สมาชิก และผู้ใช้เนื้อหาเฉพาะกลุ่ม เพราะแต่ละกลุ่มควรเห็นข้อความ ช่องกรอก และหน้าที่เปิดหลังเข้าสู่ระบบต่างกัน
2. เลือกปรับเฉพาะหน้าที่จำเป็น
ใช้ wp-login.php เป็นทางเข้าสำรองสำหรับผู้ดูแล ใช้ฟอร์มบนหน้าเว็บสำหรับสมาชิกทั่วไป และใช้ WooCommerce My Account สำหรับลูกค้า ไม่จำเป็นต้องเปลี่ยนทุกจุดพร้อมกัน
3. เก็บทางสำรองและทดสอบให้ครบ
ทดสอบการเข้าสู่ระบบ สมัครสมาชิก ลืมรหัสผ่าน ออกจากระบบ การเปิดหน้าหลังเข้าสู่ระบบ และหน้า My Account ทั้งกับผู้ใช้ใหม่และผู้ใช้เดิม พร้อมตรวจว่าหากปิดปลั๊กอินแล้ว ระบบเดิมยังกลับมาใช้งานได้
รายการที่ควรทดสอบก่อนใช้งานจริง
อย่าทดสอบด้วยบัญชีผู้ดูแลที่เข้าสู่ระบบค้างไว้เพียงอย่างเดียว ควรเปิดหน้าต่างไม่ระบุตัวตนและลองใช้งานทั้งภาษาไทย ภาษาอังกฤษ มือถือ และคอมพิวเตอร์ ทดลองสมัครด้วยอีเมลใหม่ กรอกรหัสผ่านผิดเพื่อดูข้อความแจ้งเตือน และทดสอบลิงก์ตั้งรหัสผ่านใหม่ตั้งแต่ต้นจนจบ
หากใช้ WooCommerce ให้ทดสอบการสร้างบัญชีจากหน้า My Account และหน้า Checkout แยกกัน จากนั้นตรวจดูคำสั่งซื้อ ไฟล์ดาวน์โหลด และที่อยู่หลังเข้าสู่ระบบ หากธีมหรือปลั๊กอินอื่นมีหน้าต่างเข้าสู่ระบบแบบป๊อปอัปหรือ AJAX ต้องทดสอบส่วนนั้นแยก เพราะการปรับ wp-login.php ไม่ได้เปลี่ยนฟอร์มของธีมทุกตัว
วิธีที่ปลอดภัยที่สุดคือค่อย ๆ เปิดใช้ทีละส่วน เก็บทางเข้าสำรองสำหรับทีมงาน และหลีกเลี่ยงการเปลี่ยน URL หลังบ้านหรือบังคับส่งต่อผู้ใช้ หากยังไม่มีแผนกู้คืนเมื่อเกิดข้อผิดพลาด
คำถามที่พบบ่อย
อยากให้หน้าเข้าสู่ระบบเข้ากับแบรนด์ของคุณมากขึ้น?
ดูตัวอย่างหน้าจอจริง ตรวจสอบความต้องการของระบบ และดาวน์โหลด Amity Login & Register ได้ฟรี