Bạn có muốn tạo đăng ký người dùng giao diện người dùng thân thiện với người dùng trong WordPress không?
Hình ảnh của Freepik
Làm thế nào để tạo một mẫu đăng ký người dùng Form liên hệ 7?
Nếu bạn muốn sử dụng plugin Contact Form 7 [CF7] để tạo biểu mẫu đăng ký người dùng, bạn sẽ yêu cầu tiện ích mở rộng đăng ký người dùng Contact Form 7. Để tự động hóa quy trình làm việc của biểu mẫu CF7, bạn có thể sử dụng plugin Tablesome, đây là plugin tự động hóa Biểu mẫu liên hệ 7
Sử dụng Contact Form 7 và Tablesome, chúng ta sẽ xây dựng một biểu mẫu đăng ký người dùng WordPress
Chúng tôi sẽ sử dụng Biểu mẫu liên hệ 7 để tạo biểu mẫu đăng ký người dùng tùy chỉnh, sau đó sử dụng Tablesome để tạo quy trình Tạo người dùng sẽ được kích hoạt khi biểu mẫu được gửi
Cài đặt và kích hoạt plugin Contact Form 7
Nếu bạn đã cài đặt plugin CF7, bạn có thể bỏ qua bước này
- Đăng nhập vào bảng điều khiển WordPress của bạn
- Chuyển đến Plugin → Thêm mới
- Sau đó tìm kiếm “Mẫu liên hệ 7” và nhấp vào 'Cài đặt'
- Sau khi cài đặt, kích hoạt plugin biểu mẫu
Tạo biểu mẫu đăng ký người dùng tùy chỉnh
- Để tạo biểu mẫu mới, hãy vào Liên hệ → Thêm mới
- Đặt cho biểu mẫu đăng ký một tiêu đề phù hợp và sau đó thêm các trường cần thiết cho biểu mẫu đăng ký người dùng của bạn trong trình chỉnh sửa biểu mẫu
- WordPress có hai trường bắt buộc khi tạo người dùng. tên người dùng và email, vì vậy biểu mẫu của bạn nên có chúng
- Các trường Hồ sơ người dùng WordPress khác, chẳng hạn như Biệt hiệu, Tên hiển thị, v.v. , có thể được thêm vào
- Nếu bạn muốn lấy một số chi tiết người dùng khác như Địa chỉ nhà, Số điện thoại, v.v. , bạn có thể tạo các trường biểu mẫu này. Các trường biểu mẫu này có thể được lưu trữ dưới dạng Siêu dữ liệu người dùng [user_meta]
- Sau đó, 'Lưu' biểu mẫu
User Registration Contact Form 7 Template [mã mẫu đăng ký Contact Form 7]
Dưới đây là mẫu Mẫu liên hệ mẫu 7 để đăng ký người dùng
Username [text* username ] Email [email* your-email] First Name [text first-name] Last Name [text last-name] Nickname [text Nickname ] Display name [text last-name] Biographical Info [textarea bio-info] Address [text your-address] Phone No. [number phone-number] [submit "Submit"]
Bạn có thể nhanh chóng tạo biểu mẫu đăng ký người dùng Biểu mẫu liên hệ 7 trên trang web của mình chỉ bằng cách sao chép và dán mã này
Tùy thuộc vào nhu cầu của bạn, bạn có thể thay đổi, xóa hoặc thêm các trường biểu mẫu mới
Đây là cách biểu mẫu đăng ký phía trước sẽ xuất hiện
Tạo một trang đăng ký người dùng WordPress
Bây giờ chúng tôi đã tạo biểu mẫu đăng ký người dùng bằng cách sử dụng plugin Contact Form 7, chúng tôi phải thêm nó vào trang đăng ký người dùng
- Copy shortcode dạng CF7 vừa tạo
- Chuyển đến Trang → Thêm mới
- Đặt tiêu đề cho trang đăng ký này
- Thêm một khối Shortcode vào trang và dán shortcode mẫu
- Sau đó, thêm nội dung khác mà bạn muốn có trong trang đăng ký người dùng và xuất bản nội dung đó
Thiết lập quy trình đăng ký người dùng với Tablesome
Bây giờ biểu mẫu đã sẵn sàng, chúng ta phải thiết lập công việc đăng ký người dùng bằng cách sử dụng plugin Tablesome. Bạn phải tải xuống và cài đặt plugin Tablesome vào trang web của mình. Để tải xuống tệp plugin, bạn có thể bắt đầu dùng thử miễn phí Tablesome bằng cách cung cấp thông tin cần thiết
- Sau khi cài đặt và kích hoạt plugin Tablesome, vào Tablesome → Create New Table
- Đặt cho quy trình làm việc này một tiêu đề hay
- Trong ‘Quy trình làm việc’ bạn sẽ có phần Kích hoạt 1, tại đây chọn Tích hợp CF7
- Chọn trình kích hoạt 'Gửi biểu mẫu [CF7]' và chọn biểu mẫu đăng ký người dùng
- Sau đó, trong Hành động 1, chọn hành động Tích hợp WordPress rồi chọn hành động ‘Thêm người dùng [WordPress]’
- Sau đó, bạn có thể Bật hoặc Tắt email thông báo người dùng
- Bên dưới, bạn sẽ tìm thấy phần Bản đồ trường người dùng, tại đây bạn có thể ánh xạ trường biểu mẫu tới các trường người dùng có sẵn
- Tên người dùng, Email người dùng và Vai trò người dùng là các trường cần thiết tối thiểu để người dùng được tạo trong WordPress
- Bạn có thể chọn vai trò người dùng cho người dùng mới được tạo
- Bạn cũng có thể ánh xạ các trường hồ sơ người dùng có sẵn khác và Siêu dữ liệu người dùng
- Sau khi hoàn thành ánh xạ trường, bạn có thể lưu quy trình làm việc bằng cách nhấp vào nút 'Lưu'
Cách đặt mật khẩu
Tablesome không thu thập mật khẩu, để người dùng đặt mật khẩu, một email chứa liên kết được tạo tự động sẽ được gửi đến người dùng và người dùng có thể đặt mật khẩu trong trang tương ứng
Với Tablesome, bạn cũng có thể thiết lập quy trình công việc để chuyển hướng người gửi biểu mẫu sang trang khác và cũng có thể lưu các mục nhập biểu mẫu vào bảng