Đăng nhập và tạo biểu mẫu đăng ký cho Elementor

Nếu bạn muốn tạo một trang web thành viên, nơi mọi người đăng ký để tận dụng các tính năng đặc biệt, thì tốt hơn bạn nên tạo một trang đăng nhập và đăng ký chuyên dụng. Điều này sẽ cho phép bạn làm cho trang web của mình trở nên chuyên nghiệp hơn nhiều, yêu cầu thêm thông tin người dùng trong quá trình đăng ký và hơn thế nữa.

Và do đó, chúng tôi đã tổng hợp một hướng dẫn chi tiết để giúp bạn tạo trang đăng nhập và đăng ký tùy chỉnh bằng cách sử dụng plugin trang Elementor .

Elementor cho đến nay là một trong những plugin trang được đóng gói nhiều tính năng và phổ biến nhất dành cho WordPress. Phiên bản miễn phí của plugin đi kèm với rất nhiều khối và tiện ích để xây dựng trang web cơ bản. Trong khi một phiên bản chuyên nghiệp của plugin tồn tại, cung cấp nhiều tiện ích và khối nâng cao hơn.

Bây giờ, tiện ích con của trình tạo biểu mẫu đi kèm với Elementor bị khóa bên trong phiên bản chuyên nghiệp của nó. Tuy nhiên, thay vì nhận Elementor Pro để xây dựng biểu mẫu đăng ký của bạn, chúng tôi khuyên bạn nên sử dụng plugin Ultimate Addon cho Elementor (UAE) vì nó đi kèm với rất nhiều khối và tiện ích mạnh mẽ so với Elementor Pro.

Mục lục

Lợi ích của việc tạo trang đăng ký tùy chỉnh

Chỉ riêng về mặt chức năng, không có vấn đề gì khi sử dụng một trang đăng ký có vẻ ngoài chung chung trên trang web của bạn. Nhưng nếu bạn làm điều này, thì bạn sẽ bỏ lỡ vô số lợi thế đi kèm với một trang đăng ký được thiết kế riêng cho trang web của bạn.

đây là một số lợi ích chính của việc tạo trang đăng ký tùy chỉnh để cung cấp cho bạn ý tưởng:

1. Cá nhân hóa các trang đăng ký người dùng

Với sự trợ giúp của các trang đăng ký tùy chỉnh, bạn có thể tạo biểu mẫu đăng ký với các trường tùy chỉnh và thiết kế chúng theo yêu cầu của bạn. Bạn có thể tạo kiểu cho các biểu mẫu phù hợp với nhu cầu và yêu cầu của mình để chúng cộng hưởng với ý tưởng kinh doanh và trang web của bạn.

Tiện ích Biểu mẫu Đăng ký Người dùng có thể được sử dụng cho những việc sau:

  • Một giải pháp thanh lịch để trở thành thành viên của cửa hàng trực tuyến
  • Một biểu mẫu đăng ký WordPress tùy chỉnh để phản ánh doanh nghiệp của bạn
  • Một biểu mẫu an toàn cho các diễn đàn và trang web học trực tuyến
  • Một biểu mẫu đăng ký tùy chỉnh cho các trang web thành viên

2. Thu thập tất cả thông tin cần thiết từ một biểu mẫu duy nhất

Nếu có một thông tin cụ thể nào đó mà bạn muốn thu thập từ các thành viên của mình, bạn có thể biến nó thành một phần trong biểu mẫu đăng ký của mình.

Vì vậy, nó không chỉ là tên người dùng và mật khẩu mà người dùng có thể chọn, và đó là tất cả. Bạn có thể thêm các trường biểu mẫu khác như tên, địa chỉ email, chi tiết liên hệ, v.v. Bạn có thể tạo các biểu mẫu toàn diện một cách trang nhã với sự trợ giúp của các trường tùy chỉnh mà bạn có thể tạo một phần của biểu mẫu đăng ký của mình.

3. Tùy chỉnh Trải nghiệm Người dùng

Bạn có thể cung cấp trải nghiệm người dùng tùy chỉnh cho các thành viên của mình. Điều này có thể chuyển hướng người dùng đến một trang cụ thể, giúp họ tự động đăng nhập vào tài khoản của mình hoặc gửi email vào hộp thư đến của họ.

4. Chống thư rác và tăng cường bảo mật

Với việc bổ sung Honeypot và ReCaptcha, bạn có thể chống lại những kẻ gửi thư rác và ngăn chặn các đăng ký giả mạo.

5. Hoàn hảo cho Phong cách thương hiệu của bạn

Một biểu mẫu đăng ký sẽ giống như các trang khác trên trang web của bạn. Với các biểu mẫu đăng ký tùy chỉnh, bạn có thể xây dựng các biểu mẫu phù hợp với doanh nghiệp của mình.

Làm thế nào để tạo một biểu mẫu đăng ký người dùng tùy chỉnh bằng cách sử dụng Elementor?

Bây giờ bạn đã hiểu cơ bản về cách biểu mẫu đăng ký người dùng tùy chỉnh có thể giúp bạn kinh doanh, đây là hướng dẫn từng bước toàn diện về cách sử dụng Elementor và addon UAE để giúp bạn tạo trải nghiệm đăng nhập người dùng tùy chỉnh của riêng mình.

Dưới đây là hướng dẫn ba bước về cách bạn có thể tạo Biểu mẫu đăng ký người dùng cho trang web của mình.

Lưu ý : Trước khi tiếp tục, hãy đảm bảo rằng bạn đã bật thành viên bằng cách chuyển đến Trang tổng quan> Cài đặt> Chung> Tư cách thành viên: Đã bật .

1.png

Bật tùy chọn Tư cách thành viên sẽ cho phép bất kỳ người dùng nào đăng ký trên trang web của bạn.

Bước 1: Tạo biểu mẫu đăng ký người dùng bằng Plugin UAE (Ultimate Addon cho Elementor)

Để tạo Biểu mẫu đăng ký người dùng tùy chỉnh, hãy đảm bảo rằng bạn có phiên bản cập nhật của plugin UAE , với khối đã được kích hoạt.

Khi bạn đã đảm bảo các điều kiện tiên quyết của việc tạo trang đăng nhập, bạn cần tạo hoặc thêm Trang mới. Và chỉnh sửa trang mà bạn muốn đính kèm Mẫu đăng ký người dùng.

Nếu bạn kéo và thả tiện ích con, bạn có thể thấy các Trường biểu mẫu mặc định.

2.png

Bạn có thể thử với các trường - bạn có thể xóa trường mà bạn không yêu cầu hoặc thêm các trường khác như Tên người dùng, Tên, v.v.

Có một tùy chọn để quản lý yêu cầu và Chiều rộng cột trên các trường biểu mẫu riêng lẻ.

Bạn cũng có thể quản lý Kích thước đầu vào và nhãn của các trường (cho dù bạn muốn hiển thị chúng hay ẩn chúng) hoặc Dấu bắt buộc.

Bước 2: Định cấu hình cài đặt biểu mẫu của bạn

Sau khi bao gồm những điều cơ bản, bạn có thể định cấu hình cài đặt biểu mẫu bằng cách truy cập phần Cài đặt chung . Bạn có thể thực hiện các chức năng sau từ đây:

  • Vai trò người dùng mới
  • Chọn 'Hành động sau khi đăng ký'

Đây là tài khoản chi tiết của cả hai:

Vai trò người dùng mới

Nếu bạn có trang web thành viên yêu cầu người dùng đăng ký anh ta trên trang web của bạn, thì theo mặc định, bạn đang chỉ định 'Vai trò người dùng' là Người đăng ký .

Bạn có thể đặt Vai trò người dùng mặc định cho các thành viên của mình và vai trò được chỉ định sẽ được đặt cho tất cả người dùng mới khi họ đăng ký trên trang web của bạn.

Untitled.png

Chọn các hành động sau khi đăng ký

4.png

Người dùng có thể chọn các Hành động sau mà anh ta có thể thực hiện sau khi tự đăng ký trên trang web thành viên, sử dụng tiện ích Biểu mẫu Đăng ký Người dùng:

  • Tự động đăng nhập : với tùy chọn này, bạn có thể cho phép người dùng đăng nhập vào trang web của bạn một cách tự động. Sau khi cung cấp thông tin đăng nhập lần đầu tiên, người dùng sẽ không phải đăng nhập lại vì sẽ tự động đăng nhập vào trang web sau khi đăng ký thành công.
  • Chuyển hướng sau khi Đăng ký : với tùy chọn này, bạn có thể chuyển hướng người dùng đến trang chào mừng hoặc trang đăng nhập - sau khi đăng ký thành công. Bạn có thể đặt trang chuyển hướng bằng cách dán URL của Trang mong muốn vào trường URL trong tùy chọn này.
  • Gửi email: khi người dùng đăng ký thành công trên trang web của bạn, tùy chọn này sẽ gửi email xác nhận đăng ký của người dùng. Nội dung của email có thể tùy chỉnh và bạn có thể làm cho những email này trở nên cá nhân hóa để tạo thêm sự ấm cúng. Nhưng nếu bạn muốn gửi cùng một email cho tất cả người dùng của mình, bạn cũng có thể làm điều đó bằng cách khám phá tùy chọn này.
5.png
  • Ẩn sau khi Đăng ký: Đôi khi, bạn có thể muốn ẩn biểu mẫu đăng ký của người dùng sau khi họ đã đăng ký thành công trên trang web của bạn. Với tùy chọn 'Ẩn sau khi Đăng ký', bạn có thể ẩn biểu mẫu đăng ký trong khi dẫn họ đến trang đăng nhập hoặc chỉ đơn giản là hiển thị thông báo 'Thành công' sau khi cung cấp cho họ liên kết đến trang đăng nhập để truy cập vào trang web. Bạn có thể tìm thấy tùy chọn này trong phần Cài đặt chung trong tab Nội dung của tiện ích.

Tiếp tục, bạn có thể thiết kế và tạo kiểu cho biểu mẫu đăng ký người dùng bằng cách sử dụng tab Kiểu của tiện ích.

Sau khi thực hiện việc này, bạn đã hoàn tất quá trình tạo và cấu hình cho tiện ích Mẫu đăng ký người dùng. Biểu mẫu đã được thiết lập để hiển thị trực tuyến trên Trang web Trực tiếp.

Bước 3: Thêm Mẫu Đăng ký Người dùng vào Trang web của Bạn

Phần này khá cơ bản và đơn giản. Bạn có thể kéo và thả trực tiếp để thêm tiện ích này, giống như bất kỳ tiện ích Elementor nào khác. Bạn cũng có thể lưu phần chứa tiện ích và tìm nạp Phần đã lưu trong trang Đăng ký bắt buộc.

6.png

Dưới đây, chúng tôi đã giải thích thêm một số cách để giúp thêm bất kỳ tiện ích nào vào trình chỉnh sửa Elementor.

ví dụ: đối với Biểu mẫu đăng ký người dùng trên Trang WooCommerce

Nếu bạn muốn tạo trang WooCommerce tùy chỉnh, tức là Trang tài khoản của tôi, dưới tên là Trang tài khoản tùy chỉnh, bạn có thể chỉ cần:

Với một cú nhấp chuột vào nút 'Chỉnh sửa với Elementor,' và bạn sẽ đến trình chỉnh sửa Elementor.

Chúng tôi có thể tạo một biểu mẫu đăng ký khác giống như thế này và Lưu nó để sử dụng trên Trang Tài khoản Tùy chỉnh bằng cách làm theo các bước tương tự đã nêu ở trên.

Cuối cùng, để đặt trang là 'Trang tài khoản của tôi', hãy truy cập Trang tổng quan WordPress. Và làm theo đường dẫn sau trong tùy chọn WooCommerce:

WooCommerce> Cài đặt> Nâng cao> Thiết lập trang> Trang tài khoản của tôi> Trang tài khoản của tôi> chọn Trang tài khoản tùy chỉnh

8.png

Bạn có thể xem trang chứa UAE trên trang Tài khoản WooCommerce.

Phần kết luận:

Bạn có thể tạo một biểu mẫu đăng ký phong cách, với tùy chọn tùy chọn do bạn lựa chọn, cho trang web của mình bằng Elementor và UAE .

Bằng cách làm theo các bước được đưa ra trong bài viết này, bạn có thể đăng ký người dùng bằng tiện ích Mẫu đăng ký người dùng của UAE . Đây là một giải pháp đơn giản và thanh lịch để tạo một biểu mẫu đăng ký người dùng phong cách cho người dùng mới của bạn.

Để lại bình luận

Địa chỉ email của bạn sẽ không được công bố. Các trường bắt buộc được đánh dấu *