การสร้างหน้าเข้าสู่ระบบและลงทะเบียนที่กำหนดเองใน WordPress

เผยแพร่แล้ว: 2022-09-16

ในบทช่วยสอนนี้ เราจะแสดงวิธีสร้างหน้าเข้าสู่ระบบและลงทะเบียนที่กำหนดเองใน WordPress เราจะเริ่มต้นด้วยการสร้างเทมเพลตหน้าแบบกำหนดเองสำหรับหน้าเข้าสู่ระบบและ การลงทะเบียน ของเรา จากนั้นเราจะสร้างแบบฟอร์มที่กำหนดเองสำหรับแต่ละหน้า สุดท้าย เราจะขอเข้าสู่กระบวนการตรวจสอบสิทธิ์ของ WordPress เพื่อประมวลผลข้อมูลในแบบฟอร์มที่เรากำหนดเอง

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

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

ฉันจะสร้างหน้าเข้าสู่ระบบและลงทะเบียนที่กำหนดเองใน Woocommerce ได้อย่างไร

เครดิต: brightplugins.com

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

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

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

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

ปลั๊กอิน WordPress หน้าเข้าสู่ระบบที่กำหนดเอง

เครดิต: Colorlib

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

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

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

แบบฟอร์มเข้าสู่ระบบ WordPress

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

แบบฟอร์มเข้าสู่ระบบ WP เป็นวิธีง่ายๆ ในการสร้าง แบบฟอร์มการเข้าสู่ระบบอย่างง่าย สำหรับไซต์ WordPress ใดๆ คุณสามารถเพิ่มรายการนี้ในโพสต์ เพจ หรือแถบด้านข้างด้วยรหัสย่อ พารามิเตอร์ต่อไปนี้สามารถใช้เพื่อปรับแต่งตัวเลือกที่ปรากฏด้านล่าง แต่มีพารามิเตอร์อื่นๆ ที่สามารถใช้ได้เช่นกัน สามารถเปิดใช้งานแบบฟอร์มเข้าสู่ระบบ WP เพื่อใช้ Google reCAPTCHA v3 เพื่อปกป้องแบบฟอร์มของคุณจากสแปมและรูปแบบอื่นๆ ของการละเมิดอัตโนมัติ คุณลักษณะนี้สามารถเปิดใช้งานได้โดยไปที่การตั้งค่า มีคลาสที่สร้างมาร์กอัปที่สะอาด แต่ไม่มี CSS ใด ๆ ที่ช่วยให้คุณปรับแต่งแบบฟอร์มตามข้อกำหนดของคุณ

แบบฟอร์มลงทะเบียน WordPress แบบกำหนดเองโดยทางโปรแกรม

คุณสามารถสร้างแบบฟอร์มการลงทะเบียนแบบกำหนดเองใน WordPress โดยทำตามขั้นตอนเหล่านี้:
1. ลงชื่อเข้าใช้ไซต์ WordPress ของคุณในฐานะผู้ดูแลระบบ
2. ไปที่เมนูแบบฟอร์มแล้วคลิกเพิ่มใหม่
3. ป้อนชื่อและคำอธิบายสำหรับแบบฟอร์มของคุณ
4. คลิกแท็บ ฟิลด์ และเพิ่มฟิลด์ที่คุณต้องการรวมไว้ในแบบฟอร์มของคุณ
5. คลิกแท็บ การตั้งค่า และเลือกตัวเลือกเพื่อส่งแบบฟอร์มไปยังที่อยู่อีเมล
6. คลิกปุ่ม เผยแพร่ เพื่อบันทึกแบบฟอร์มของคุณ
เมื่อสร้างแบบฟอร์มของคุณแล้ว คุณต้องเพิ่มลงในไซต์ของคุณ
1. ไปที่เมนูลักษณะที่ปรากฏ และคลิกวิดเจ็ต เพิ่มวิดเจ็ต Custom Registration Form ลงในแถบด้านข้าง ป้อนชื่อแบบฟอร์มของคุณในช่องชื่อแบบฟอร์ม บันทึกการเปลี่ยนแปลงของคุณ
แบบฟอร์มการลงทะเบียนที่กำหนดเองของคุณควรปรากฏบนไซต์ของคุณแล้ว

ฉันจะเปลี่ยนแบบฟอร์มการลงทะเบียนเริ่มต้นใน WordPress ได้อย่างไร

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

วิธีเปลี่ยน URL การลงทะเบียนเว็บไซต์ WordPress ของคุณ

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