Cách Thêm Popup Biểu mẫu Liên hệ trong WordPress

Mục lục

Biểu mẫu liên hệ rất cần thiết để giao tiếp với người dùng website của bạn. Bằng cách đặt chúng trong popup, bạn giúp khách hàng tiềm năng dễ dàng liên hệ với bạn về sản phẩm và dịch vụ của bạn hơn.

Khi form liên hệ dễ sử dụng và có sẵn, người dùng có nhiều khả năng liên hệ hơn. Điều này có thể dẫn đến nhiều yêu cầu, phản hồi và chuyển đổi tiềm năng hơn.

Tuy nhiên, popup có thể gây phiền nhiễu nếu không được sử dụng một cách khôn ngoan. Việc sử dụng quá mức hoặc hiển thị chúng vào thời điểm không thích hợp có thể khiến người dùng khó chịu. Vì vậy, điều quan trọng là phải tìm được sự cân bằng phù hợp để form liên hệ bật lên của bạn hữu ích và không gây gián đoạn.

Trong bài viết này, WPBeginner Việt Nam sẽ hướng dẫn bạn các bước để thêm popup form liên hệ vào WordPress.

Chúng tôi cũng sẽ chia sẻ các mẹo chuyên gia của mình về cách tạo một popup thu hút sự chú ý mà không gây khó chịu. Cách tiếp cận này đảm bảo website WordPress của bạn luôn tối ưu với người dùng đồng thời tối đa hóa các cơ hội tương tác.

Cách thêm popup form liên hệ trong WordPress

Mọi website hoặc blog WordPress đều cần có form liên hệ để người dùng gửi câu hỏi, phản hồi hoặc vấn đề.

Tuy nhiên, nếu form liên hệ của bạn chỉ nằm trên một trang duy nhất, 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 website 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 form liên hệ giúp giải quyết vấn đề này bằng cách cho phép người dùng của bạn nhanh chóng xem form bằng cách nhấp vào nút. Theo cách này, họ có thể liên hệ với bạn từ bất kỳ trang nào họ đang truy cập.

Loại form liên hệ này cũng giúp giữ chân mọi người trên website của bạn vì họ không phải thoát khỏi trang họ đang xem. Thêm vào đó, bạn có thể mở rộng danh sách email của mình bằng cách sử dụng popup của form liên hệ.

Nói như vậy, trước tiên bạn sẽ cần tạo một form liên hệ và hiển thị nó trong một popup trên các website của bạn. Nhưng đừng lo lắng. Trong các phần sau, WPBeginner Việt Nam sẽ hướng dẫn bạn cách tạo một form liên hệ và thêm nó vào một popup trong WordPress:

Sẵn sàng chưa? Chúng ta hãy bắt đầu nhé.

Video hướng dẫn

Đăng ký WPBeginner

Nếu bạn thích hướng dẫn bằng văn bản, hãy đọc tiếp.

Cách tạo form liên hệ WordPress

Đầu tiên, bạn sẽ cần chọn một plugin form liên hệ WordPress.

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

WPForms là một plugin form tối ưu với người mới bắt đầu cung cấp trình tạo kéo và thả để tạo form liên hệ trong WordPress chỉ với vài cú nhấp chuột. Nó cũng cung cấp các mẫu form dựng sẵn và nhiều option custom.

Đối với hướng dẫn này, WPBeginner Việt Nam sẽ sử dụng WPForms Lite Phiên bản miễn phí và cung cấp mẫu form 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. Ví dụ, WPForms chuyên nghiệp cung cấp hơn 1.800 mẫu form, nhiều option custom hơn, addon mạnh mẽ và khả năng thu tiền thanh toán trực tuyến mà không phải trả thêm phí giao dịch.

Để 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, bạn có thể xem hướng dẫn từng bước của WPBeginner Việt Nam về cách cài đặt plugin WordPress.

Sau khi plugin được kích hoạt, bạn đã sẵn sàng để tạo form liên hệ của mình. Tất cả những gì bạn phải làm là vào WPForms » Thêm mới từ dashboard WordPress của bạn.

Thêm một form mới

Sau đó, WPForms sẽ yêu cầu bạn đặt tên cho form và chọn mẫu.

Sau khi nhập tên form, hãy tiếp tục và chọn mẫu ‘Biểu mẫu liên hệ đơn giản’.

Mẫu liên hệ đơn giản của WPForms

Tiếp theo, bạn có thể thêm các trường vào form 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 form từ các option được cung cấp trong menu bên trái. Bạn cũng có thể sắp xếp lại vị trí của từng trường trong form.

Mẫu form liên hệ

WPForms cũng cho phép bạn custom từng trường trong form liên hệ.

Ví dụ, nếu bạn nhấp vào trường ‘Tên’, bạn sẽ nhận được các option 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 nếu cần.

Chỉnh sửa từng trường trong form liên hệ

Khi hoàn tất, hãy nhấp vào option ‘Cài đặt’ để cấu hình thông báo và xác nhận form.

Trong phần ‘Chung’, bạn có thể đổi tên form, thay đổi văn bản nút gửi, bật tính năng chống thư rác, v.v.

Chỉnh sửa cài đặt WPForms

Tiếp theo, bạn có thể vào option cài đặt ‘Thông báo’. Theo mặc định, thông báo được gửi đến email quản trị được thiết lập trên website WordPress của bạn.

Tuy nhiên, bạn có thể gửi thông báo form 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 form gửi đến nhiều email, hãy phân 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 của form 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 tiêu đề thành bất kỳ content nào bạn muốn.

Chỉnh sửa cài đặt thông báo

Bây giờ, chúng ta hãy chuyển đến option ‘Xác nhận’.

WPForms sẽ sử dụng ‘Message’ làm loại xác nhận mặc định. Điều này sẽ hiển thị cho người dùng của bạn một tin nhắn cảm ơn khi gửi form.

Chỉnh sửa cài đặt xác nhận form

Tuy nhiên, bạn có thể thay đổi loại tin nhắn và chuyển hướng người dùng đến một trang cụ thể trên website của bạn khi họ hoàn tất form.

Sau khi hoàn tất việc tạo form liên hệ, hãy nhớ nhấp vào nút ‘Lưu’ ở góc trên bên phải để Save Changes.

Nhúng form của bạn

Tiếp theo, bạn có thể nhấp vào option ‘Nhúng’ ở góc trên bên cạnh nút ‘Lưu’ để lấy shortcode của form. Bạn sẽ cần thông tin này để hiển thị form của mình trên popup.

Khi một cửa sổ mới xuất hiện, bạn có thể chọn option ‘sử dụng shortcode’.

Nhấp vào link sử dụng shortcode

WPForms sau đó sẽ hiển thị shortcode cho form liên hệ của bạn ngay khi bạn nhấp vào link. Chúng tôi khuyên bạn nên giữ tab/cửa sổ này mở vì bạn sẽ cần nó ở bước tiếp theo, nơi WPBeginner Việt Nam sẽ chỉ cho bạn cách thêm form liên hệ của bạn vào popup.

Để tạo một popup cho form liên hệ, bạn sẽ cần một plugin popup WordPress.

Chúng tôi khuyên bạn nên sử dụng OptinMonstervì đây là plugin tạo khách hàng tiềm năng và tối ưu hóa chuyển đổi tốt nhất cho WordPress. Đây cũng là một trong những plugin phổ biến nhất, với hơn 1,2 triệu website sử dụng công cụ mạnh mẽ này.

Đối với hướng dẫn này, WPBeginner Việt Nam sẽ sử dụng Phiên bản OptinMonster Probao gồm mẫu gọn gàng và các quy tắc hiển thị nâng cao để hiển thị popup.

Đầu tiên, hãy đăng ký tài khoản bằng cách truy cập website OptinMonster. Chỉ cần truy cập website và nhấp vào nút ‘Nhận OptinMonster ngay’.

OptinMonster

Tiếp theo, bạn sẽ cần phải cài đặt và kích hoạt plugin OptinMonster miễn phí trên website của bạn. Để biết thêm chi tiết, bạn có thể làm theo hướng dẫn của WPBeginner Việt Nam về cách cài đặt plugin WordPress.

Sau khi plugin được kích hoạt, 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’.

Kết nối tài khoản hiện tại của bạn

Một popup 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’.

Kết nối OptinMonster với WordPress

Bây giờ tài khoản của bạn đã được kết nối, việc tiếp theo cần làm là tạo campaign mới cho popup form liên hệ của bạn.

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

Tạo campaign OptinMonster đầu tiên

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

Vì chúng ta sẽ tạo một popup cho form liên hệ, hãy chọn ‘Cửa sổ bật lên’ làm loại campaign của bạn.

Chọn loại campaign và mẫu

Sau đó, bạn sẽ muốn cuộn xuống trang để chọn một mẫu.

OptinMonster cung cấp hơn 75 mẫu thiết kế hấp dẫn và có khả năng chuyển đổi cao cho các popup của bạn. Bạn có thể chọn bất kỳ mẫu nào bạn thích.

Sau khi đã quyết định được mẫu, bạn chỉ cần nhập tên cho campaign và nhấp vào nút “Bắt đầu xây dựng”.

Nhập tên cho campaign của bạn

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

Bạn sẽ thấy các ‘Khối’ khác nhau xuất hiện trong menu bên trái. Hãy xác định vị trí block ‘WPForms’, sau đó kéo và thả nó vào mẫu của bạn.

Thêm block WPForms vào popup

Sau đó, bạn sẽ cần nhấp vào dropdown menu ‘Lựa chọn form’ từ cài đặt block trong menu bên trái. Sau đó, chọn option ‘Thêm shortcode thủ công’.

Từ đây, bạn có thể nhập shortcode form liên hệ WPForms của mình vào block. Để tìm code, bạn sẽ muốn quay lại cài đặt nhúng WPForms và sao chép shortcode.

Nhập shortcode của form liên hệ

Điều quan trọng cần lưu ý là bạn sẽ không thấy bản xem trước của form liên hệ trong mẫu khi bạn thêm shortcode.

Điều này là bình thường vì form liên hệ của bạn sẽ xuất hiện khi campaign được xuất bản.

Xem shortcode của form liên hệ

Tiếp theo, bạn có thể vào tab ‘Quy tắc hiển thị’ ở trên cùng để chọn thời điểm popup sẽ xuất hiện trên website của bạn.

Theo mặc định, OptinMonster sẽ đặt thời gian trên trang là 5 giây và popup 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 option kích hoạt và nhắm mục tiêu khác nhau.

Chúng tôi đề nghị sử dụng MonsterLink (Khi nhấp chuột) nhắm mục tiêu. Theo cách này, popup của bạn sẽ xuất hiện khi người dùng nhấp vào link hoặc nút.

Chọn quy tắc hiển thị MonsterLink

Tiếp theo, bạn có thể nhấp vào nút ‘Sao chép code 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 website 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 về cách thêm link vào WordPress.

Sao chép code MonsterLink

Mã MonsterLink của bạn sẽ trông như thế này trong HTML:

Tuy nhiên, để nhúng link vào bài đăng hoặc trang blog WordPress của bạn, bạn chỉ cần URL từ code.

URL sẽ trông như thế này:


Ví dụ, giả sử bạn muốn thêm nút liên hệ với WPBeginner Việt Nam trên website của mình.

Trong trường hợp này, 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à vào trình chỉnh sửa WordPress của bạn. Sau đó, bạn sẽ muốn nhấp vào dấu cộng (+) ở trên cùng và thêm block ‘Nút’.

Thêm một block nút

Sau đó, bạn có thể nhập văn bản cho nút của mình và nhấp vào icon link. Ví dụ, WPBeginner Việt Nam sử dụng ‘Liên hệ với WPBeginner Việt Nam’ làm bản sao của nút.

Bây giờ, đã đến lúc thêm URL MonsterLink vào nút của bạn. Bạn nhấp vào nút rồi nhấp vào nút chèn link và dán URL.

Nhập MonsterLink vào nút

Sau khi thực hiện xong, hãy tiếp tục và 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 WPBeginner Việt Nam’ của bạn.

Bây giờ, hãy quay lại campaign OptinMonster của bạn để hoàn tất cấu hình.

Sau khi chọn MonsterLink làm mục tiêu 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’ ở cuối.

Thiết lập quy tắc hiển thị hoàn chỉnh

Trên màn hình tiếp theo, bạn sẽ thấy các option để thay đổi loại chế độ xem campaign, thêm hoạt ảnh MonsterEffect và phát âm thanh khi popup xuất hiện.

Bạn có thể sáng tạo và thử nghiệm với các thiết lập khác nhau. Khi bạn hài lòng với cấu hình, hãy tiếp tục và nhấp vào nút ‘Tiếp theo’.

Thiết lập các cài đặt quy tắc hiển thị bổ sung

Sau đó, OptinMonster sẽ hiển thị tóm tắt về 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 đúng thời điểm campaign của mình sẽ xuất hiện trên website.

Xem tóm tắt quy tắc hiển thị

Bây giờ, bạn đã sẵn sàng để đưa campaign của mình vào hoạt động và xuất bản popup form liên hệ. Để thực hiện việc đó, bạn sẽ muốn 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 campaign của mình. Thao tác này sẽ cho bạn xem trước trực tiếp về cách popup của bạn sẽ trông như thế nào trên website của bạn.

Khi bạn đã hài lòng với giao diện của campaign, hãy đổi ‘Trạng thái xuất bản’ từ ‘Bản nháp’ thành ‘Xuất bản’.

Thay đổi trạng thái xuất bản

Khi hoàn tất, bạn có thể thoát khỏi trình xây dựng campaign OptinMonster và kiểm tra trạng thái campaign của mình từ dashboard WordPress.

Để thực hiện điều này, bạn sẽ muốn điều hướng đến OptinMonster » Chiến dịch. Từ đây, chỉ cần nhấp vào dropdown menu ‘Trạng thái’ và thay đổi từ ‘Đang chờ’ thành ‘Đã xuất bản’.

Thay đổi trạng thái campaign

OptinMonster sẽ tự động cập nhật những thay đổi.

Tiếp theo, bạn sẽ muốn đến nơi hiển thị nút ‘Liên hệ với WPBeginner Việt Nam’ có tích hợp MonsterLink và xem popup của form liên hệ đang hoạt động.

Xem trước popup của form liên hệ

Và đó là tất cả những gì bạn cần!

Bạn đã tạo thành công plugin form liên hệ trong WordPress. Hơn thế nữa, bạn đã thực hiện điều đó trong khi vẫn đảm bảo form không gây khó chịu.

Chúng tôi hy vọng bài viết này giúp bạn biết cách thêm popup form liên hệ trong WordPress. Tiếp theo, bạn cũng có thể muốn xem hướng dẫn của WPBeginner Việt Nam về cách gửi email xác nhận sau khi gửi form WordPress và cách theo dõi và giảm tình trạng từ bỏ form.

Nếu bạn thích bài viết này, vui lòng đăng ký theo dõi WPBeginner Việt Nam Kênh Youtube cho các video hướng dẫn về WordPress. Bạn cũng có thể tìm thấy WPBeginner Việt Nam trên TwitterFacebook.

5/5 - (92 bình chọn)
Facebook
Twitter
LinkedIn
Telegram
Email
Đội Ngũ Biên Tập