Trường vô hiệu hóa mẫu liên hệ 7

Contact Form 7 là một plugin miễn phí tuyệt vời để thêm các biểu mẫu liên hệ vào trang web WordPress. Nhưng mặc dù dễ sử dụng và đáng tin cậy, nó vẫn thiếu rất nhiều tính năng vượt trội

Gần đây tôi đã chỉ ra cách bạn có thể tạo kiểu cho Biểu mẫu liên hệ 7 với sự trợ giúp của các plugin. Trong bài đăng này, tôi sẽ chỉ cho bạn cách mở rộng Biểu mẫu liên hệ 7 hơn nữa để thực hiện những điều sau

1. Thêm logic có điều kiện vào biểu mẫu của bạn
2. Thêm các giá trị động vào các trường biểu mẫu của bạn
3. Lưu các lần gửi biểu mẫu liên hệ vào cơ sở dữ liệu WordPress
4. Gửi một tệp PDF được tạo từ biểu mẫu của bạn
5. Bảo vệ biểu mẫu của bạn khỏi những kẻ gửi thư rác
6. Bán các sản phẩm đơn giản mà không cần giải pháp Thương mại điện tử

Tất cả các plugin được đề cập trong bài đăng này đều miễn phí tải xuống từ WordPress. tổ chức

Bắt đầu nào

Mẹo. nếu bạn là thành viên WPMU DEV, bạn có thể sử dụng plugin Forminator rất riêng của chúng tôi để thay thế cho Contact Form 7

7 plugin hữu ích để thêm tính năng cho Contact Form 7

1. Mẫu liên hệ 7 Trường có điều kiện
2. HubSpot
3. Chuyển hướng cho Mẫu liên hệ 7
4. Gửi biểu mẫu liên hệ
5. Gửi PDF cho Mẫu liên hệ 7
6. Mẫu liên hệ 7 Honeypot
7. Mẫu liên hệ 7 – Tiện ích PayPal

1. Mẫu liên hệ 7 Trường có điều kiện

Mẫu liên hệ 7 Trường có điều kiện mang logic có điều kiện vào biểu mẫu liên hệ của bạn. Các trường biểu mẫu có thể được đặt để chỉ xuất hiện khi người dùng đã đưa ra một phản hồi cụ thể

Đối với ví dụ này, tôi đã tạo một câu hỏi cho biểu mẫu liên hệ của công ty để thu thập một số thông tin tiếp thị hữu ích bằng cách hỏi người dùng cách họ biết về công ty

Có 5 lựa chọn cho câu hỏi đó

• Câu cửa miệng
• Máy tìm kiếm
• E-mail
• Truyền thông xã hội
• Khác

Các tùy chọn này được thêm dưới dạng nút radio. Nhóm nút radio của tôi được đặt tên là where

Khi tùy chọn “Khác” được chọn, tùy chọn này sẽ hiển thị trường văn bản để khách truy cập thêm phương pháp khác mà họ đã phát hiện ra chúng tôi. Tôi đặt tên cho trường văn bản này là where-other

Nhưng trường này sẽ chỉ hiển thị nếu tùy chọn Khác được chọn, do đó, trường này được gói trong một nhóm trường có điều kiện sử dụng mã ngắn [group other][/group]. Nhóm trường điều kiện của tôi được gọi là other-input

Để đặt điều kiện hiển thị, hãy chuyển đến Các trường có điều kiện và tạo quy tắc

Quy tắc có điều kiện. Nếu đâu bằng Khác thì hiển thị đầu vào khác

Đây là mã biểu mẫu liên hệ cuối cùng cho nhóm nút radio và trường văn bản

Đang tải ý chính 8fb60b43fe52cbf01261dc93bd073e2b

Bây giờ, biểu mẫu sẽ chỉ hiển thị tùy chọn thêm phản hồi bổ sung khi Khác được chọn

Trường “Vui lòng cho biết bạn đã nghe về chúng tôi từ đâu” chỉ hiển thị khi nút radio “Khác” được chọn

Hãy nhớ thay đổi nội dung thư trong “Thư” để thêm thông tin mới vào email bạn nhận được

Đang tải ý chính 012380693bcf4defe844c404bfd51fa7

Dòng [other-input]What other place? [where-other][/other-input] sẽ chỉ hiển thị nội dung [where-other] khi nó được hoàn thành

Bạn cũng nên kiểm tra tùy chọn Loại trừ các dòng có thẻ thư trống khỏi đầu ra. Điều này ngăn chặn bất kỳ trường không đầy đủ nào được xuất ra trong văn bản email

2. HubSpot

Plugin WordPress của HubSpot sẽ thu thập tất cả các lần gửi Biểu mẫu liên hệ 7 của bạn và sắp xếp chúng thành một CRM miễn phí. Điều này cho phép bạn xem tất cả các trang mà các liên hệ của bạn đã xem, trò chuyện trực tiếp với họ khi họ ở trên trang web của bạn và gửi email tiếp thị cho họ, tất cả đều miễn phí

HubSpot giúp quản lý tất cả các địa chỉ liên hệ của bạn và phân chia chúng thành các danh sách thực sự dễ dàng. Tất cả thông tin của họ được ghi vào một dòng thời gian gọn gàng để bạn có thể thực sự hiểu những người đứng sau các biểu mẫu

Với plugin của HubSpot, bạn có thể lưu tới 1.000.000 hồ sơ công ty và liên hệ chi tiết, đồng thời gửi miễn phí tới 2.000 email tự động

3. Chuyển hướng cho Mẫu liên hệ 7

Với Chuyển hướng cho Biểu mẫu liên hệ 7 của Qube One, bạn có thể chuyển hướng đến bất kỳ trang nào bạn chọn. Bạn cũng có thể kích hoạt tập lệnh sau khi gửi, lưu các lần gửi trong cơ sở dữ liệu, v.v.

• Chuyển hướng đến bất kỳ URL nào
• Mở trang trong tab mới
• Chạy JavaScript sau khi gửi biểu mẫu [tuyệt vời cho việc quản lý chuyển đổi]
• Chuyển các trường từ biểu mẫu dưới dạng tham số truy vấn URL
• Thêm Honeypot để giảm thiểu thư rác
• Lưu các lần gửi biểu mẫu vào cơ sở dữ liệu của bạn

Thao tác rất đơn giản để sử dụng. Chọn hình thức bạn muốn và chuyển sang chế độ chỉnh sửa. Chọn tab Hành động và chọn từ các tùy chọn trong menu thả xuống

Tạo một hành động trong chuyển hướng cho plugin Mẫu liên hệ 7

Đối với Chuyển hướng, sau khi chọn nó từ menu thả xuống Chọn hành động, bạn sẽ thấy nó được liệt kê trong bảng Hành động, với tiêu đề Hành động mới. Nhấp vào đó để mở, sau đó đặt tên cho quy tắc của bạn, chọn chuyển hướng URL [tùy chỉnh hoặc trang] và chuyển đổi bất kỳ tùy chọn mong muốn nào trong trang cài đặt. Đảm bảo nhấp vào nút Lưu khi bạn hoàn tất

Hành động Chuyển hướng bạn tạo được bật theo mặc định

Ngoài ra còn có một phiên bản chuyên nghiệp, bổ sung khá nhiều tính năng bổ sung, cùng với các khoản phí liên quan. một số trong số này là. Logic hành động có điều kiện, tích hợp Hubspot, đăng ký MailChimp và thu tiền thanh toán [Stripe và PayPal]. Bạn có thể mua những thứ này riêng lẻ hoặc dưới dạng Gói hành động

Chuyển hướng cho Biểu mẫu liên hệ 7 cung cấp bản dùng thử miễn phí các tính năng chuyên nghiệp của họ

Plugin cho phép dùng thử miễn phí dễ dàng nhiều tính năng chuyên nghiệp từ trong bảng điều khiển WordPress của nó

4. Gửi biểu mẫu liên hệ

Gửi biểu mẫu liên hệ lưu tất cả các lần gửi Biểu mẫu liên hệ 7 vào cơ sở dữ liệu và cũng cho phép bạn xuất chúng sang tệp CSV

Đây là một plugin hữu ích, nhưng hãy chắc chắn rằng bạn có lý do chính đáng để thu thập và lưu giữ dữ liệu biểu mẫu trước khi sử dụng nó. Điều này đặc biệt áp dụng nếu bạn đang thu thập dữ liệu cá nhân như tên và địa chỉ email. Đảm bảo bạn có chính sách bảo vệ dữ liệu mạnh mẽ và xóa dữ liệu sau khi không còn cần thiết

Plugin tạo một mục menu mới có tên là Đệ trình trong Biểu mẫu liên hệ 7, nơi bạn sẽ tìm thấy các mục nhập biểu mẫu của mình

Mẫu liên hệ 7 Đệ trình

Đệ trình dành cho tất cả các biểu mẫu mới nhất ở trên cùng. Chúng có thể được sắp xếp lại theo ngày, nhưng không phải theo hình thức

Nếu bạn sử dụng cài đặt Thư[2] để tạo thư trả lời tự động khi ai đó gửi biểu mẫu, những mục nhập này cũng sẽ được hiển thị trong nội dung gửi của bạn. Mỗi hiển thị bên dưới email gửi cho bạn

5. Gửi PDF cho Mẫu liên hệ 7

Như bạn có thể đoán, Gửi PDF cho Biểu mẫu liên hệ 7 sẽ gửi một tệp PDF khi biểu mẫu liên hệ được gửi

Bạn cấu hình qua Contact > Send PDF with CF7

Đầu tiên, chọn hình thức bạn muốn gửi PDF từ danh sách thả xuống

Bây giờ bạn có khá nhiều lựa chọn

• Gửi email PDF cho người gửi, người nhận hoặc cả hai
• Gửi tệp CSV qua email cho người gửi, người nhận hoặc cả hai
• Đặt tên cho tệp PDF. Bạn có thể bao gồm các thẻ biểu mẫu trong tên, chẳng hạn như [tên]. Đó là một ý tưởng hay để làm cho tên tệp trở nên độc đáo
• Chọn xem các tệp sẽ được lưu trên máy chủ web hay bị xóa sau khi gửi. [Hãy nghĩ về việc bảo vệ dữ liệu. ] Các tệp đã lưu đi tới /wp-content/uploads/*NĂM*/*THÁNG*/ Bạn có thể thay đổi thư mục đích
• Chuyển hướng người dùng đến một trang mới sau khi gửi biểu mẫu liên hệ
• Thêm một liên kết để tải xuống bản PDF
• Mật khẩu bảo vệ tệp PDF của bạn
• Thêm tiêu đề hình ảnh vào tệp PDF của bạn
• Thêm các thẻ như ngày, giờ và số trang vào chân trang
• Cá nhân hóa bố cục PDF của bạn, bao gồm các thẻ biểu mẫu. Bạn có thể bao gồm các tệp do người dùng tải lên nếu bạn đã bật tính năng tải lên tệp trên biểu mẫu của mình

Đây là một ví dụ

Khi được gửi, biểu mẫu này sẽ gửi bản PDF xác nhận đặt chỗ cho hội thảo

Trong biểu mẫu liên hệ của tôi, tôi đã sử dụng các trường động ẩn từ Biểu mẫu liên hệ 7 – plugin Tiện ích mở rộng văn bản động. Tôi cũng đã nhúng bản đồ Google

Đang tải ý chính c9c5ca95d859e5a0531eb084179224a9

Trong tùy chọn “Gửi PDF bằng CF7”, đây là mẫu của tôi dành cho PDF

Đang tải ý chính 9e67104e5a94984a7f56b3e207b7d2d8

Để gửi bản PDF cho người đặt chỗ qua email, bạn phải bật tính năng trả lời tự động Thư[2] cho biểu mẫu. PDF được đính kèm với email xác nhận

Nếu không, hãy bật liên kết tải xuống PDF khi biểu mẫu được gửi

Tệp PDF xác nhận đặt phòng

6. Mẫu liên hệ 7 Honeypot

Vấn đề với người gửi thư rác? . Nó ngăn chặn những kẻ gửi thư rác mà không làm phiền người dùng bằng các CAPTCHA khó hiểu hoặc các câu hỏi đố vui

Plugin tạo thẻ [honeypot] mới

Hộp thoại tạo thẻ honeypot khuyên bạn nên đổi tên thẻ biểu mẫu từ honeypot và không tắt thông báo trợ năng

Khi thẻ được thêm vào biểu mẫu, nó sẽ tạo ra một trường văn bản vô hình được dự định để trống. Nếu trường được hoàn thành, việc gửi biểu mẫu được gắn cờ là thư rác

Mã cho trường ẩn được tạo bởi Biểu mẫu liên hệ 7 Honeypot

Nếu biểu mẫu liên hệ được kiểm tra hoặc xem mà không có kiểu, trường vô hình sẽ hiển thị “Vui lòng để trống trường này. " thông điệp

Có sẵn các chức năng lọc để tùy chỉnh thông báo này cũng như HTML và CSS của honeypot

7. Mẫu liên hệ 7 – Tiện ích PayPal

Bạn có một sản phẩm duy nhất để bán và không muốn gặp rắc rối khi thiết lập một cửa hàng Thương mại điện tử toàn diện?

Plugin tích hợp với biểu mẫu của bạn để gửi người dùng đến PayPal để thanh toán

Đặt cài đặt chung PayPal của bạn tại Liên hệ > Cài đặt PayPal. Bạn sẽ cần thêm ngôn ngữ và đơn vị tiền tệ của mình, thêm ID tài khoản PayPal và chọn giữa chế độ Hộp cát hoặc Trực tiếp. Kiểm tra biểu mẫu của bạn ở chế độ Hộp cát trước khi đưa biểu mẫu vào hoạt động

Tôi chọn một ví dụ về biểu mẫu đặt hàng trước sách điện tử sẽ được giao vào một ngày trong tương lai

Đang tải ý chính 0d0966983f5fb82a7e75a8f18c57abd3

Đây là mẫu đơn đặt hàng trông như thế nào trên giao diện người dùng

Biểu mẫu đặt hàng cho sách điện tử được liên kết với PayPal

Để bật PayPal trên biểu mẫu liên hệ, hãy chọn hộp trên tab PayPal cho biểu mẫu đó. Nhập thông tin sản phẩm, thông tin này sẽ được chuyển đến PayPal

Kích hoạt PayPal trên biểu mẫu và đặt mô tả mặt hàng, giá và ID mặt hàng

Khi người dùng gửi biểu mẫu, hai điều xảy ra

1. Một email được gửi đến người đặt hàng sản phẩm
2. Người đó được gửi đến PayPal để thanh toán cho món hàng

1. gửi email

Từ ngữ của email được gửi phải cẩn thận, vì đơn đặt hàng không được xác nhận cho đến khi thanh toán được thực hiện. Người dùng có thể điều hướng khỏi màn hình thanh toán hoặc hủy đơn đặt hàng

Đây là từ ngữ tôi nghĩ ra để gửi cho người đặt hàng trước

Thanks for your interest in [productname], [your-name], .

Đơn đặt hàng của bạn không được xác nhận cho đến khi bạn đã thanh toán bằng PayPal

Khi thanh toán được xác nhận, đơn đặt hàng [tên sản phẩm], ID [productid] chi phí [giá] của bạn sẽ được gửi sau khi xuất bản vào ngày 30 tháng 9 năm 2017

Một lần nữa, tôi đã sử dụng các trường ẩn động từ Contact Form 7 – plugin Dynamic Text Extension

2. Gửi người dùng đến PayPal để thanh toán

Điều này tự động xảy ra khi biểu mẫu được gửi thành công

Trình tự là

1. Khách hàng được nhắc đăng nhập nếu họ chưa đăng nhập
2. Khách hàng xem xét đơn đặt hàng của họ
3. Khách hàng thanh toán cho đơn hàng và nhận được màn hình xác nhận thanh toán và email

PayPal Checkout – Thanh toán hoàn tất

Trên trang Cài đặt, plugin cho phép bạn đặt URL chuyển hướng trong trường hợp hủy, cũng như URL để thực hiện thanh toán thành công

Phiên bản Pro của Mẫu liên hệ 7 – Tiện ích bổ sung PayPal cung cấp nhiều tính năng hơn giúp khắc phục một số hạn chế này

• Gửi email sau khi thanh toán được thực hiện
• Bán tối đa 5 sản phẩm trên mỗi biểu mẫu
• Liên kết các mục biểu mẫu với các trường PayPal
• phí vận chuyển và thuế

Tổng hợp

Như bạn vừa thấy, Contact Form 7 không chỉ là một form liên hệ đơn thuần. Nó có thể được tăng cường để làm được nhiều hơn một chút, từ việc thêm dữ liệu động đến ghi nhật ký cho đến nhận đơn đặt hàng trực tuyến

Hy vọng rằng bạn đã chọn được một số mẹo trong bài đăng này để mở rộng việc triển khai Biểu mẫu liên hệ 7 của riêng bạn trên trang web của bạn

Trường From trong Contact form 7 nên là gì?

Skip_mail là gì?