Cách thêm cửa sổ bật lên biểu mẫu liên hệ trong WordPress

Tác giả sysadmin, T.Tư 09, 2023, 02:46:48 CHIỀU

« Chủ đề trước - Chủ đề tiếp »

0 Thành viên và 1 Khách đang xem chủ đề.

Cách thêm cửa sổ bật lên biểu mẫu liên hệ trong WordPress


Bạn đang tìm kiếm một cách dễ dàng để hiển thị cửa sổ bật lên biểu mẫu liên hệ trên trang web WordPress của mình?

Biểu mẫu liên hệ là tuyệt vời để giao tiếp với khách truy cập của bạn. Đặt chúng trong cửa sổ bật lên giúp khách hàng liên hệ với bạn về sản phẩm và dịch vụ của bạn dễ dàng hơn.

Trong bài viết này, chúng tôi sẽ chỉ cho bạn cách thêm cửa sổ bật lên biểu mẫu liên hệ trong WordPress.

1. Tại sao nên sử dụng Cửa sổ bật lên biểu mẫu liên hệ?

Mỗi trang web hoặc blog WordPress đều cần một biểu mẫu liên hệ để người dùng có thể liên hệ với các câu hỏi, phản hồi hoặc sự cố.

Tuy nhiên, nếu biểu mẫu liên hệ của bạn chỉ có trên một trang thì mọi người sẽ khó tìm thấy nó.

Do đó, người dùng của bạn có thể sẽ rời khỏi trang web của bạn trước khi liên hệ với bạn và bạn có thể mất khách hàng tiềm năng và chuyển đổi.

Cửa sổ bật lên của biểu mẫu liên hệ giúp giải quyết vấn đề này bằng cách cho phép khách truy cập của bạn xem nhanh biểu mẫu bằng cách nhấp vào nút để họ có thể liên hệ với bạn từ bất kỳ trang nào họ đang truy cập.

Nó giúp giữ chân mọi người trên trang web của bạn vì họ không phải thoát khỏi trang mà họ đang xem. Bạn cũng có thể phát triển danh sách email của mình bằng cách sử dụng cửa sổ bật lên biểu mẫu liên hệ.

Điều đó nói rằng, trước tiên bạn sẽ cần tạo một biểu mẫu liên hệ và sau đó đặt nó vào một cửa sổ bật lên để hiển thị trên các trang web của bạn. Đừng lo lắng, chúng tôi sẽ hướng dẫn bạn tạo biểu mẫu liên hệ và thêm nó vào cửa sổ bật lên trong WordPress.

2. Cách tạo biểu mẫu liên hệ WordPress

Trước tiên, bạn sẽ cần chọn plugin biểu mẫu liên hệ WordPress.

Có nhiều tùy chọn miễn phí và trả phí mà bạn có thể chọn, nhưng chúng tôi khuyên bạn nên sử dụng WPForms vì đây là tùy chọn tốt nhất.

WPForms là plugin biểu mẫu thân thiện với người mới bắt đầu và cung cấp trình tạo kéo & thả cho phép bạn tạo biểu mẫu liên hệ trong WordPress chỉ bằng vài cú nhấp chuột. Nó cũng cung cấp các mẫu biểu mẫu dựng sẵn và nhiều tùy chọn tùy chỉnh.

Đối với hướng dẫn này, chúng tôi sẽ sử dụng phiên bản WPForms Lite vì nó miễn phí và cung cấp mẫu biểu mẫu liên hệ.

Tuy nhiên, bạn cũng có thể sử dụng phiên bản cao cấp của nó để mở khóa nhiều tính năng hơn. Chẳng hạn, WPForms Pro cung cấp nhiều mẫu biểu mẫu, nhiều tùy chọn tùy chỉnh hơn, tiện ích bổ sung mạnh mẽ và cho phép bạn thu các khoản thanh toán trực tuyến.

Để bắt đầu, trước tiên bạn cần cài đặt và kích hoạt plugin WPForms Lite. Nếu bạn cần trợ giúp, 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.

Khi plugin hoạt động, bạn đã sẵn sàng để tạo biểu mẫu liên hệ của mình. Tất cả những gì bạn phải làm là truy cập WPForms »Thêm mới từ bảng điều khiển WordPress của bạn.


Sau đó, WPForms sẽ yêu cầu bạn nhập tên cho biểu mẫu của mình và chọn một mẫu.

Hãy tiếp tục và chọn mẫu 'Mẫu liên hệ đơn giản'.


Tiếp theo, bạn có thể thêm các trường trong biểu mẫu bằng trình tạo kéo và thả.

Chỉ cần kéo các trường bạn muốn thêm vào biểu mẫu từ các tùy chọn được cung cấp trong menu bên trái của bạn. Bạn cũng có thể sắp xếp lại vị trí của từng trường trong biểu mẫu.


WPForms cũng cho phép bạn tùy chỉnh từng trường trong biểu mẫu liên hệ.

Ví dụ: nếu bạn nhấp vào trường Tên, thì bạn sẽ nhận được các tùy chọn khác nhau, chẳng hạn như thay đổi nhãn và định dạng của trường. Bạn thậm chí có thể thêm mô tả hoặc đánh dấu bất kỳ trường nào theo yêu cầu.


Khi bạn đã hoàn tất, hãy tiếp tục và nhấp vào tùy chọn 'Cài đặt' để định cấu hình xác nhận và thông báo biểu mẫu.

Trong cài đặt Chung, bạn có thể đổi tên biểu mẫu, thay đổi văn bản nút gửi, bật bảo vệ chống thư rác, v.v.


Tiếp theo, bạn có thể vào tùy chọn Cài đặt thông báo. Theo mặc định, các thông báo được gửi đến email quản trị viên được thiết lập trên trang web WordPress của bạn.

Tuy nhiên, bạn có thể gửi thông báo biểu mẫu liên hệ của mình đến bất kỳ địa chỉ email nào bạn muốn. Nếu bạn muốn nhận thông báo trên nhiều email, hãy tách từng email bằng dấu phẩy.

Đối với dòng tiêu đề email, WPForms sử dụng tên biểu mẫu bạn đã nhập trước đó. Tuy nhiên, bạn có thể chỉnh sửa văn bản của dòng chủ đề thành bất cứ thứ gì bạn muốn.


Sau đó, hãy tiếp tục và nhấp vào tùy chọn Xác nhận.

WPForms sẽ sử dụng 'Thông báo' làm loại xác nhận mặc định, nơi khách truy cập của bạn sẽ thấy thông báo cảm ơn khi gửi biểu mẫu.


Tuy nhiên, bạn có thể thay đổi loại thông báo và chuyển hướng người dùng đến một trang cụ thể trên trang web của bạn khi họ hoàn thành biểu mẫu.

Khi bạn đã hoàn tất việc tạo biểu mẫu liên hệ, hãy đảm bảo nhấp vào nút 'Lưu' ở góc trên cùng bên phải để lưu các thay đổi của bạn.


Tiếp theo, nhấp vào tùy chọn 'Nhúng' ở góc trên cùng bên cạnh nút Lưu.

Khi một cửa sổ mới xuất hiện, hãy chọn tùy chọn 'sử dụng mã ngắn'.


WPForms sẽ hiển thị một mã ngắn cho biểu mẫu liên hệ của bạn ngay khi bạn nhấp vào liên kết. Chúng tôi khuyên bạn nên để tab/cửa sổ này mở vì bạn sẽ cần nó trong bước tiếp theo, ở đó chúng tôi sẽ chỉ cho bạn cách thêm biểu mẫu liên hệ của bạn vào cửa sổ bật lên.

3. Thêm một cửa sổ bật lên biểu mẫu liên hệ vào trang web WordPress của bạn

Để tạo cửa sổ bật lên biểu mẫu liên hệ, bạn sẽ cần một plugin bật lên WordPress.

Chúng tôi khuyên bạn nên sử dụng OptinMonster vì đây là plugin tối ưu hóa chuyển đổi và tạo khách hàng tiềm năng tốt nhất cho WordPress. Hơn 1,2 triệu trang web sử dụng công cụ mạnh mẽ này.

Đối với hướng dẫn này, chúng tôi sẽ sử dụng phiên bản OptinMonster Pro, bao gồm một mẫu không lộn xộn và các quy tắc hiển thị nâng cao để hiển thị cửa sổ bật lên.

Trước tiên, bạn cần đăng ký tài khoản bằng cách truy cập trang web OptinMonster. Chỉ cần truy cập trang web và nhấp vào nút 'Nhận OptinMonster ngay'.


Tiếp theo, bạn sẽ cần cài đặt và kích hoạt plugin OptinMonster miễn phí trên trang web của mình. Để biết thêm chi tiết, hãy làm theo hướng dẫn của chúng tôi về cách cài đặt plugin WordPress.

Sau khi plugin hoạt động, bạn sẽ thấy trình hướng dẫn thiết lập. Hãy tiếp tục và nhấp vào nút 'Kết nối tài khoản hiện tại của bạn'.


Một cửa sổ bật lên sẽ xuất hiện và OptinMonster sẽ yêu cầu kết nối với tài khoản của bạn.

Chỉ cần nhấp vào nút 'Kết nối với WordPress'.


Bây giờ tài khoản của bạn đã được kết nối, việc tiếp theo là tạo một chiến dịch mới cho cửa sổ bật lên biểu mẫu liên hệ của bạn.

Bạn có thể bắt đầu bằng cách truy cập OptinMonster » Chiến dịch và sau đó nhấp vào nút 'Tạo Chiến dịch Đầu tiên của Bạn'.


Trên màn hình tiếp theo, bạn sẽ phải chọn loại chiến dịch.

Vì chúng tôi sẽ tạo cửa sổ bật lên biểu mẫu liên hệ, hãy chọn 'Cửa sổ bật lên' làm Loại chiến dịch của bạn.


Sau đó, cuộn xuống để chọn một mẫu cho cửa sổ bật lên của bạn. OptinMonster cung cấp hơn 75 thiết kế hấp dẫn và có khả năng chuyển đổi cao cho cửa sổ bật lên của bạn.

Bạn có thể chọn bất kỳ mẫu nào bạn thích. Tiếp theo, nhập tên cho chiến dịch của bạn và nhấp vào nút 'Bắt ��đầu xây dựng'.


Giờ đây, bằng cách sử dụng trình tạo kéo và thả trong OptinMonster, bạn có thể chỉnh sửa mẫu cửa sổ bật lên của mình.

Bây giờ bạn sẽ thấy các Khối khác nhau xuất hiện trong menu bên trái của bạn. Chỉ cần đi tới khối 'WPForms' và kéo và thả khối đó vào mẫu của bạn.


Sau đó, bạn cần nhấp vào menu thả xuống 'Lựa chọn biểu mẫu' từ cài đặt khối ở menu bên trái và chọn tùy chọn 'Thêm mã ngắn theo cách thủ công'.

Từ đây, hãy nhập mã ngắn biểu mẫu liên hệ WPForms của bạn vào khối. Để tìm mã, hãy quay lại cài đặt nhúng WPForms của bạn và sao chép mã ngắn.


Một điều quan trọng cần lưu ý là bạn sẽ không thấy bản xem trước của biểu mẫu liên hệ trong mẫu khi bạn thêm mã ngắn.

Điều này là bình thường vì biểu mẫu liên hệ của bạn sẽ xuất hiện khi chiến dịch được xuất bản.


Tiếp theo, bạn có thể chuyển đến tab Quy tắc hiển thị ở trên cùng để chọn thời điểm cửa sổ bật lên sẽ xuất hiện trên trang web của bạn.

Theo mặc định, OptinMonster sẽ đặt thành khi thời gian trên trang là 5 giây và cửa sổ bật lên sẽ xuất hiện trên bất kỳ trang nào.

Tuy nhiên, bạn có thể thay đổi cài đặt quy tắc hiển thị và chọn các tùy chọn kích hoạt và nhắm mục tiêu khác nhau.

Chúng tôi khuyên bạn nên sử dụng nhắm mục tiêu MonsterLink (Khi nhấp chuột). Bằng cách này, cửa sổ bật lên của bạn sẽ xuất hiện khi khách truy cập nhấp vào liên kết hoặc nút.


Sau đó, bạn có thể nhấp vào nút 'Sao chép mã MonsterLink' và thêm nó vào bất kỳ văn bản, hình ảnh hoặc nút nào trên trang web của bạn.

Để biết thêm chi tiết, bạn có thể làm theo hướng dẫn dành cho người mới bắt đầu của chúng tôi về cách thêm liên kết trong WordPress.


Mã MonsterLink của bạn sẽ trông như thế này trong HTML:
   
Mã nguồn [Chọn]
<a href="https://app.monstercampaigns.com/c/ep6f5qtakxauowbj8097/" target="_blank" rel="noopener noreferrer">Subscribe Now!</a>
Tuy nhiên, để nhúng liên kết vào bài đăng hoặc trang blog WordPress của bạn, bạn chỉ cần URL từ mã.
   
Mã nguồn [Chọn]
https://app.monstercampaigns.com/c/ep6f5qtakxauowbj8097/
Ví dụ: giả sử bạn muốn thêm nút liên hệ với chúng tôi trên trang web của mình. Bạn có thể bắt đầu bằng cách chỉnh sửa bất kỳ trang hoặc bài đăng nào và chuyển đến trình chỉnh sửa WordPress của mình. Tiếp theo, nhấp vào dấu cộng (+) ở trên cùng và thêm khối 'Nút'.


Sau đó, bạn có thể nhập văn bản cho nút của mình rồi nhấp vào biểu tượng liên kết.

Bây giờ hãy thêm URL MonsterLink vào nút của bạn.


Khi bạn đã hoàn thành việc đó, hãy xuất bản bài đăng hoặc trang WordPress của bạn. MonsterLink bây giờ sẽ được thêm vào nút liên hệ với chúng tôi của bạn.

Tiếp theo, quay lại chiến dịch OptinMonster của bạn để hoàn tất cấu hình.

Sau khi chọn MonsterLink làm mục tiêu của bạn và hiển thị nó trên bất kỳ trang nào, bạn có thể nhấp vào nút 'Tiếp theo' ở dưới cùng.


Trên màn hình tiếp theo, bạn sẽ thấy các tùy chọn để thay đổi loại chế độ xem chiến dịch, thêm hoạt ảnh MonsterEffect và phát âm thanh khi cửa sổ bật lên xuất hiện.

Hãy tiếp tục và nhấp vào nút 'Tiếp theo' khi bạn hài lòng với cài đặt.


Sau đó, OptinMonster sẽ hiển thị tóm tắt cài đặt Quy tắc hiển thị của bạn.

Điều này giúp đảm bảo bạn đã thiết lập chính xác thời điểm các chiến dịch sẽ xuất hiện trên trang web của mình.


Bây giờ, bạn đã sẵn sàng đưa chiến dịch của mình vào hoạt động và xuất bản cửa sổ bật lên biểu mẫu liên hệ của mình. Để làm điều đó, hãy chuyển đến tab 'Xuất bản' ở trên cùng.

Tiếp theo, bạn có thể nhấp vào nút 'Xem trước' trước khi xuất bản chiến dịch của mình. Thao tác này sẽ hiển thị cho bạn bản xem trước trực tiếp về giao diện của cửa sổ bật lên trên trang web của bạn.

Khi bạn hài lòng với giao diện chiến dịch của mình, hãy thay đổi 'Trạng thái Xuất bản' từ Bản nháp thành Xuất bản.


Bạn cũng có thể thoát khỏi trình tạo chiến dịch OptinMonster và kiểm tra trạng thái chiến dịch của mình từ bảng điều khiển WordPress.

Chỉ cần nhấp vào menu thả xuống 'Trạng thái' ở bên phải của bạn và thay đổi trạng thái từ Đang chờ xử lý sang Đã xuất bản.


Đừng quên lưu các thay đổi.

Tiếp theo, đi tới nút liên hệ với chúng tôi mà bạn đã tạo trước đó với MonsterLink và xem cửa sổ bật lên biểu mẫu liên hệ đang hoạt động.


Chúng tôi hy vọng bài viết này đã giúp bạn tìm hiểu cách thêm cửa sổ bật lên biểu mẫu liên hệ trong WordPress. Bạn cũng có thể muốn xem hướng dẫn của chúng tôi về cách chọn trình tạo trang web tốt nhất hoặc phần so sánh của chúng tôi về phần mềm tính lương tốt nhất cho doanh nghiệp nhỏ.