Vào năm 2023, việc giữ liên lạc với khán giả của bạn là rất quan trọng. Thiết lập danh sách email với dịch vụ như MailChimp giúp bạn phân phối nội dung trực tiếp đến người đăng ký của mình Show
Danh sách email rất tuyệt, nhưng nếu độc giả hoặc khách hàng tiềm năng muốn liên hệ trực tiếp với bạn thì sao? . Trong bài viết này, chúng tôi sẽ giới thiệu cách định cấu hình plugin Contact Form 7 phổ biến cho trang web WordPress của bạn Cách cài đặt Mẫu liên hệ 7Contact Form 7 đã xuất hiện từ năm 2009 và nó đã thu được hơn 5 triệu lượt tải xuống trong thập kỷ qua. Contact Form 7 có thể được cài đặt trực tiếp từ kho plugin của WordPress. Nếu bạn tìm kiếm “mẫu liên hệ 7”, bạn sẽ có thể tìm thấy plugin cùng với nhiều tiện ích bổ sung Cài đặt plugin Contact Form 7 từ kho plugin WordPressSau khi plugin được cài đặt, bạn sẽ thấy một mục menu có nhãn “Liên hệ” trong thanh bên của bảng điều khiển WordPress của bạn. Đây là nơi có thể định cấu hình tất cả các cài đặt của Biểu mẫu liên hệ 7 Tùy chỉnh cài đặt Contact Form 7Ưu và nhược điểm của việc có một biểu mẫu liên hệTrước khi chúng tôi đi sâu vào cách định cấu hình Biểu mẫu liên hệ 7 cho trang web WordPress của bạn, hãy xem nhanh một số ưu và nhược điểm của việc thêm biểu mẫu liên hệ vào trang web của bạn Xem cách Kinsta chống lại đối thủ. Đối chiếu Ưu điểm của việc có một mẫu liên hệ
Nhược điểm của việc có một biểu mẫu liên hệ
Tổng quan về Cài đặt Biểu mẫu Liên hệ 7Tạo biểu mẫu liên hệ với plugin Biểu mẫu liên hệ 7 cực kỳ dễ dàng. Để bắt đầu, hãy nhấp vào Liên hệ > Biểu mẫu liên hệ trong thanh bên WordPress của bạn. Trên trang này, bạn có thể xem tất cả các biểu mẫu liên hệ của mình cùng với chi tiết siêu dữ liệu được liên kết của chúng Mẫu liên hệ trong Contact Form 7Khi Contact Form 7 được cài đặt lần đầu tiên, nó cũng tạo ra một biểu mẫu ví dụ. Trước khi tìm hiểu cách tạo biểu mẫu liên hệ tùy chỉnh, trước tiên chúng ta hãy xem biểu mẫu mẫu để hiểu rõ hơn về cách thức hoạt động của Biểu mẫu liên hệ 7. Click vào Contact Form 1 để xem cài đặt form Định cấu hình biểu mẫu liên hệ WordPress của bạnTrang “Chỉnh sửa biểu mẫu liên hệ” được chia thành bốn phần
Bây giờ, hãy xem xét kỹ hơn từng phần và tạo biểu mẫu liên hệ tùy chỉnh Bạn biết họ nói gì- giữ bạn bè của bạn gần gũi và khán giả của bạn gần gũi hơn. hay đại loại thế. 😉 Luôn kết nối với khách truy cập trang web nhờ plugin phổ biến này 👇Nhấp để TweetCách tạo biểu mẫu liên hệ WordPressĐể tạo biểu mẫu liên hệ mới, nhấp vào Thêm mới bên cạnh “Mẫu liên hệ” Tạo form liên hệ mới trong Contact Form 7Đặt tên cho biểu mẫu liên hệ mới và nhấp vào “Lưu” Lưu biểu mẫu liên hệ WordPress mới của bạnTrong phần “Biểu mẫu”, hãy thêm HTML cần thiết cho biểu mẫu liên hệ của bạn. Bạn có thể sử dụng các nút cài sẵn khác nhau để tạo mã ngắn cho các thẻ biểu mẫu phổ biến. Để làm cho mọi thứ dễ dàng hơn, hãy xem các mô tả bên dưới để biết các thẻ biểu mẫu đặt sẵn đi kèm với Biểu mẫu liên hệ 7
Bây giờ, hãy tiếp tục và tùy chỉnh biểu mẫu liên hệ. Để hoàn thiện, chúng tôi sẽ tạo một biểu mẫu liên hệ sử dụng tất cả các thẻ biểu mẫu đặt trước trong Biểu mẫu liên hệ 7 Thẻ biểu mẫu “Văn bản”Khi bạn nhấp vào thẻ biểu mẫu đặt trước trong Biểu mẫu liên hệ 7, bạn sẽ thấy menu bật lên giống như bên dưới. Trong menu này, bạn có thể định cấu hình cài đặt của thẻ biểu mẫu. Ở dưới cùng, bạn sẽ thấy một mã ngắn có thể được nhúng vào mẫu biểu mẫu liên hệ của bạn Thẻ biểu mẫu “văn bản” trong Biểu mẫu liên hệ 7Đối với thẻ biểu mẫu “văn bản”, chúng tôi đang sử dụng các cài đặt bên dưới để tạo trường nhập cho tên
Các cài đặt này tạo mã ngắn bên dưới
Hiện tại, chỉ cần nhấp vào nút Chèn thẻ để thêm thẻ biểu mẫu vào mẫu biểu mẫu liên hệ. Chúng tôi sẽ thêm nhiều thẻ HTML hơn để cấu trúc biểu mẫu sau này Thẻ biểu mẫu “Email”Tiếp theo, chúng tôi sẽ tạo một thẻ biểu mẫu email cho phép biểu mẫu liên hệ của chúng tôi thu thập địa chỉ email Thẻ biểu mẫu “email” trong Biểu mẫu liên hệ 7Đối với thẻ biểu mẫu “email”, chúng tôi đã định cấu hình các cài đặt bên dưới
Các cài đặt này tạo mã ngắn bên dưới
Thẻ biểu mẫu “URL”Trong một số trường hợp, bạn có thể muốn có trường nhập liệu trên biểu mẫu liên hệ của mình để thu thập trang web của ai đó. Mặc dù về mặt kỹ thuật, bạn có thể sử dụng thẻ biểu mẫu “văn bản” bình thường cho việc này trong Biểu mẫu liên hệ 7, nhưng chúng tôi khuyên bạn nên sử dụng thẻ biểu mẫu “URL” để thay thế. Thẻ biểu mẫu “URL” sẽ tạo trường nhập xác thực các URL để đảm bảo chúng được định dạng chính xác Thẻ biểu mẫu “URL” trong Biểu mẫu liên hệ 7Đối với thẻ biểu mẫu “url”, chúng tôi đã định cấu hình các cài đặt bên dưới
Các cài đặt này tạo mã ngắn bên dưới
Thẻ biểu mẫu “Điện thoại”Tương tự như URL, bạn cũng có thể sử dụng thẻ biểu mẫu "văn bản" tiêu chuẩn để thu thập số điện thoại. Tuy nhiên, tốt hơn hết bạn nên sử dụng thẻ biểu mẫu “tel” để đảm bảo số điện thoại hợp lệ Thẻ biểu mẫu “tel” trong Contact Form 7Đối với thẻ biểu mẫu “tel”, chúng tôi đã định cấu hình các cài đặt bên dưới
Các cài đặt này tạo mã ngắn bên dưới
Thẻ biểu mẫu “Ngày”Thẻ biểu mẫu "ngày" của Mẫu liên hệ 7 cho phép bạn tạo bộ chọn ngày theo kiểu lịch. Trường nhập "ngày" này rất hữu ích để chỉ định ngày hẹn trong biểu mẫu liên hệ Thẻ biểu mẫu "ngày" trong Biểu mẫu liên hệ 7Đối với thẻ biểu mẫu “ngày”, chúng tôi đã định cấu hình các cài đặt bên dưới
Các cài đặt này tạo mã ngắn bên dưới
Thẻ biểu mẫu “Textarea”Thẻ biểu mẫu “textarea” cho phép bạn tạo hộp văn bản nhiều dòng cho phép khách truy cập gửi tin nhắn dài hơn. Vùng văn bản hữu ích nhất để nắm bắt nội dung của thư Thẻ biểu mẫu “textarea” trong Biểu mẫu liên hệ 7Đối với thẻ biểu mẫu “textarea”, chúng tôi đã định cấu hình các cài đặt bên dưới
Các cài đặt này tạo mã ngắn bên dưới
Thẻ biểu mẫu “Trình đơn thả xuống”Thẻ biểu mẫu “menu thả xuống” của Contact Form 7 cho phép bạn tạo một menu thả xuống với nhiều tùy chọn. Menu thả xuống hữu ích cho các trường hợp bạn muốn khách truy cập chọn một tùy chọn cụ thể để gửi cùng với biểu mẫu. Ví dụ: nếu bạn điều hành một công ty bảo trì WordPress, bạn có thể định cấu hình menu thả xuống cho phép khách truy cập chọn giữa các dịch vụ bạn cung cấp Thẻ biểu mẫu “menu thả xuống” trong Biểu mẫu liên hệ 7Đối với thẻ biểu mẫu “menu thả xuống”, chúng tôi đã định cấu hình các cài đặt bên dưới
Các cài đặt này tạo mã ngắn bên dưới
Thẻ biểu mẫu “Hộp kiểm”Thẻ biểu mẫu hộp kiểm cho phép bạn tạo các hộp kiểm HTML. Tương tự như trình đơn thả xuống, các hộp kiểm cũng có thể được sử dụng để chọn các tùy chọn được xác định trước. Tùy thuộc vào bản chất của biểu mẫu liên hệ của bạn, hộp kiểm có thể hoạt động tốt hơn menu thả xuống. Ví dụ: nếu bạn có ít tùy chọn để chọn, hộp kiểm sẽ giảm số lần nhấp cần thiết để thực hiện lựa chọn. Mặt khác, nếu biểu mẫu liên hệ của bạn có nhiều tùy chọn, menu thả xuống có thể hoạt động tốt hơn vì nó chiếm ít không gian theo chiều dọc hơn Thẻ biểu mẫu “hộp kiểm” trong Biểu mẫu liên hệ 7Đối với thẻ biểu mẫu “hộp kiểm”, chúng tôi đã định cấu hình các cài đặt bên dưới
Các cài đặt này tạo mã ngắn bên dưới
Thẻ biểu mẫu “Nút radio”Thẻ biểu mẫu “nút radio” cho phép bạn tạo nút radio với nhiều tùy chọn. Không giống như các hộp kiểm và menu thả xuống, các nút radio chỉ cho phép bạn chọn một tùy chọn duy nhất Thẻ biểu mẫu "nút radio" trong Biểu mẫu liên hệ 7Đối với thẻ biểu mẫu “nút radio”, chúng tôi đã định cấu hình cài đặt bên dưới
Các cài đặt này tạo mã ngắn bên dưới ________số 8_______Thẻ biểu mẫu “Chấp nhận”Có thể sử dụng thẻ biểu mẫu "chấp nhận" của Biểu mẫu liên hệ 7 để tạo một hộp kiểm duy nhất nhằm mục đích chấp nhận các điều khoản và điều kiện. Với cài đặt thẻ biểu mẫu chấp nhận, bạn có thể chỉ định một thông báo sẽ hiển thị Thẻ biểu mẫu "chấp nhận" trong Biểu mẫu liên hệ 7Đối với thẻ biểu mẫu "chấp nhận", chúng tôi đã định cấu hình các cài đặt bên dưới
Các cài đặt này tạo mã ngắn bên dưới
Thẻ biểu mẫu “Đố vui”Thẻ biểu mẫu “câu đố” có thể được sử dụng để tạo các câu hỏi và câu trả lời cơ bản trong biểu mẫu liên hệ của bạn. Để tạo câu hỏi trắc nghiệm, hãy sử dụng định dạng sau để phân tách câu hỏi và câu trả lời – Câu hỏi. Câu trả lời. Trong ảnh chụp màn hình bên dưới, câu hỏi của chúng tôi là “WordPress được phát hành vào năm nào?” và câu trả lời (được phân tách bằng dấu “. ” ký tự) là 2003 Triển khai ứng dụng của bạn lên Kinsta - Bắt đầu với Khoản tín dụng $20 ngay bây giờChạy nút của bạn. js, Python, Go, PHP, Ruby, Java và Scala, (hoặc hầu hết mọi ứng dụng khác nếu bạn sử dụng Dockerfiles tùy chỉnh của riêng mình), trong ba bước đơn giản Triển khai ngay bây giờ và nhận $20 giảm giáThẻ biểu mẫu “câu đố” trong Biểu mẫu liên hệ 7Đối với thẻ biểu mẫu “câu đố”, chúng tôi đã định cấu hình các cài đặt bên dưới
Các cài đặt này tạo mã ngắn bên dưới 0Thẻ biểu mẫu "Tệp"Thẻ biểu mẫu "tệp" của Biểu mẫu liên hệ 7 cho phép bạn thêm chức năng tải tệp lên biểu mẫu liên hệ. Điều này hữu ích cho các tình huống mà bạn muốn khách truy cập có thể tải lên hình ảnh hoặc tệp PDF để gửi cùng với biểu mẫu. Ví dụ: nếu bạn điều hành một blog nhiếp ảnh với các thư viện ảnh đăng các bài gửi của khách, bạn có thể thêm chức năng tải tệp lên để mọi người tải ảnh lên Trong cài đặt thẻ biểu mẫu, bạn có thể chỉ định nhiều cài đặt khác nhau để bảo mật biểu mẫu của mình. Chúng tôi khuyên bạn luôn đặt giới hạn kích thước tệp để ngăn người dùng ác ý tải lên các tệp lớn. Tương tự, việc chỉ định “các loại tệp được chấp nhận” giúp bạn khóa biểu mẫu của mình thành các định dạng tệp mà bạn muốn và mong đợi. Lưu ý đến ví dụ về blog nhiếp ảnh, bạn có thể muốn giới hạn kích thước tệp ở mức 1 MB (1024 KB) và các loại tệp được chấp nhận đối với các định dạng hình ảnh đã biết như JPG và chỉ Thẻ biểu mẫu "tệp" trong Biểu mẫu liên hệ 7Đối với thẻ biểu mẫu “tệp”, chúng tôi đã định cấu hình các cài đặt bên dưới
Các cài đặt này tạo mã ngắn bên dưới 1Thẻ biểu mẫu "Gửi"Cuối cùng nhưng không kém phần quan trọng là thẻ biểu mẫu “gửi” của Biểu mẫu liên hệ 7. Như bạn có thể đoán, thẻ biểu mẫu này cho phép bạn tạo nút gửi cho biểu mẫu liên hệ Thẻ biểu mẫu "gửi" trong Biểu mẫu liên hệ 7Đối với thẻ biểu mẫu “gửi”, chúng tôi đã định cấu hình các cài đặt bên dưới
Các cài đặt này tạo mã ngắn bên dưới 2Cách cấu trúc một biểu mẫu liên hệ với các thẻ biểu mẫuBây giờ chúng ta đã thiết lập tất cả các thẻ biểu mẫu, đã đến lúc tạo biểu mẫu liên hệ. Tại thời điểm này, cài đặt biểu mẫu liên hệ của bạn sẽ giống như ảnh chụp màn hình bên dưới. Lưu ý tất cả các thẻ biểu mẫu chúng tôi đã tạo ở trên. Với các thẻ biểu mẫu tại chỗ, bạn có thể sử dụng mã ngắn 8 để nhúng biểu mẫu vào bài đăng hoặc trang WordPressNhúng biểu mẫu liên hệ với mã ngắn contact-form-7Trong trình chỉnh sửa WordPress, dán mã ngắn vào một khối trống Thêm mã ngắn Contact Form 7 vào bài đăng hoặc trangNếu đang sử dụng , bạn có thể dán mã ngắn vào bất kỳ đâu trong trình chỉnh sửa nội dung Sử dụng Contact Form 7 với WordPress Classic EditorBây giờ bạn có thể thấy biểu mẫu liên hệ trên trang mà bạn đã thêm mã ngắn của Biểu mẫu liên hệ 7. Đây là biểu mẫu liên hệ của chúng tôi với các cài đặt được đề cập ở trên trông như thế nào. Như bạn có thể thấy, Biểu mẫu liên hệ 7 tự động chuyển đổi các thẻ biểu mẫu thành HTML hợp lệ hiển thị với các kiểu CSS mặc định có trong chủ đề WordPress của bạn Một biểu mẫu liên hệ được tạo bằng Biểu mẫu liên hệ 7Biểu mẫu liên hệ của chúng tôi ở trạng thái hiện tại là một điểm khởi đầu tốt, nhưng nó thiếu một tính năng chính. Các thẻ biểu mẫu như “văn bản”, “email” và “URL” hỗ trợ trình giữ chỗ nhưng các thành phần khác như “hộp kiểm” và “nút radio” thì không. Nếu không có nhãn phù hợp, hộp kiểm và nút radio sẽ không hữu ích cho khách truy cập vì chúng không có bất kỳ ngữ cảnh nào. May mắn thay, việc thêm nhãn trong Mẫu liên hệ 7 rất dễ dàng Cách thêm nhãn thẻ biểu mẫu trong biểu mẫu liên hệ 7Có hai cách để thêm nhãn vào thẻ biểu mẫu Contact Form 7. Đối với các thẻ biểu mẫu bên dưới, bạn chỉ cần bọc thẻ biểu mẫu bằng thẻ 9
Hãy xem ví dụ về thẻ biểu mẫu “văn bản” bên dưới
Để thêm nhãn vào thẻ biểu mẫu này, chúng ta có thể thay thế thẻ biểu mẫu bằng đoạn mã bên dưới. Lưu ý trường hợp bổ sung của “Your Name” ngay sau thẻ mở đầu 0Mệt mỏi vì một máy chủ chậm? . Kiểm tra kế hoạch của chúng tôi 4Đây là thay đổi này trông như thế nào trên biểu mẫu liên hệ của chúng tôi. Trong trường hợp này, nhãn mới được tạo có cùng mục đích với trình giữ chỗ. Tuy nhiên, nếu chúng tôi không muốn chỉ định trình giữ chỗ trong thẻ biểu mẫu, thì nhãn sẽ giúp xác định mục đích của hộp nhập liệu cụ thể Thêm nhãn vào thẻ biểu mẫu trong Biểu mẫu liên hệ 7Đối với thẻ biểu mẫu hiển thị nhiều điều khiển biểu mẫu như hộp kiểm, nút radio và menu thả xuống, việc bọc thẻ biểu mẫu bên trong thẻ 1 sẽ dẫn đến lỗi. Điều này xảy ra vì thẻ 0 chỉ được sử dụng với một điều khiển biểu mẫu duy nhất. Bản chất của hộp kiểm, nút radio và tùy chọn menu thả xuống liên quan đến nhiều điều khiển biểu mẫu nên chúng không tương thích với giải pháp ghi nhãn mặc địnhĐối với các hộp kiểm, nút radio và menu thả xuống, bạn phải thêm tham số 3 trong mã ngắn. Hãy xem ví dụ về thẻ biểu mẫu hộp kiểm bên dưới trong đó 3 được in đậm 5Khi tham số 3 đã được thêm vào, bạn có thể thêm nhãn ngay phía trên thẻ biểu mẫu trong trình chỉnh sửa biểu mẫu liên hệThêm nhãn vào hộp kiểm, nút radio và menu thả xuống trong Biểu mẫu liên hệ 7Để hoàn thiện, chúng tôi đã thêm nhãn vào tất cả các thẻ biểu mẫu trong biểu mẫu liên hệ của mình. Bạn có thể không cần phải làm điều này cho một trang web sản xuất vì một số thẻ biểu mẫu đã bao gồm trình giữ chỗ. Bất kể, chúng tôi muốn chứng minh cách hoạt động của nhãn Đây là biểu mẫu liên hệ của chúng tôi trông như thế nào Biểu mẫu liên hệ có nhãnĐịnh cấu hình Cài đặt Thư trong Biểu mẫu Liên hệ 7Bây giờ chúng tôi đã định cấu hình cấu trúc biểu mẫu liên hệ của mình, đã đến lúc xem cài đặt gửi email trong Biểu mẫu liên hệ 7. Mặc dù cài đặt gửi thư mặc định chỉ hoạt động tốt đối với hầu hết các trang web, nhưng điều quan trọng là phải hiểu các cài đặt khác nhau trong trường hợp trang web hoặc trường hợp sử dụng của bạn yêu cầu cấu hình đặc biệt Để truy cập cài đặt gửi thư, hãy chuyển đến trình chỉnh sửa biểu mẫu liên hệ và chọn tab “Thư” Cài đặt gửi thư trong Mẫu liên hệ 7Cài đặt gửi thư của Contact Form 7 cho phép bạn tùy chỉnh các mẫu và tham số được sử dụng để tạo và gửi thông báo cho bạn sau khi ai đó gửi biểu mẫu. Nếu bạn sử dụng cài đặt không chính xác, có thể bạn sẽ không được thông báo về việc gửi biểu mẫu. Do đó, điều quan trọng là phải kiểm tra việc gửi biểu mẫu sau khi tạo biểu mẫu liên hệ và thay đổi cài đặt Contact Form 7 cho phép bạn định cấu hình các cài đặt gửi thư sau
Bây giờ, hãy xem qua từng cài đặt để hiểu rõ hơn về cách chúng có thể tác động đến việc gửi thư trong Contact Form 7 Trường “Tới”Đảm bảo chỉ định địa chỉ email thực cho cài đặt “Tới”. Theo mặc định, Biểu mẫu liên hệ 7 sẽ chỉ định địa chỉ email được liên kết với tài khoản người dùng WordPress của bạn cho cài đặt “Tới”. Nếu địa chỉ email WordPress của bạn không hợp lệ, hãy nhớ cập nhật nó trong cài đặt hồ sơ của bạn và thay đổi cả địa chỉ email trong Biểu mẫu liên hệ 7 Trường “Từ”Cài đặt "Từ" phải sử dụng định dạng sau – 6. Đối với cài đặt thư biểu mẫu liên hệ của chúng tôi, chúng tôi đang sử dụng 7Theo mặc định, Liên hệ 7 sẽ điền vào trường này bằng 8. Bạn sẽ muốn vì một số máy chủ WordPress chặn email gửi đi đến các địa chỉ không hợp lệ. Có nhiều cách để làm cho địa chỉ email này hợp lệ. Bạn có thể thiết lập một tài khoản email chuyên dụng hoặc bạn có thể kích hoạt chức năng nhận tất cả tại nhà cung cấp dịch vụ email của mình. Nếu bạn không thể thiết lập địa chỉ email này, chúng tôi khuyên bạn nên thay đổi nó thành một địa chỉ email hợp lệ để tránh các vấn đề về khả năng gửiTrường “Chủ đề”Cài đặt “Chủ đề” có thể được sử dụng để chỉ định dòng chủ đề cho thư thông báo. Theo mặc định, Biểu mẫu liên hệ 7 đặt chủ đề là 9 – tên chủ đề trong mẫu biểu mẫu mặc định của Biểu mẫu liên hệ 7Nếu bạn không có thẻ biểu mẫu có tên “[your-subject]” trong biểu mẫu của mình, hãy đảm bảo thay đổi nó thành một thứ khác. Ví dụ: nếu bạn chỉ có một thẻ biểu mẫu để nắm bắt tên của khách truy cập (e. g. [your-name]), bạn có thể thay đổi dòng chủ đề thành 0Trường “Tiêu đề bổ sung”Trong “Tiêu đề bổ sung”, bạn có thể chỉ định các tiêu đề email như trả lời, CC và BCC. Theo mặc định, Biểu mẫu liên hệ 7 thêm tiêu đề sau – 1. Tiêu đề này cho phép bạn trả lời địa chỉ email được chỉ định trong biểu mẫu liên hệ đã gửiTiêu đề trả lời mặc định vẫn ổn nếu bạn đang sử dụng thẻ biểu mẫu email mặc định của Contact Form 7. Nếu không, hãy nhớ thay đổi nó để khớp với tên của thẻ biểu mẫu email của bạn. Đối với biểu mẫu liên hệ của chúng tôi, tên của thẻ biểu mẫu email là “email-632”, do đó, thẻ biểu mẫu trả lời sẽ phải được đổi thành 2“Thân thư”Tiếp theo là “Nội dung thư”, xác định nội dung nội dung của email thông báo. Mẫu mặc định của Contact Form 7 sử dụng các thẻ biểu mẫu [your-name], [your-email], [your-subject] và [your-message] và trông như thế này 6Đảm bảo thay đổi các thẻ biểu mẫu này nếu bạn không sử dụng chúng trong mẫu biểu mẫu liên hệ của mình. Vì biểu mẫu liên hệ chúng tôi đã tạo thu thập rất nhiều thông tin, chúng tôi có thể thiết lập nội dung thư bằng các thẻ biểu mẫu bổ sung như vậy 7Tùy chỉnh nội dung thư cho email thông báo Biểu mẫu liên hệ 7. Mẫu liên hệ 7 Cài đặt thư – Tệp đính kèmNếu biểu mẫu liên hệ của bạn liên quan đến việc tải tệp lên, bạn có thể đưa tệp đó vào email thông báo. Trong biểu mẫu liên hệ của chúng tôi, chúng tôi có thẻ biểu mẫu tải lên tệp có tên “[file-658]”. Do đó, chúng tôi có thể thêm thẻ biểu mẫu này trong “Tệp đính kèm” để đảm bảo tệp sẽ được đưa vào thông báo email Bao gồm tệp đính kèm trong email thông báo Biểu mẫu liên hệ 7Mẫu liên hệ 7 vấn đề gửi thưNếu thấy như vậy , bạn có thể kiểm tra một số điều trước khi liên hệ với nhà phát triển WordPress để được hỗ trợ
Biểu mẫu liên hệ 7 Tin nhắn gửi biểu mẫuContact Form 7 cho phép bạn tùy chỉnh nhiều loại thông báo gửi biểu mẫu. Các thông báo này hiển thị sau khi một điều kiện nhất định được đáp ứng. Ví dụ: nếu khách truy cập quên điền vào trường bắt buộc, Biểu mẫu liên hệ 7 sẽ hiển thị thông báo “Trường là bắt buộc”. Đối với hầu hết các trường hợp sử dụng, các thông báo mặc định sẽ hoạt động tốt. Tuy nhiên, nếu bạn muốn tùy chỉnh các tin nhắn, bạn có thể làm như vậy bằng cách nhấp vào tab “Tin nhắn” trong trình chỉnh sửa biểu mẫu liên hệ Tùy chỉnh Contact Form 7 thông báo tình huốngCách bảo mật biểu mẫu liên hệ của bạnKhi các bot tự động trở nên thông minh hơn và phổ biến hơn trong những năm qua, thư rác đã trở thành một vấn đề lớn đối với các biểu mẫu liên hệ. Vì các biểu mẫu liên hệ thường được mở trên Internet công cộng, nên khá dễ dàng để những người quét web phát hiện ra chúng và gửi thư rác vào hộp thư đến email của bạn. May mắn thay, có nhiều cách khác nhau để ngăn chặn những kẻ gửi thư rác và bảo vệ biểu mẫu liên hệ của bạn Bảo mật Mẫu liên hệ 7 của bạn bằng reCAPTCHANếu bạn đã từng gửi biểu mẫu trên Internet, thì có lẽ bạn đã quen thuộc với reCAPTCHA, một công nghệ do Google phát triển để xác định hành vi bot tự động. Các phiên bản cũ hơn của reCAPTCHA (V2) yêu cầu người dùng vượt qua câu đố hoặc thử thách Phiên bản reCAPTCHA mới nhất (V3) không yêu cầu bất kỳ tương tác nào từ người dùng. Thay vào đó, nó theo dõi minh bạch hoạt động của người dùng trong nền để phân biệt giữa khách truy cập là người và bot. Vì Contact Form 7 hỗ trợ reCAPTCHA V3, chúng tôi khuyên bạn nên sử dụng phiên bản mới nhất này vì nó mang lại trải nghiệm người dùng tốt hơn cho khách truy cập Để thiết lập reCAPTCHA, trước tiên bạn cần tạo khóa API. Để thực hiện việc này, hãy đăng nhập vào tài khoản Google của bạn và truy cập trang thiết lập reCAPTCHA Đăng ký một trang web mới để tích hợp reCAPTCHAĐi qua biểu mẫu đăng ký để tạo reCAPTCHA của bạn
Sau khi bạn đã điền vào tất cả các tùy chọn, hãy nhấp vào Gửi. Sau đó, bạn sẽ được cung cấp "khóa trang web" và "khóa bí mật" dành riêng cho trang web của mình. Đảm bảo giữ các khóa này ở nơi an toàn vì bạn sẽ cần thêm chúng vào Biểu mẫu liên hệ 7 Trang web Google reCAPTCHA và các khóa bí mậtTiếp theo, nhấp vào “Liên hệ” trong thanh bên bảng điều khiển WordPress của bạn và nhấp vào Tích hợp. Chọn tùy chọn reCAPTCHA và dán khóa trang web và khóa bí mật của bạn vào các trường tương ứng. Cuối cùng, nhấp vào Lưu thay đổi để hoàn tất quá trình tích hợp reCAPTCHA Cấu hình reCAPTCHA trong Contact Form 7Sau khi định cấu hình reCAPTCHA trong Biểu mẫu liên hệ 7, bạn sẽ thấy biểu tượng reCAPTCHA ở góc dưới bên phải của trang biểu mẫu liên hệ của mình. Điều này có nghĩa là reCAPTCHA đang hoạt động và bảo vệ biểu mẫu liên hệ của bạn khỏi bị gửi thư rác Biểu mẫu liên hệ WordPress được bảo vệ bởi reCAPTCHA V3Bảo mật biểu mẫu liên hệ của bạn với Cloudflare (Tùy chọn)Nếu bạn sử dụng Cloudflare để bảo vệ trang web của mình, bạn có thể thiết lập quy tắc trang đặc biệt cho trang biểu mẫu liên hệ của mình để giảm gửi biểu mẫu liên hệ spam Bảo vệ biểu mẫu liên hệ của bạn với CloudflareĐể thêm quy tắc trang, hãy nhấp vào tab “Quy tắc Trang” và sử dụng các cài đặt sau để giúp bảo mật trang liên hệ của bạn
Tính năng “Kiểm tra tính toàn vẹn của trình duyệt” của Cloudflare phân tích các tiêu đề HTTP. Nếu nó phát hiện một tiêu đề HTTP thường được sử dụng bởi bot tự động và những kẻ gửi thư rác, thì nó sẽ từ chối yêu cầu đối với trang web của bạn. Đặt “Mức bảo mật” thành cao sẽ thách thức tất cả khách truy cập có hành vi nguy hiểm trong vòng hai tuần qua Bằng cách giới hạn các cài đặt này đối với trang liên hệ của bạn bằng quy tắc đối sánh URL, các trang khác trên trang web của bạn sẽ không bị ảnh hưởng bởi các quy tắc trang này. Chúng tôi khuyên dùng cấu hình này vì các trang "chỉ đọc" bình thường trên trang web của bạn thường không yêu cầu cài đặt mức bảo mật nâng cao Không để khán giả của bạn ở trạng thái đọc. 👀 Liên hệ trực tiếp với độc giả và khách hàng tiềm năng của bạn thông qua plugin Biểu mẫu liên hệ 7 ⬇️Nhấp để TweetTóm lượcContact Form 7 là plugin biểu mẫu liên hệ phổ biến nhất và vì lý do chính đáng. Nó có thể được sử dụng để tạo mọi thứ, từ các biểu mẫu liên hệ cơ bản, đến các câu đố trả lời câu hỏi, đến các biểu mẫu phức tạp hỗ trợ tệp đính kèm và menu thả xuống Trên hết, nó đi kèm với hỗ trợ reCAPTCHA tích hợp để giúp bảo mật biểu mẫu liên hệ của bạn khỏi những kẻ gửi thư rác Bạn có sử dụng Mẫu liên hệ 7 trên trang web WordPress của mình không? Nhận tất cả các ứng dụng, cơ sở dữ liệu và trang web WordPress của bạn trực tuyến và dưới một mái nhà. Nền tảng đám mây hiệu suất cao, đầy đủ tính năng của chúng tôi bao gồm
Hãy tự kiểm tra với $20 trong tháng đầu tiên của Lưu trữ ứng dụng hoặc Lưu trữ cơ sở dữ liệu. Khám phá kế hoạch của chúng tôi hoặc nói chuyện với bộ phận bán hàng để tìm thấy sự phù hợp nhất của bạn Thẻ HTML mặc định của mẫu liên hệ 7 là gì?Biểu mẫu Biểu mẫu liên hệ 7 mặc định sử dụng các phần tử đoạn văn (
Paragraph Content ) làm cơ sở cho biểu mẫu.Tôi có thể nhúng biểu mẫu liên hệ vào tệp mẫu của mình không?Có, nhưng bạn không thể chèn mã ngắn biểu mẫu liên hệ trực tiếp vào tệp mẫu của mình . Bạn sẽ cần chuyển mã…
Tôi có thể sử dụng PHP trong mẫu liên hệ 7 không?Plugin Contact Form 7 rất tuyệt và hoạt động với PHP 8. 0 mà không có vấn đề đáng chú ý . |