Bạn có muốn tạo trang đăng ký trong Elementor không?
Nếu bạn muốn tạo một trang web WordPress cho phép người dùng đăng ký, điều quan trọng mà bạn cần cung cấp là trang đăng ký. Elementor không có tiện ích mặc định để thêm hình thức đăng ký một trang, nhưng bạn có thể thêm một trang bằng cách sử dụng tiện ích Hình thức với một mẹo nhỏ. Chúng ta sẽ tìm hiểu ngay trong bài viết này.
Vì tiện ích Hình thức chỉ khả dụng trên Elementor Pro, bạn cần nâng cấp Elementor của mình lên phiên bản pro.
Cách tạo biểu mẫu đăng ký trong Elementor
Elementor không có một widget mặc định để thêm một biểu mẫu đăng ký. Tuy nhiên, như đã đề cập trước đây, bạn có thể tạo trang đăng ký người dùng bằng tiện ích Biểu mẫu với một thủ thuật nhỏ. Có hai thành phần bạn sẽ cần:
- Bản thân biểu mẫu đăng ký người dùng
- Tập lệnh PHP cho phép bạn thêm người dùng mới
Trước khi bắt đầu, hãy giả sử rằng bạn đã sử dụng Elementor một thời gian và đã tạo một biểu mẫu bằng tiện ích Biểu mẫu.
Khi bạn đã sẵn sàng, hãy làm theo các bước bên dưới để bắt đầu tạo trang đăng ký trong Elementor.
Bước 1: Tạo biểu mẫu đăng ký
Đầu tiên, tạo một trang mới và chỉnh sửa nó bằng Elementor. Tất nhiên, bạn cũng có thể chỉnh sửa một trang hiện có. Trong trình chỉnh sửa Elementor, hãy thêm tiện ích Biểu mẫu vào hộp chỉnh sửa bằng cách kéo nó từ bảng điều khiển bên trái.
Chuyển đến bảng điều khiển bên trái để tùy chỉnh biểu mẫu. Khối tùy chọn đầu tiên bạn cần mở là khối Trường biểu mẫu dưới tab Nội dung. Biểu mẫu đăng ký mà chúng ta sẽ tạo sẽ bao gồm 5 trường như sau:
| nhà vô địch | Loại lĩnh vực | nhãn |
| tên riêng | Văn bản | Tên riêng |
| nom | Văn bản | tên |
| người dùng (bắt buộc) | Văn bản | Người sử dụng |
| E-mail (bắt buộc) | ||
| Mật khẩu được yêu câu) | mật khẩu | mật khẩu |
Tên biểu mẫu: Tạo người dùng mới
Một điều quan trọng cần lưu ý. Đảm bảo sử dụng chính xác các nhãn trường giống như trong bảng trên bao gồm cả chữ hoa và chữ thường vì chúng sẽ được sử dụng làm biến trên tập lệnh PHP mà chúng ta sẽ sử dụng.
Đọc cũng: Cách tạo cửa sổ bật lên chấp thuận cookie với Elementor
Ngoài ra, hãy đảm bảo đặt tên cho biểu mẫu của bạn. Một lần nữa, hãy đảm bảo sử dụng cùng một tên chính xác (bao gồm cả chữ hoa và chữ thường) mà chúng tôi đang sử dụng trong ví dụ này ("Tạo người dùng mới" trong trường hợp này).
Đây là ví dụ về biểu mẫu mà chúng tôi đã tạo.
Một khi Định nghĩa các trường biểu mẫu đã hoàn thành, hãy mở khối Hành động Sau khi Gửi. Vì bạn muốn tạo biểu mẫu đăng ký người dùng, bạn có thể đặt hành động thành Chuyển hướng.
Trong khối Chuyển hướng, Dán URL bạn muốn người dùng của mình được chuyển hướng đến sau khi tạo người dùng mới. Ví dụ: bạn có thể chuyển hướng họ đến trang đăng nhập trên trang web của bạn.
Mở khối Các tùy chọn và kích hoạt tùy chọn Tuỳ chỉnh Tin nhắn. Bạn có thể thay thế thông báo thành công bằng thông báo như “Người dùng đã được tạo”.
Biểu mẫu của bạn hiện đã sẵn sàng. Bạn có thể xuất bản trang sau khi chỉnh sửa xong.
Bước 2: Thêm chức năng mới để thêm người dùng mới
Đây là tập lệnh PHP cho phép bạn thêm người dùng mới vào trang web WordPress của mình.
add_action ('elementor_pro / form / new_record', 'blogpascher_creer_un_nouvel_user', 10, 2); function blogpascher_creer_un_new_user ($ record, $ ajax_handler) {$ form_name = $ record-> get_form_settings ('form_name'); // Kiểm tra xem biểu mẫu có phải là "tạo người dùng mới" hay không - dừng và quay lại; if ('Tạo người dùng mới'! == $ form_name) {return; } $ form_data = $ record-> get_formatted_data (); $ user = $ form_data ['Người dùng']; // Lấy giá trị đã nhập là "Tên người dùng" $ password = $ form_data ['Password']; // Lấy giá trị đã nhập là "Mật khẩu" $ email = $ form_data ['Email']; // Lấy giá trị đã nhập là "Email" $ user = wp_create_user ($ username, $ password, $ email); // Tạo người dùng mới, nếu thành công trả về user_id if (is_wp_error ($ user)) {// nếu có lỗi khi tạo người dùng mới $ ajax_handler-> add_error_message ("Không thể tạo người dùng mới: ". $ user-> get_error_message ()); // thêm thông báo $ ajax_handler-> is_success = false; return;} $ first_name = $ form_data [" First name "]; //Nhận giá trị đã nhập là "Tên riêng"
$ last_name = $ form_data ["Tên"]; //Nhận giá trị đã nhập là "Nom"
wp_update_user (array ("ID" => $ user, "first_name" => $ first_name, "last_name" => $ last_name)); // Cập nhật họ và tên cho người dùng}
Bạn có thể đặt mã trên vào tệp functions.php chủ đề của bạn. Để làm điều này, hãy truy cập Giao diện -> Trình chỉnh sửa chủ đề trên bảng điều khiển WordPress của bạn. Bấm vào tệp functions.php trên bảng điều khiển bên phải để chỉnh sửa nó và dán tập lệnh PHP vào cuối tệp chức năng.php.
Đây là một bản xem trước.
Nhấp vào nút Cập nhật tệp trong trình chỉnh sửa để cập nhật tệp functions.php.
Các lỗi tiềm ẩn
Khi người dùng của bạn đã tạo thành công một tài khoản mới, rất có thể họ sẽ không thể truy cập vào bảng điều khiển WordPress ngay cả khi họ đã đăng nhập thành công. Nếu bạn gặp sự cố này, hãy thử thay đổi vai trò của người dùng thành Người đóng góp hoặc vai trò cao hơn (Tác giả hoặc Người biên tập).
Đọc cũng: Cách xuất và nhập mô hình Elementor
Để làm như vậy, hãy truy cập Tài khoản-> Tất cả tài khoản. Di chuột qua người dùng có vai trò bạn muốn thay đổi và nhấp vào liên kết Chỉnh sửa.
Cuộn xuống tùy chọn Vai trò và chọn một vai trò mới từ menu thả xuống. Nhấn nút Cập nhật người dùng ở dưới cùng để áp dụng sửa đổi mới.
Nếu bạn muốn mỗi người dùng mới đăng ký có vai trò Người đóng góp, bạn có thể đặt vai trò đó (vai trò Người đóng góp) làm vai trò mặc định.
Xem thêm: Cách tạo trang đăng nhập bằng Elementor
Để làm như vậy, hãy truy cập Cài đặt-> Chung. Cuộn xuống tùy chọn Vai trò mặc định cho bất kỳ tài khoản mới nào và chọn một vai trò mặc định từ menu thả xuống. Đừng quên bấm vào nút Lưu thay đổi ở dưới cùng để áp dụng sửa đổi mới.
Nếu bạn tiếp tục muốn người dùng mới có vai trò người đăng ký và muốn cho phép họ truy cập vào trang tổng quan WordPress, bạn có thể cố gắng giải quyết vấn đề bằng cách tạm thời vô hiệu hóa các plugin đang hoạt động và bật lại lần lượt cho đến khi bạn thấy plugin nào là gây ra vấn đề.
Tải xuống Elementor Pro ngay!
Kết luận
Đây là ! Đó là nó cho bài viết này hướng dẫn bạn cách tạo trang đăng ký trong Elementor. Nếu bạn có bất kỳ mối quan tâm nào về cách đến đó fcho chúng tôi biết trong ý kiến.
Tuy nhiên, bạn cũng có thể tham khảo ý kiến tài nguyên của chúng tôi, nếu bạn cần thêm các yếu tố để thực hiện các dự án tạo trang Internet của mình, bằng cách tham khảo hướng dẫn của chúng tôi về Tạo blog WordPress hoặc một ngày Divi: chủ đề WordPress tốt nhất mọi thời đại.
Nhưng trong lúc này, chia sẻ bài viết này trên các mạng xã hội khác nhau của bạn.
...
