Cách tạo chế độ bật lên đăng nhập WordPress (từng bước)

Bạn có muốn thêm một cửa sổ bật lên đăng nhập WordPress vào trang web của bạn? Cửa sổ bật lên đăng nhập phương thức cho phép người dùng của bạn nhanh chóng đăng nhập vào trang web của bạn mà không cần rời khỏi trang họ đang xem. Điều này cải thiện trải nghiệm người dùng và sự tham gia trên trang web của bạn. Trong bài viết này, chúng tôi sẽ chỉ cho bạn cách dễ dàng tạo một chế độ bật lên đăng nhập WordPress, từng bước một.

 Cách tạo thông tin đăng nhập theo phương thức trong WordPress

Tại sao tạo chế độ bật lên đăng nhập WordPress?

Nếu bạn điều hành một cửa hàng trực tuyến, một trang web thành viên hoặc bán các khóa học trực tuyến, nó có khả năng cho phép người dùng đăng ký và đăng nhập vào trang web của bạn.

Thông thường, khi người dùng nhấp vào liên kết đăng nhập, họ sẽ được đưa đến trang đăng nhập mặc định của WordPress hoặc một trang đăng nhập tùy chỉnh khác trên trang web của họ. Khi người dùng đăng nhập, họ lại được chuyển hướng đến một trang khác.

Cửa sổ bật lên đăng nhập phương thức cho phép bạn hiển thị biểu mẫu đăng nhập mà không cần gửi người dùng đến một trang khác. Khi bạn đã đăng nhập, bạn có thể chuyển hướng người dùng đến trang bạn muốn.

Cửa sổ bật lên đăng nhập phương thức nhanh hơn và cải thiện trải nghiệm người dùng trên trang web của bạn. Trải nghiệm người dùng nhanh hơn và mượt mà hơn có thể tăng doanh số và chuyển đổi của bạn.

Như đã nói, chúng ta hãy xem làm thế nào để dễ dàng tạo một cửa sổ bật lên đăng nhập theo phương thức trong WordPress. Chúng tôi sẽ chỉ cho bạn hai cách để làm điều đó và bạn có thể chọn cách phù hợp nhất với nhu cầu của mình.

phương pháp 1. Tạo một popup đăng nhập phương thức bằng cách sử dụng đăng nhập CSH

Phương pháp này dễ dàng hơn và được khuyến nghị cho hầu hết người dùng.

Điều đầu tiên cần làm là cài đặt và kích hoạt plugin đăng nhập CSH. Để biết thêm chi tiết, hãy xem hướng dẫn từng bước của chúng tôi về cách cài đặt plugin WordPress.

Sau khi kích hoạt, bạn phải đi đến Đăng nhập phương thức trang trong khu vực quản trị WordPress của bạn và chọn một loại cho biểu mẫu đăng nhập phương thức.

Chọn loại đăng nhập phương thức

Sau khi chọn loại hộp đăng nhập phương thức, bạn có thể cuộn xuống và quản lý chuyển hướng đăng nhập / đăng xuất cho biểu mẫu. Bạn cũng có thể cho phép người dùng tạo mật khẩu của riêng họ.

Chuyển hướng loại đăng nhập

Sau đó, bạn cần phải cuộn xuống Kiểu dáng phần và chọn bố cục, nhãn hiển thị, màu nền, màu nút, màu liên kết và nhiều hơn nữa.

Thiết kế mẫu đăng nhập phương thức của bạn

Ngoài ra, bạn có thể thêm email đăng ký, chủ đề email, sử dụng Google reCaptcha và hơn thế nữa. Plugin này cũng cho phép bạn thêm đăng nhập xã hội như Facebook, Twitter và Google.

Thêm hình thức đăng nhập xã hội

Hãy chắc chắn lưu các thay đổi của bạn và sao chép mã ngắn nằm ở đầu trang này. Bạn sẽ cần tạo một trang mới trong WordPress hoặc chỉnh sửa một trang hiện có để thêm shortcode trong trình chỉnh sửa nội dung.

Sao chép shortcode cho plugin đăng nhập CSH

Bạn cũng có thể thêm đăng nhập phương thức trong thanh bên WordPress của mình. Chỉ cần đi đến Ngoại hình »Widgets kéo và thả Đăng nhập CSH widget trong thanh bên của trang web của bạn.

Kéo và thả tiện ích đăng nhập CSH

Đăng nhập phương thức CSH cũng có thể được thêm vào trong các tệp mẫu của trang web của bạn. Khi bạn đã thêm nó vào trang web của mình, chỉ cần truy cập trang web WordPress của bạn để xem liên kết đăng nhập phương thức đang hoạt động.

Hình thức đăng nhập phương thức

phương pháp 2. Tạo cửa sổ bật lên đăng nhập theo phương thức với WPForms và OptinMonster

Đối với phương pháp này, bạn sẽ cần plugin WPForms và OptinMontser. Nếu bạn đã có hai plugin này thì phương pháp này là giải pháp tốt nhất cho bạn.

WPForms là plugin hình thức liên hệ WordPress tốt nhất. Bạn sẽ cần ít nhất gói Pro của mình để truy cập plugin đăng ký Người dùng.

OptinMonster là plugin pop-up WordPress và phần mềm tạo khách hàng tiềm năng tốt nhất trên thị trường. Nó giúp bạn chuyển đổi khách truy cập trang web đến người đăng ký và khách hàng. Bạn sẽ cần ít nhất là gói Pro để truy cập tính năng MonsterLinks được sử dụng trong bài viết này.

Sẵn sàng? Hãy để chúng tôi bắt đầu.

Sử dụng WPForms để tạo biểu mẫu đăng nhập người dùng

Đầu tiên, bạn phải cài đặt và kích hoạt plugin WPForms. Để biết thêm chi tiết, hãy xem hướng dẫn từng bước của chúng tôi về cách cài đặt plugin WordPress.

Sau khi kích hoạt, bạn phải đi đến WPForms »Plugin trang để cài đặt và kích hoạt Plugin đăng ký người dùng.

Trang plugin WPForms

Sau khi kích hoạt plugin, bạn cần phải đi đến WPForms »Thêm mới trang để tạo mẫu đăng nhập người dùng.

Thêm hình thức mới

Khi trình tạo WPForms khởi động, bạn cần chọn trình tạo sẵn Mẫu đăng nhập người dùng mô hình.

Chọn hình thức đăng nhập người dùng

Mẫu biểu mẫu đăng nhập này có các trường email và mật khẩu sẽ hoạt động tương tự như biểu mẫu đăng nhập mặc định của WordPress. Bạn có thể kéo và thả bất kỳ trường bổ sung nào từ phía bên trái màn hình nếu cần.

Mẫu biểu đăng nhập

Sau đó bấm vào Mật khẩu trường trong phần xem trước và nó sẽ hiển thị các tùy chọn trường ở phía bên trái. Bạn có thể thêm mã dưới đây vào hộp mô tả của Mật khẩu trường để hiển thị các tùy chọn như quên mật khẩu và đăng ký người dùng.

Can't remember your password? Click here. Don't have an account? Register here.

Thêm tùy chọn mật khẩu

Sau đó, bạn cần nhấp vào Tiết kiệm và sau đó bấm vào nút Nhúng cái nút.

Lưu và nhúng

Một cửa sổ bật lên sẽ mở ra với mã nhúng. Bạn nên sao chép mã này và lưu nó để sử dụng sau.

Sao chép mã được chèn

Mẫu đăng nhập của bạn đã sẵn sàng. Bây giờ bạn có thể tiếp tục và tạo cửa sổ bật lên phương thức.

Sử dụng OptinMonster để tạo cửa sổ bật lên phương thức

Trước tiên bạn sẽ cần cài đặt và kích hoạt plugin OptinMonster. Để biết thêm chi tiết, hãy xem hướng dẫn từng bước của chúng tôi về cách cài đặt plugin WordPress.

Sau khi kích hoạt, bạn phải đi đến OptinMonster trong khu vực quản trị WordPress và nhấp Tạo chiến dịch mới cái nút.

Tạo chiến dịch mới

Bảng điều khiển OptinMonster của bạn sẽ mở trên một trang web mới.

Một khi bên trong, bạn phải chọn Cửa sổ bật lên hộp đèn dưới dạng loại chiến dịch, vì vậy bạn có thể thêm biểu mẫu đăng nhập của mình trong cửa sổ bật lên.

Chọn loại chiến dịch

Sau đó, bạn phải chọn Tranh sơn dầu mẫu chiến dịch là một mẫu trống và cho phép bạn thêm mã và mã ngắn tùy chỉnh.

Chọn mẫu chiến dịch

Nó sẽ yêu cầu bạn thêm tên vào hộp đèn của bạn và chọn trang web nơi bạn muốn tải cửa sổ bật lên này.

Thêm chiến dịch và tên trang web

Khi bạn nhấp vào Bắt đầu xây dựng nút, bạn sẽ được chuyển hướng đến trang cài đặt chiến dịch OptinMonster.

Từ đây, bạn nên đi đến Chọn tham gia tab và đặt chiều rộng và chiều cao của khung vẽ, thêm mã nhúng từ biểu mẫu đăng nhập Tùy chỉnh vải html lĩnh vực, quản lý hiệu ứng màn hình và âm thanh cho cửa sổ bật lên phương thức, v.v.

Ghi chú: Mã nhúng cho biểu mẫu đăng nhập phải là mã bạn đã sao chép sau khi tạo biểu mẫu đăng nhập ở bước trước.

Thêm mã nhúng cho hình thức đăng nhập trong cửa sổ bật lên phương thức

Vì bạn đang tạo cửa sổ bật lên đăng nhập theo phương thức, bạn cần chuyển đến tab cài đặt và đặt giá trị0″cho Thời lượng cookieThời lượng cookie thành công. Nó sẽ hiển thị biểu mẫu cho tất cả khách truy cập mỗi khi họ nhấp vào liên kết của bạn.

Đặt giá trị trọn đời của cookie

Sau đó, bạn nên ghé thăm Hiển thị quy tắc tab và mở rộng MonsterLink để thay đổi trạng thái để hoạt động.

Trạng thái MonsterLink hoạt động

Hãy chắc chắn nhấp vào Tiết kiệm nút ở góc trên bên phải và đi đến Đăng phần để kích hoạt trạng thái.

Lưu và xuất bản chiến dịch

Bây giờ bạn có thể thêm cửa sổ bật lên đăng nhập phương thức này vào các trang hoặc bài đăng WordPress của bạn.

Thêm phương thức đăng nhập trong WordPress

Bạn cần quay lại OptinMonster trong khu vực quản trị WordPress của bạn và nó sẽ hiển thị cho bạn danh sách các chiến dịch. Nếu bạn không thấy chiến dịch mới được tạo của mình để đăng nhập theo phương thức, chỉ cần nhấp vào Cập nhật chiến dịch cái nút.

Chỉnh sửa cài đặt đầu ra

Tiếp theo, bạn cần chỉnh sửa cài đặt đầu ra của chiến dịch để bật optin trên trang web của bạn và chọn người sẽ thấy cửa sổ bật lên đăng nhập theo phương thức. Hãy chắc chắn nhấp vào Lưu các thiết lập cái nút.

Chiến dịch mua cho khách

Sau đó, bạn cần quay lại trang tổng quan về chiến dịch và sao chép con sên hiển thị bên dưới tùy chọn trực tiếp của chiến dịch. Sên độc đáo này có thể được sử dụng trong mã ngắn và mã để hiển thị đăng nhập phương thức trong WordPress.

Sao chép sên chiến dịch

Sau đó, bạn có thể tạo một trang WordPress mới hoặc chỉnh sửa một trang hiện có và thêm mã này bằng sên chiến dịch duy nhất của bạn.

Login / Register

Bạn cũng có thể thêm mã ở trên trong menu WordPress, thanh bên hoặc bất kỳ khu vực nào khác trên trang web của bạn.

Hãy chắc chắn lưu các thay đổi của bạn vào trang WordPress và truy cập trang web của họ để xem hoạt động đăng nhập theo phương thức.

Đăng nhập phương thức WordPress

Chúng tôi hy vọng bài viết này đã giúp bạn tìm hiểu cách tạo thông tin đăng nhập theo phương thức trong WordPress. Bạn cũng có thể xem danh sách đầy đủ các plugin trang đăng nhập WordPress tốt nhất của chúng tôi và dễ dàng thiết kế trang đăng nhập của riêng bạn.

Nếu bạn thích bài viết này, đăng ký kênh của chúng tôi YouTube để xem video hướng dẫn WordPress. Bạn cũng có thể tìm thấy chúng tôi tại Twitter và Facebook.