คุณต้องการสร้างหน้าลงทะเบียนใน Elementor หรือไม่?

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

ตั้งแต่วิดเจ็ต แบบฟอร์ม มีเฉพาะใน Elementor Pro เท่านั้น คุณต้องอัปเกรด Elementor ของคุณเป็นเวอร์ชัน Pro

วิธีสร้างแบบฟอร์มลงทะเบียนใน Elementor

Elementor ไม่มีวิดเจ็ตเริ่มต้นเพื่อเพิ่มแบบฟอร์มการลงทะเบียน แต่อย่างที่กล่าวไว้ก่อนหน้านี้ คุณสามารถสร้างหน้าการลงทะเบียนผู้ใช้โดยใช้วิดเจ็ต Form ได้โดยใช้เคล็ดลับเล็กน้อย มีสององค์ประกอบที่คุณต้องการ:

  • แบบฟอร์มลงทะเบียนผู้ใช้เอง
  • สคริปต์ PHP ที่ให้คุณเพิ่มผู้ใช้ใหม่ได้

ก่อนที่เราจะเริ่ม สมมติว่าคุณใช้ Elementor มาระยะหนึ่งแล้วและได้สร้างแบบฟอร์มโดยใช้วิดเจ็ตแบบฟอร์มแล้ว

เมื่อคุณพร้อมแล้ว ให้ทำตามขั้นตอนด้านล่างเพื่อเริ่มสร้างหน้าลงทะเบียนใน Elementor

ขั้นตอนที่ 1: สร้างแบบฟอร์มลงทะเบียน

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

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

แชมป์ ประเภทฟิลด์ ฉลาก
ชื่อแรก ตำรา ชื่อแรก
ขนม ตำรา ชื่อ
ผู้ใช้ (จำเป็น) ตำรา ผู้ใช้
อีเมล (บังคับ) E-mail E-mail
รหัสผ่าน (จำเป็น) รหัสผ่าน รหัสผ่าน

ชื่อแบบฟอร์ม: สร้างผู้ใช้ใหม่

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

อ่าน: วิธีสร้างป๊อปอัปยินยอมคุกกี้ด้วย Elementor

อย่าลืมตั้งชื่อแบบฟอร์มของคุณ อีกครั้ง ตรวจสอบให้แน่ใจว่าใช้ชื่อเดียวกันทุกประการ (รวมทั้งตัวพิมพ์ใหญ่และตัวพิมพ์เล็ก) ที่เราใช้ในตัวอย่างนี้ ("สร้างผู้ใช้ใหม่" ในกรณีนี้)

นี่คือตัวอย่างแบบฟอร์มที่เราสร้างขึ้น

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

ในบล็อค เปลี่ยนเส้นทาง วาง URL ที่คุณต้องการให้ระบบนำทางผู้ใช้ของคุณหลังจากสร้างผู้ใช้ใหม่ ตัวอย่างเช่น คุณสามารถเปลี่ยนเส้นทางไปยังหน้าเข้าสู่ระบบของเว็บไซต์ของคุณ

วิธีสร้างหน้าลงทะเบียนใน Elementor

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

แบบฟอร์มของคุณพร้อมแล้ว คุณสามารถเผยแพร่หน้าได้หลังจากที่คุณแก้ไขเสร็จแล้ว

ขั้นตอนที่ 2: เพิ่มฟังก์ชันใหม่เพื่อเพิ่มผู้ใช้ใหม่

นี่คือสคริปต์ PHP ที่ให้คุณเพิ่มผู้ใช้ใหม่ให้กับเว็บไซต์ WordPress ของคุณ

add_action ('elementor_pro / แบบฟอร์ม / new_record', 'blogpascher_creer_un_nouvel_user', 10, 2); ฟังก์ชัน blogpascher_creer_un_new_user (บันทึก $, $ ajax_handler) {$ form_name = $ record-> get_form_settings ('form_name'); // ตรวจสอบว่าแบบฟอร์ม "สร้างผู้ใช้ใหม่" มิฉะนั้น - หยุดและกลับมา; if ('สร้างผู้ใช้ใหม่'! == $ form_name) {return; } $ form_data = $ บันทึก -> get_formatted_data (); $ ผู้ใช้ = $ form_data ['ผู้ใช้']; // รับค่าที่ป้อนเป็น "ชื่อผู้ใช้" $ ​​password = $ form_data ['Password']; // รับค่าที่ป้อนเป็น "รหัสผ่าน" $ email = $ form_data ['Email']; // รับค่าที่ป้อนเป็น "Email" $ user = wp_create_user ($ username, $ password, $ email); // สร้างผู้ใช้ใหม่ หากสำเร็จ ให้ส่งคืน user_id if (is_wp_error ($ user)) {// ถ้ามีข้อผิดพลาดในการสร้างผู้ใช้ใหม่ $ ajax_handler-> add_error_message ("ไม่สามารถสร้างผู้ใช้ใหม่ได้: ". $ user-> get_error_message ()); // เพิ่มข้อความ $ ajax_handler-> is_success = false; return;} $ first_name = $ form_data [" First name "]; //รับค่าที่ป้อนเป็น "ชื่อแรก"
    $ last_name = $ form_data ["ชื่อ"]; //รับค่าที่ป้อนเป็น "Nom"
    wp_update_user (อาร์เรย์ ("ID" => $ ผู้ใช้ "first_name" => $ first_name, "last_name" => $ last_name)); // อัปเดตผู้ใช้ด้วยชื่อและนามสกุล}

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

นี่คือตัวอย่าง

วิธีสร้างหน้าลงทะเบียนใน Elementor

คลิกที่ปุ่ม อัปเดตไฟล์ ในตัวแก้ไขเพื่ออัปเดตไฟล์ functions.php.

ข้อผิดพลาดที่อาจเกิดขึ้น

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

อ่าน: วิธีการส่งออกและนำเข้าโมเดล Elementor

โดยไปที่ บัญชี -> บัญชีทั้งหมด. วางเมาส์เหนือผู้ใช้ที่คุณต้องการเปลี่ยนบทบาทแล้วคลิกลิงก์ แก้ไข

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

หากคุณต้องการให้ผู้ใช้ที่ลงทะเบียนใหม่แต่ละคนมีบทบาท Contributor คุณสามารถตั้งค่า (บทบาท Contributor) เป็นบทบาทเริ่มต้นได้

ดูเพิ่มเติม: วิธีสร้างหน้าเข้าสู่ระบบด้วย Elementor

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

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

รับ Elementor Pro ทันที!

สรุป

ที่นี่คือ ! บทความนี้จะแสดงวิธีสร้างหน้าลงชื่อสมัครใช้ใน Elementor เท่านั้น หากคุณมีข้อสงสัยในการเดินทาง f onแจ้งให้เราทราบใน ความเห็น.

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

แต่ในขณะเดียวกัน แบ่งปันบทความนี้ในเครือข่ายโซเชียลต่าง ๆ ของคุณ.

...