Mẫu phản hồi cho wp. mẫu liên hệ wordpress đẹp

Những người ít nhất bằng cách nào đó muốn có kết nối với khách truy cập thường tự đặt câu hỏi: làm thế nào để tạo biểu mẫu phản hồi trên trang web? thường được hiển thị trên trang liên hệ để khách truy cập có cơ hội viết thư cho bạn vì bất kỳ lý do gì. Bạn không cần phải tự làm mẫu phản hồi này, nó đã được tạo ra và bạn chỉ cần cài đặt plugin phản hồi, plugin này sẽ giúp bạn dễ dàng cài đặt biểu mẫu mong muốn và tùy chỉnh nó theo nhu cầu của mình. trong bài đánh giá này, bạn sẽ làm quen với danh sách các plugin biểu mẫu phản hồi tốt nhất có nhiều tính năng và hướng khác nhau, đồng thời với sự trợ giúp của chúng, bạn có thể tổ chức bất kỳ biểu mẫu nào trên trang web của mình mà không cần đến lập trình viên và nói cách khác, nó sẽ rẻ hơn nhiều , kết quả tương tự cho ít tiền hơn. Bạn có thể tìm thấy chúng trong kho lưu trữ ru.wordpress.org/plugins/ bằng cách tìm kiếm bằng cách nhập tên plugin dạng thích hợp vào thanh tìm kiếm.

Tại sao chúng ta cần một mẫu phản hồi?

  1. Câu hỏi này được nhiều người quan tâm, bởi vì bạn có thể chỉ cần viết câu hỏi của riêng mình vào danh bạ Hộp thư điện tử và điều này là đủ, nhưng trước tiên, có một số sắc thái, thực tế là nếu bạn chỉ viết tên của email. hộp, thì những kẻ gửi thư rác có thể sử dụng nó, những người sau đó sẽ liên tục bổ sung rác vào hộp của bạn, tức là. nó là một loại bảo vệ thư rác.
  2. Thứ hai, tất nhiên đây là một sự thuận tiện, nếu một người đã truy cập trang web của bạn, thì tất nhiên anh ta sẽ muốn nhanh chóng viết thư trực tiếp cho bạn từ đây mà không gặp vấn đề gì, và trong biểu mẫu, anh ta sẽ chỉ ra hộp thư của mình, nơi anh ta sẽ nhận được một câu trả lời từ bạn.
  3. Thứ ba, có thể cần phải gửi một số dữ liệu mẫu, chẳng hạn như điền vào một số biểu mẫu. Đó là, có thể có nhiều trường trong phản hồi, có thể được gọi là bất kỳ trường nào, tùy thuộc vào chủ đề và dữ liệu này sẽ được gửi theo mẫu cho chủ sở hữu trang web. Hóa ra là bạn điền vào một biểu mẫu và gửi nó.

Do đó, nếu bạn cài đặt plugin phản hồi cho WordPress, bạn sẽ giải quyết được một số vấn đề liên quan đến phản hồi nhanh của khách truy cập, điều này sẽ thuận tiện cho cả họ và bạn. Vì vậy, hãy xem các plugin phản hồi WordPress nổi bật nhất:

Danh sách các plugin phản hồi trong WordPress

1. Mẫu liên hệ 7

Nó chỉ đúng nếu chúng ta bắt đầu với plugin biểu mẫu liên hệ WordPress phổ biến nhất, Biểu mẫu liên hệ 7(MIỄN PHÍ) - đã được hơn 5 triệu người sử dụng. Nó đạt được mức độ phổ biến như vậy là do đã trải qua một thời gian dài sử dụng, trong thời gian đó nó liên tục thay đổi chỉ để tốt hơn, đó là lý do tại sao nó được công nhận là plugin phản hồi tốt nhất. Nó rất dễ sử dụng và với các cài đặt tối thiểu mà ngay cả những người nghiệp dư cũng có thể xử lý được, nhưng bạn cần phải có kỹ năng html, vì biểu mẫu sẽ cần được chỉnh sửa và các dòng chữ được đổi thành tiếng Nga.

Nó hỗ trợ khoảng 46 ngôn ngữ, vì vậy nó đã phủ sóng gần như toàn thế giới, có thể sử dụng CAPTCHA và lọc thư rác bằng Akismet. Nó được cập nhật thường xuyên, hỗ trợ kỹ thuật hoạt động rất tốt và được thiết lập khá nhanh. Nhiệm vụ chính của nó là tạo một biểu mẫu phản hồi với việc gửi nó vào thư. Anh ấy làm điều đó một cách hoàn hảo, vì vậy chúng tôi có thể giới thiệu anh ấy với mọi người một cách an toàn.

2. Mẫu liên hệ của BestWebSoft

- cũng là một plugin biểu mẫu tiện lợi và đơn giản dành cho WordPress, nhờ đó bạn có thể dễ dàng cài đặt biểu mẫu liên hệ trên trang web bằng mã ngắn. Plugin này cũng đáng được quan tâm đặc biệt, bởi vì. anh ấy đang trong tình trạng bàng hoàng tùy chọn trả tiền có các chức năng khá phong phú, trong đó có định nghĩa về địa chỉ IP của người gửi, ngày và giờ gửi, khả năng dịch toàn bộ biểu mẫu sang ngôn ngữ khác, chống spam, khả năng mở rộng biểu mẫu liên hệ bằng plugin Mâu liên hệĐa... và nhiều thứ khác. Tất nhiên, những người muốn xem các khả năng vượt trội phải trả thêm tiền và sau đó bạn có thể thấy các tính năng như tùy chỉnh kiểu, tùy chọn trả lời tự động, lời nhắc tùy chỉnh, v.v., nhưng tôi sẽ gọi nó là plugin tự động hoàn thành biểu mẫu vì nó khả năng làm việc này.

Plug-in này của BestWebSoft đã nổi tiếng nhờ độ tin cậy và hỗ trợ kỹ thuật nhanh nhạy. Nó được khuyên dùng bởi nhiều người đã sử dụng nó và hài lòng với nó.

3. Plugin WordPress Trình tạo biểu mẫu liên hệ của vCita

- vì như thế này tên dài Plug-in che giấu một nhân viên chăm chỉ khiêm tốn, cho phép bạn nhanh chóng thiết lập biểu mẫu liên hệ sau khi cài đặt, ngay lập tức đặt kích thước trường, màu sắc và phông chữ trong trường. Nó có thể dễ dàng cài đặt biểu mẫu liên hệ, sử dụng mã ngắn, trên bất kỳ trang nào của trang web. Nó có thể hoạt động với 7 ngôn ngữ, bao gồm cả tiếng Nga. Nó hấp dẫn hơn với phong cách độc đáo dễ nhận biết, rất tốt trong việc thu hút khách truy cập trang web và với nó, bạn có thể dễ dàng gửi thông báo qua biểu mẫu phản hồi, đó là lý do tại sao nó cần thiết. Chỉ trong một phút, bạn sẽ cài đặt biểu mẫu liên hệ ở bất kỳ đâu trên trang web của mình hoặc trên mọi trang. Nếu bạn không đủ tùy chọn miễn phí, thì bạn luôn có thể xem danh sách từ tùy chọn trả phí và đưa ra lựa chọn bằng cách mua plugin.

4. Máy bay phản lực

- trình tạo plugin đa chức năng này, có toàn bộ các phụ kiện linh hoạt khác nhau có thể: hiển thị phân tích trang web, tự động xuất bản bài đăng trong truyền thông xã hội trước, cung cấp các công cụ SEO, chương trình quảng cáo với các công cụ tìm kiếm hàng đầu, các nút thanh toán PayPal và thậm chí sao lưu toàn bộ trang web và nhiều điều thú vị khác, và miễn phí nhưng cũng có phiên bản trả phí với các tính năng nâng cao.

Vì vậy, trong số nhiều loại này, có thể sử dụng giao diện với các biểu mẫu có thể được thêm vào bất cứ đâu. Hóa ra, ngoài mọi thứ, plugin này có thể được sử dụng làm biểu mẫu phản hồi và với việc cài đặt plugin này, bạn sẽ nhận được nhiều lợi thế thú vị và chưa từng được biết đến trước đây. Vì vậy, hãy giữ nó lên.

5. Hình thức Ninja

- không giống như người tiền nhiệm của nó, plugin này được tập trung cao độ và thực tế là nó có thể nhanh chóng tạo bất kỳ biểu mẫu nào trong vài phút mà không bị hạn chế là nhiệm vụ chính của nó. Biểu mẫu được tạo bằng cách kéo và thả dễ dàng, điều này sẽ cho phép ngay cả người mới bắt đầu nhanh chóng điều hướng và tạo bất kỳ biểu mẫu phức tạp nào. Nó hỗ trợ các tùy chọn như: chống thư rác Google reCaptcha, xuất và nhập biểu mẫu, sử dụng mặt nạ nhập tùy chỉnh, chuyển hướng đến một trang khác sau khi hoàn thành biểu mẫu, v.v.

6. Trình tạo biểu mẫu trực quan

là một plugin biểu mẫu liên hệ wordpress mà bạn có thể thích nếu chọn nó. Rốt cuộc, nó có một số tính năng hữu ích: hệ thống chống thư rác, lưu bản ghi trong cơ sở dữ liệu, chèn biểu mẫu bằng mã ngắn, xuất bản ghi sang CSV và các tính năng thú vị khác. Nó rất thuận tiện vì các trường được thêm bằng cách kéo và thả, nhưng nó hữu ích hơn vì bạn có thể tạo bất kỳ trường nào, vì nó không chỉ nhằm vào phản hồi mà còn nhằm mục đích cài đặt các biểu mẫu web khác nhau. Tôi không thích điều đó vì khi bạn chèn biểu mẫu vào tiện ích, các chữ cái đầu tiên của nhãn trường bị đóng bằng một loại biểu tượng nào đó, tôi không thể tự sửa được. Mọi thứ đều tốt ở những nơi khác.

Nói chung, tôi phải nói rằng nếu bạn cần một số biểu mẫu web khác thường, thì với plugin này, bạn có thể triển khai nó, nhưng nếu không có đủ khả năng Phiên bản trả tiền, sau đó bạn có thể chuyển sang trả phí, nơi có thể xoay vòng rộng rãi hơn và đồng thời những thứ đó. hỗ trợ đầy đủ giúp giải quyết vấn đề, thậm chí đưa ra lời khuyên.

7. Mẫu liên hệ của Supsystic

là một plugin phản hồi với recaptcha, đơn giản và tiện lợi ở chỗ nó chỉ dành cho phản hồi và quá trình thiết lập chỉ mất vài giây và không có gì thừa. Hơn nữa, nó rất phù hợp với chủ đề của bạn. Về chức năng, nó tương tự như Contact Form 7, tức là. các khả năng giống nhau, nhưng bạn thích gì về nó, bạn có thể nói sau khi thử nghiệm nó.

8. Formidable Forms - Trình tạo biểu mẫu cho WordPress

- nó sẽ giúp bạn thêm biểu mẫu phản hồi vào trang web, cũng như biểu mẫu khảo sát, biểu mẫu mua hàng và đặt hàng, biểu mẫu đăng ký người dùng, lịch sự kiện, cũng như bất kỳ biểu mẫu nào khác sẽ trông đẹp mắt trên màn hình ở mọi kích thước, được đó là máy tính bảng hoặc điện thoại thông minh. Hơn nữa, bạn có thể thêm các trường của riêng mình hoặc bạn có thể sử dụng các biểu mẫu tạo sẵn mà các nhà phát triển plugin này cung cấp để sử dụng. Bạn có thể tùy chỉnh kiểu biểu mẫu web của mình, mặc dù nếu bạn hiển thị biểu mẫu này, nó sẽ giống nhau ở mọi nơi, nhưng nếu bạn muốn nó khác đi, thì bạn cần chuyển sang biểu mẫu trả phí. Phiên bản chuyên nghiệp. Nhưng phiên bản trả phí đã có thể triển khai biểu mẫu nhiều trang, áp dụng logic có điều kiện, tích hợp nền tảng, quản lý dữ liệu, v.v. Phần trả phí cho phép bạn nhập, hiển thị, chỉnh sửa và lọc dữ liệu trong giao diện trang web của mình mà không cần bất kỳ plugin bổ sung nào. Thành thật mà nói, các khả năng của plugin này khiến tôi choáng váng, tất nhiên, đơn giản là không có đủ thời gian để thử tất cả các khả năng. Thông thường, các plugin này được sử dụng trong các cửa hàng và trên các trang web thu thập thông tin, bảng câu hỏi, v.v.

9. FormCraft – Trình tạo biểu mẫu cho WordPress

- như các nhà phát triển tuyên bố, nó là đối thủ cạnh tranh trực tiếp với plugin Contact Form 7, plugin này sẽ dễ dàng thay thế và trông không tệ hơn và thậm chí còn vượt qua nó về chức năng. Phiên bản miễn phí cung cấp tối thiểu các trường, đó là lý do tại sao biểu mẫu tất nhiên là khá kém, nhưng điều này sẽ đủ để tạo biểu mẫu phản hồi trên trang web. Cũng cần lưu ý rằng plugin đã được tạo ở phiên bản trả phí và sau đó họ đã tạo phiên bản miễn phí, rõ ràng là để quảng cáo và gieo hạt. Nhóm phát triển nCrafts làm việc rất chăm chỉ để phát triển sản phẩm của họ và quan tâm đến chất lượng của nó, vì vậy những ai muốn có một nhà phát triển cẩn thận, thì anh ấy đang ở trước mặt bạn.

10. Biểu mẫu Nhận biểu mẫu liên hệ

là một plugin hình thức đảo ngược và hơn thế nữa, một công cụ biểu mẫu liên hệ rất hiệu quả cho phép bạn nhúng bất kỳ biểu mẫu nào vào trang web của mình chỉ bằng một vài cú nhấp chuột. Chọn các trường biểu mẫu, tùy chỉnh cài đặt của bạn và dễ dàng nhúng biểu mẫu liên hệ vào trang web của bạn. Nó sẽ giúp bạn nhanh chóng tạo biểu mẫu liên hệ, biểu mẫu yêu cầu, biểu mẫu đặt phòng, biểu mẫu dịch vụ tư vấn, biểu mẫu liên hệ, biểu mẫu danh sách gửi thư, biểu mẫu khảo sát, biểu mẫu đăng ký, biểu mẫu đăng ký hội thảo, biểu mẫu viết blog, biểu mẫu đăng ký bản tin, biểu mẫu tổ chức đám cưới, bất động sản mẫu đơn đăng ký, mẫu lời mời giới thiệu sản phẩm, mẫu đơn đặt hàng trực tuyến, v.v. Mô tả về các tính năng chi tiết hơn, nhưng có một NHƯNG, nó không hoạt động đầy đủ với ngôn ngữ tiếng Nga ở mọi nơi, do đó, thay vì các chữ cái, nó có thể hiển thị chữ tượng hình.

11. Mẫu liên hệ rất đơn giản

- đánh giá theo tên, đây là plugin dễ dàng nhất để tạo phản hồi trên trang web. Biểu mẫu chỉ chứa các trường cho tên, email, chủ đề và thông báo. Và một hình ảnh xác thực đơn giản ( số ngẫu nhiên) và cũng hỗ trợ shortcode. Không có gì để thêm, nhưng bạn cần gì nữa? Nếu bạn giới hạn bản thân ở dạng đơn giản nhất này, thì bằng cách cài đặt nó, bạn sẽ có đủ nó trong một thời gian dài, ít nhất là càng đơn giản thì càng đáng tin cậy.

12. Mẫu liên hệ nhanh

- cùng một plugin biểu mẫu đơn giản, có một số biểu mẫu, có trả lời tự động, có một bộ kiểu tích hợp sẵn. Một lần nữa, đối với một mẫu phản hồi đơn giản, nó sẽ đủ cho bạn, bạn có thể đặt nó một cách an toàn.

13. Đăng ký Biểu mẫu đăng ký Magic-Custom

là trình tạo biểu mẫu WordPress và plugin đăng ký người dùng cung cấp cho bạn toàn quyền kiểm soát việc đăng ký người dùng trên trang web của bạn. bạn có thể tạo đa dạng mẫu mãđể đăng ký người dùng, mỗi người có các trường được xác định trước khác nhau. Bạn cũng có thể thiết lập thanh toán cho đăng ký người dùng trả phí. Khu vực đăng ký người dùng Front-End cho phép người dùng của bạn đăng nhập, khôi phục mật khẩu, xác minh giao dịch, tải lên nội dung, v.v.

RegistrationMagic theo dõi tất cả các biểu mẫu và hành động đến mà bạn có thể theo dõi từ bảng điều khiển. Nó cũng có thể chấp nhận các tệp đính kèm và xem/tải chúng xuống từ cùng một khu vực trên bảng điều khiển. Bộ lọc nâng cao cho phép bạn xem dữ liệu cho một biểu mẫu cụ thể và theo thời gian. Và điều thú vị nhất cho plugin này là khả năng thêm các chức năng không tồn tại. Có vẻ đơn giản: nếu bạn cần tùy chọn này hoặc tùy chọn kia, thì bạn chỉ cần viết thư cho bộ phận hỗ trợ kỹ thuật và họ sẽ triển khai nó trong cập nhật tiếp theo bạn sẽ thấy mong muốn của bạn trở thành sự thật.

14. Mẫu liên hệ của WPForms

- cho phép bạn tạo các biểu mẫu liên hệ đẹp mắt, biểu mẫu đăng ký, biểu mẫu thanh toán và các loại biểu mẫu khác cho trang web của bạn trong vài phút. Tuyệt vời cho phiên bản di động. Trọng tâm chính của plugin này là nhằm vào chất lượng và làm việc nhanhđể người dùng không có câu hỏi về việc tạo và định cấu hình bất kỳ biểu mẫu nào. Các thông số SEO được nghĩ ra và điều chỉnh.

Nhân tiện, việc sử dụng nó rất tiện lợi vì khi bạn tạo một biểu mẫu, bạn sẽ thấy ngay kết quả của những thay đổi của mình, đó là cửa sổ xem trước. Về chức năng, không có nhiều plugin miễn phí có thể cạnh tranh với nó và bạn vẫn cần thêm một plugin chuyên nghiệp miêu tả cụ thể plugin hoạt động. Thường thì bạn không biết cách triển khai khảo sát hoặc biểu mẫu quyên góp, và sau khi đọc và xem mô tả trên trang web của nhà phát triển, bạn có thể hình dung theo nghĩa đen cách triển khai điều này, ngay cả khi không biết kiến ​​​​thức cơ bản về lập trình. Có thể được đề nghị một cách an toàn.

15. Dạng miệng núi lửa

- có trình chỉnh sửa trực quan và đơn giản hóa việc tạo biểu mẫu cho WordPress. Bạn có thể tùy chỉnh biểu mẫu của mình bằng nhiều cột, thêm các trang bổ sung và thu thập phản hồi của người dùng để phân tích thông tin liên quan từ khách hàng và khách truy cập trang web của bạn. Chống thư rác, AJAX, thông báo email và theo dõi mục nhập cơ sở dữ liệu được bật theo mặc định. Tôi thích nó vì logic có điều kiện của nó cho các trường biểu mẫu, trong khi những người khác cung cấp nó trong các phiên bản trả phí, nhưng plugin này cũng có tiện ích mở rộng trả phí. Tôi cũng thích một danh sách rất lớn các câu hỏi thường gặp. Câu hỏi thường gặpđược mô tả ở đâu Các tùy chọn khác nhau mà bạn có thể sử dụng nếu bạn đọc.

16 hình thức thông minh

Biểu mẫu phản hồi, mã ngắn, trường biểu mẫu tùy chỉnh, logic có điều kiện, trình chỉnh sửa kiểu và thậm chí là trình chỉnh sửa JavaScript nếu bạn biết cách viết mã bằng ngôn ngữ đó. Chà, nếu chúng ta xem xét phiên bản trả phí của PRO, thì đã có các hình thức nhiều giai đoạn. Nói chung, có một cái gì đó để thu hút, vì bạn sẽ tìm thấy mọi thứ bạn cần và đặc biệt là tạo biểu mẫu phản hồi bằng plugin này sẽ hoạt động mà không gặp vấn đề gì. Anh ấy thu hút tôi bằng những mẫu được làm sẵn thường được chấp nhận, nếu bạn cần những mẫu chuẩn thì bạn cứ chọn là xong và tôi ra về cảm xúc tích cực từ đó, vì các biểu mẫu không chỉ được tạo bằng khung mà đã được cách điệu và chúng thích ứng với kích thước được phân bổ cho chúng, ngoài ra, còn có các biểu tượng làm sẵn mà bạn có thể trang trí biểu mẫu của mình. Sau khi tạo biểu mẫu, hầu như không có gì phải tùy chỉnh. Tôi sẽ nói về anh ấy rằng anh ấy cũng là một sản phẩm thử nghiệm.

PHIÊN BẢN TRẢ TIỀN của plugin hình thức liên hệ

- đối với các tình huống đặc biệt và phức tạp, khi bạn cần thể hiện sự kỳ diệu của việc thực hiện các hình thức phức tạp, tốt hơn là sử dụng phiên bản chuyên nghiệp, bởi vì nếu không phải là phiên bản trả phí, thì tất cả những gì còn lại là thuê một lập trình viên sẽ viết biểu mẫu của riêng anh ấy cho bạn, nhưng điều này đôi khi tốn kém hơn so với việc cài đặt một plugin trả phí. Để tự hiểu sản phẩm nào phù hợp với mình nhất, bạn cần hình dung trước hình thức sẽ như thế nào. Tiếp theo, bạn cần liên hệ với bộ phận hỗ trợ và tìm hiểu về khả năng thực hiện ý tưởng của mình, và những bộ phận hỗ trợ đó thường nhắc nhở và giúp đỡ về giải pháp.

17. Ninja Kick: Biểu mẫu liên hệ WordPress

- giá 19 đô la. Nó đi kèm với 3 chủ đề tuyệt vời, thanh xã hội, tích hợp Mailchimp và tùy biến rộng rãi thiết kế. Plugin nhẹ này sử dụng các hiệu ứng chuyển tiếp CSS3 hiện đại, có bố cục đáp ứng, hoạt động tốt trên thiêt bị di động và đáp lại cử chỉ. Biểu mẫu được gửi qua AJAX để nó không tải lại trang của bạn. Vẻ đẹp của plugin này nằm ở dạng ẩn hoặc nút nổi, khi được nhấp vào, biểu mẫu phản hồi sẽ ngay lập tức bị treo và sẵn sàng hoạt động, hơn nữa hoạt hình đẹp làm điều đó một cách duyên dáng. Có lẽ vì điều này, mọi người đồng ý trả tiền, nhưng nó có đáng hay không, bạn quyết định.

18. Các dạng trọng lực (gravityforms.com)

- giá 59 đô la. Tôi có thể nói rằng đây là một bậc thầy về thủ công của nó, bởi vì nó có thể được sử dụng để thực hiện các kết hợp rất phức tạp giữa chuyển đổi logic và tính toán. Đối với bản thân tôi, tôi có thể tưởng tượng những gì cần phải khuấy động để tải đầy đủ đứa trẻ này, nhưng thực tế là bạn có thể tạo các biểu mẫu rất phức tạp mà không cần lập trình viên. Đối với những người muốn trở nên phức tạp hơn theo hướng này, hãy để họ tìm hiểu ngay về khả năng của các plugin chuyên nghiệp, bởi vì những plugin miễn phí sẽ chỉ giúp bạn lúc đầu.

19.Quform

- giá 29 đô la. Người trả tiền này cho thuê theo khả năng trước Gravity, nhưng nó cũng có giá bằng một nửa. Vì vậy, tất cả phụ thuộc vào nhiệm vụ trong tầm tay. Nhưng về độ tin cậy, anh ấy có thể được cho điểm 5 trên 5 đậm, vì anh ấy có những đánh giá xuất sắc. Tôi nghĩ bộ phận hỗ trợ kỹ thuật sẽ cố gắng và tôn trọng khách hàng của mình.

Biểu mẫu phản hồi là một trong những yếu tố quan trọng nhất trên trang web hoặc blog WordPress.

Nó hỗ trợ liên tục liên hệ với người mua, độc giả, đối tác. Ngoài ra, nếu không có phản hồi, nhiều cơ hội thu hút khách hàng mới sẽ biến mất. Nó hiệu quả hơn nhiều so với bình thường Thông tin liên lạc Trực tuyến.

Điều gì là cần thiết để tạo phản hồi trên WordPress?

Phản hồi có thể được tạo những cách khác. quyết định tốt nhất- sử dụng một plugin. Yêu cầu nhiều nhất là:

  • Mẫu liên hệ 7;
  • tiếng ồn của người dùng;
  • Biểu mẫu liên hệ theo phương thức đơn giản;
  • Biểu mẫu liên hệ tùy chỉnh;
  • Biểu mẫu liên hệ mượt mà.

Tại sao chọn plugin WordPress? Bởi vì chúng có rất nhiều ưu điểm, chẳng hạn như chúng được cập nhật liên tục, do đó đảm bảo độ tin cậy. Ngoài ra, một plugin phù hợp cho WordPress là người trợ giúp tốt nhất, điều này sẽ giúp phát triển trang web một cách thuận tiện và liên hệ trên trang web sẽ được thêm vào mà không cần nỗ lực. Và đó là chưa kể đến các trang web bán hàng và công ty khác nhau, thường yêu cầu một biểu mẫu liên hệ khá cụ thể.

Contact Form 7 - liên hệ nhanh và cài đặt dễ dàng

Plugin CF 7 giúp dễ dàng tạo và tùy chỉnh phản hồi. Nó rất nhẹ, hoàn toàn không tải trang web và cũng được coi là dễ cài đặt nhất. Nhiều người chọn nó,. Biểu mẫu liên hệ được Nga hóa hoàn toàn, rất thuận tiện và có các cài đặt trực quan rất dễ xử lý. Đồng thời, nó hoàn toàn miễn phí và linh hoạt. Có cách nào dễ dàng cài đặt- dành cho tất cả những ai thích sự đơn giản, và nhiều chiều sâu và phức tạp - dành cho tất cả những ai thích đi sâu. Hỗ trợ nhiều loại biểu mẫu có cửa sổ, gửi AJAX, tích hợp Akismet, tải lên tệp và bảo vệ chống thư rác bằng hình ảnh xác thực và câu hỏi văn bản. Nhiều người đã công nhận nó là một trong những plugin hệ thống quản lý nội dung tốt nhất. CF 7 cho phép nhiều hình dạng phức tạp. Danh sách ngay lập tức hiển thị các mã ngắn cần thiết để chèn trên trang.

Usernoise - cửa sổ bật lên và mẫu phản hồi đẹp

Usernoise có chức năng rất rộng, cho phép bạn tạo biểu mẫu bật lên đẹp mắt và dễ hiểu trong cửa sổ. Nhưng có một số điểm trừ - toàn bộ khả năng của nó được trình bày trong phiên bản trả phí. Tuy nhiên, đối với nhiều người, các tính năng được trình bày trong phiên bản miễn phí là đủ. Theo mặc định, Usernoise cho WordPress đã được định cấu hình khi cần, tất cả những gì bạn cần làm chỉ là kích hoạt nó. Cài đặt khác, theo yêu cầu của chủ sở hữu trang web, cũng được thực hiện dễ dàng. Bạn có thể thay đổi vị trí của nút, thay đổi màu sắc và nền văn bản, thêm biểu tượng vào nút, thay đổi phông chữ và thay đổi nhãn tiêu chuẩn. Tất cả điều này được cấu hình dễ dàng từ bảng quản trị. Với nó, nút sẽ trở nên độc nhất. Plugin được Nga hóa hoàn toàn, giúp làm việc với nó dễ dàng nhất có thể. Lý tưởng cho blog. Usernoise được hỗ trợ bởi hầu hết các trình duyệt nổi tiếng - Opera, Firefox, Safari, IE7 (từ phiên bản 7). Ưu điểm chính của plugin này là hiệu suất cao, không ảnh hưởng đến tốc độ tải xuống.

SimpleModal Contact Form - biểu mẫu bật lên nhanh trong cửa sổ phương thức

SimpleModal Contact Form (SMCF) là một phản hồi được tích hợp vào một cửa sổ bật lên theo phương thức. Được cung cấp bởi WordPress với jQuery. Plugin này là ngôn ngữ tiếng Nga, nhờ Nikolai Myasnikov và các "thợ thủ công" khác tham gia vào quá trình Nga hóa của nó. Việc dịch sang tiếng Nga được thực hiện một cách thành thạo nhất có thể, tất cả các chi tiết nhỏ nhất đều được tính đến. Cửa sổ bật lên mà SMCF hiển thị trông giống như cửa sổ plugin Hộp đèn. Đây là một điều rất tiện dụng cho bất kỳ ai muốn mang đến cho người dùng cơ hội viết thư, chỉ trong một cửa sổ bật lên ở bất kỳ đâu - ở cuối bài đăng, trên một trang riêng hoặc trong Thanh bên. Mọi thứ diễn ra rất nhanh chóng và thuận tiện. Cài đặt được thực hiện theo cách truyền thống nhất. Biểu mẫu đảo ngược cũng kiểm tra tính chính xác của việc điền vào các trường đầu vào. Trong các tùy chọn, có thể tự động thay thế tiêu đề trang trong chủ đề email, đây là một lợi thế khá lớn khi nó được sử dụng để đặt hàng cho mô tả sản phẩm. Chủ đề của bức thư sẽ cho phép bạn xem ngay sản phẩm được đặt hàng.

Biểu mẫu liên hệ tùy chỉnh - biểu mẫu nghịch đảo của bất kỳ sự phức tạp nào

Plugin Biểu mẫu liên hệ tùy chỉnh (CCF) rất phổ biến hiện nay. Với nó, bạn có thể tạo các biểu mẫu phức tạp trên WordPress. Tuy nhiên, điều đáng chú ý là CCF không có bản địa hóa của Nga. Mặc dù điều này không đóng một vai trò đặc biệt nào, vì nó rất dễ hiểu, ngay cả đối với những người không biết tiếng Anh. Các biểu mẫu đã tạo được chèn vào bất kỳ trang, tài liệu và hồ sơ cá nhân nào. Để tạo một biểu mẫu đơn giản, bạn không cần phải đi sâu vào cài đặt, tất cả những gì cần thiết là nhập mã vào bất kỳ bài viết nào, sau đó mọi thứ sẽ được thực hiện tự động. Ngoài ra còn có một tiện ích đặc biệt có thể được chèn vào thanh bên, hoặc bất kỳ nơi nào khác trên trang web dành riêng cho widget. Không có Kiến thức đặc biệt CSS không cần thiết để tùy chỉnh, nhưng hầu hết mọi khía cạnh đều có thể tùy chỉnh: màu sắc, kích thước, đường viền, phần đệm. Các kiểu được quản lý trực tiếp trong , ở cùng một nơi mà tất cả các trường nhập giá trị được định cấu hình. Hoạt động cho công nghệ hiện đại Ajax và jQuery

Slick Contact Forms - Dễ dàng thêm nhiều phản hồi

Slick Contact Forms tạo một tiện ích có thể được sử dụng để thêm nhiều biểu mẫu liên hệ vào một trang. Với nó, đảo ngược có thể được thực hiện thả nổi, thả xuống và rời đi. Xuất hiện khi nhấp vào liên kết dưới dạng bảng điều khiển thả xuống. View rất gọn gàng và đẹp. Nhúng nó vào blog khá đơn giản, đặc biệt nếu bạn sử dụng tiện ích con. Tiện ích đã chứa tất cả các tham số và cài đặt cần thiết - tốc độ mở rộng và thu gọn, chiều rộng, tên chung và tên trường, số lượng trường, vị trí trên màn hình, đảo ngược địa chỉ email, vị trí của các hộp văn bản. Ngoài ra còn có một số tùy chọn thiết kế. Bạn cũng có thể làm điều đó bằng cách sử dụng mã ngắn, nhưng nó phức tạp hơn nhiều. Nó là một trong những công cụ WordPress thân thiện và đáng tin cậy nhất hiện có.

Tất cả các plugin được liệt kê ở trên đều đáng được chú ý và có giá trị riêng. Tuy nhiên, sự lựa chọn sẽ phụ thuộc vào sở thích cá nhân. Ví dụ: nếu bạn cần nhúng phản hồi vào trang, thì tốt hơn là chọn các plugin đầu tiên, cụ thể là Biểu mẫu liên hệ 7. Nếu bạn thích cửa sổ bật lên hơn, tốt hơn nên chọn SMCF và Usernoise.

Chào buổi chiều các bạn! Trong hướng dẫn này, tôi sẽ hướng dẫn bạn cách tạo biểu mẫu liên hệ WordPress bằng plugin. Biểu mẫu liên hệ WordPress là giải pháp hoàn hảo cho những ai muốn giữ liên lạc với khán giả của họ hoặc nhận email yêu cầu đặt hàng bất kỳ dịch vụ nào. Chúng tôi sẽ cùng bạn tìm hiểu cách tạo biểu mẫu bật lên trong cửa sổ phương thức. Sau khi đọc bài viết này, bạn sẽ có thể tự nhúng biểu mẫu vào trang web của mình. Vì vậy, chúng ta hãy đi.

Tại sao bạn cần một biểu mẫu liên hệ WordPress?

Bạn có thể thắc mắc tại sao tôi cần một mẫu phản hồi trên trang web WordPress? Tại sao không thêm một địa chỉ email vào trang web để mọi người có thể viết thư cho tôi?

Đây là câu hỏi phổ biến nhất từ ​​những người mới sợ thêm mã biểu mẫu vào một trang web mà không có kiến ​​thức lập trình. Trên thực tế, bạn hoàn toàn không cần mã khi tạo biểu mẫu liên hệ WordPress. Trong hướng dẫn này, chúng tôi sẽ tạo một biểu mẫu liên hệ từng bước và ngay cả người mới bắt đầu tuyệt đối nhất cũng có thể tạo được nó.

Dưới đây là 3 lý do hàng đầu tại sao sử dụng biểu mẫu tốt hơn là chỉ thêm địa chỉ email vào trang web của bạn.

  • - bot spam với tần suất đáng ghen tị lấy địa chỉ email thông qua trình phân tích cú pháp của chúng, nơi có đề cập miền thư và nhập nó vào cơ sở dữ liệu của họ, để sau này họ có thể gửi cho bạn những thư từ không mong muốn. Mặt khác, khi sử dụng biểu mẫu phản hồi cho WordPress, bạn sẽ thoát khỏi vấn đề về sự thống trị của các email SPAM trong hộp thư của mình.
  • Tính đầy đủ của thông tin - khi gửi thư, không phải lúc nào mọi người cũng gửi tất cả thông tin mà bạn cần. Với biểu mẫu liên hệ, bạn quyết định những trường nào bạn cần để giúp người dùng gửi email cho bạn dễ dàng hơn (tên, email, số điện thoại, nhận xét, v.v.).
  • Tiết kiệm thời gian - mẫu phản hồi Liên kết WordPress sẽ giúp bạn tiết kiệm thời gian. Ngoài tính đầy đủ của thông tin mà bạn yêu cầu từ người dùng và họ sẽ gửi cho bạn, bạn cũng có thể cho biết điều gì đang chờ bước tiếp theo, chẳng hạn như "Đơn đăng ký của bạn sẽ được xem xét trong vòng 24 giờ" hoặc Xem video và nhiều điều bổ ích khác.

Dưới đây là một ví dụ về biểu mẫu liên hệ mà chúng ta sẽ tạo trong hướng dẫn này.

Hãy bắt đầu, các quý ông.

Bước 1: Chọn plugin biểu mẫu liên hệ WordPress tốt nhất

Trên bước này chúng ta cần quyết định lựa chọn plugin hình thức phù hợp. Có rất nhiều trong số chúng, cả miễn phí và trả phí. Trong hướng dẫn này, tôi sẽ cho bạn biết về các plugin khác nhau để bạn có sự lựa chọn phong phú. Trong trường hợp đầu tiên, plugin WPForms sẽ tham gia.

Dưới đây là những lý do tại sao WPForms là plugin phản hồi tốt nhất:

  1. Đầu tiên, đây là plugin thân thiện với người mới bắt đầu nhất. Chỉ cần kéo và thả các khối cần thiết, bạn có thể tạo biểu mẫu liên hệ chỉ bằng vài cú nhấp chuột.
  2. WPForms Lite hoàn toàn miễn phí.
  3. Khi bạn đã sẵn sàng cho chức năng mạnh mẽ hơn và nếu nó thực sự quan trọng với bạn, thì bạn có thể nâng cấp lên phiên bản Pro.

Chà, nếu những lý do này là đủ và tôi đã thuyết phục được bạn, thì chúng ta sẽ tiếp tục.

Bước 2: Cài đặt Plugin biểu mẫu liên hệ WordPress

Đối với hướng dẫn này, chúng tôi đang sử dụng phiên bản Lite vì nó miễn phí và dễ sử dụng. Bạn có thể cài đặt nó bằng cách đăng nhập vào blog và vào Plugins - Add New.

Trong thanh tìm kiếm, chúng tôi gõ tên plugin của mình và nhấp vào Cài đặt ngay (Install now).

Sau khi cài đặt plugin, hãy chắc chắn rằng bạn kích hoạt nó. Điều này được hiển thị ở đây:

Bước 3: Tạo biểu mẫu liên hệ trong WordPress

Vì vậy, sau khi hoàn tất thành công việc kích hoạt plugin, đã đến lúc tạo biểu mẫu phản hồi của chúng tôi. Để thực hiện việc này, trong bảng quản trị blog, nhấp vào tab Menu WPForms và đi đến Thêm mới.

Thao tác này sẽ mở trình tạo Wpforms, nơi bạn có thể chỉ cần kéo và thả các khối bạn cần để tạo biểu mẫu liên hệ WordPress. Có hai mẫu dựng sẵn trong phiên bản Lite miễn phí (dạng trống và dạng đơn giản). Bạn có thể sử dụng chúng cùng nhau để tạo ra thứ bạn cần và thuận tiện cho bạn. Trong ví dụ này, chúng tôi đã chọn tùy chọn thứ hai cho bạn, tức là một biểu mẫu liên hệ đơn giản. Chúng tôi sẽ thêm tên, Email và trường văn bản vào đó.

Bạn có thể nhấp vào từng trường để chỉnh sửa nó. Bạn cũng có thể sử dụng chuột để kéo và thay đổi thứ tự của các trường biểu mẫu.

Nếu bạn muốn thêm trường mới, chỉ cần chọn trường bạn cần từ danh sách bên trái và kéo trường đó vào không gian làm việc.

Khi hoàn tất, chỉ cần nhấp vào nút Lưu.

Bước 4: Thiết lập thông báo và xác nhận

Khi bạn đã tạo thành công biểu mẫu liên hệ WordPress, điều rất quan trọng là thiết lập biểu mẫu xác nhận và thông báo của bạn một cách chính xác.

Biểu mẫu xác nhận là những gì người dùng của bạn nhìn thấy khi họ gửi cho bạn một vé từ biểu mẫu. Nó có thể là một tin nhắn cảm ơn hoặc bạn có thể chuyển hướng họ đến một trang đặc biệt khác.

Mẫu thông báo là những tin nhắn bạn nhận được khi nhận được một ứng dụng mới hoặc thư điện tử từ trang web WordPress của bạn.

Bạn có thể tùy chỉnh cả hai trường này bằng cách đi tới Cài đặt bên trong Plugin Trình tạo biểu mẫu WPForms.

Theo mặc định, chúng tôi đã không đặt liên lạc và để lại trường Biểu mẫu xác nhận với thông báo “Cảm ơn bạn đã liên hệ”. Tuy nhiên, bạn có thể thay đổi nó thành một văn bản khác hoặc chuyển hướng người dùng đến một trang riêng.

Điều tốt nhất về plugin này là cài đặt mặc định hoàn hảo cho người mới bắt đầu. Họ không cần phải suy nghĩ về những gì cần làm hoặc những gì cần thay đổi. Mọi thứ đều rất trực quan và đơn giản. Khi bạn chuyển đến cài đặt thông báo, tất cả các trường sẽ được điền sẵn động.

Theo mặc định, thông báo được gửi đến thư mà bạn đã chỉ định trong cài đặt. Nếu muốn thay đổi đích gửi thông báo, bạn cũng có thể dễ dàng thay đổi. Nếu bạn muốn chỉ định một số địa chỉ thư (được chỉ định cách nhau bằng dấu phẩy), thì hãy cầm thẻ trong tay, như họ nói 🙂

Trường chủ đề Email sẽ được tự động điền tên biểu mẫu của bạn. Trường tên sẽ được lấy từ tên người dùng (tên của bạn). Khi bạn trả lời email, nó sẽ chuyển đến email có tên của người dùng đã điền vào biểu mẫu liên hệ.

Bước 5: Thêm biểu mẫu liên hệ WordPress vào trang

Ở bước này, khi bạn đã xây dựng và định cấu hình biểu mẫu phản hồi, bạn cần tạo một trang Liên hệ riêng cho nó, nơi bạn có thể đặt nó. Bạn có thể tạo một trang mới hoặc chỉnh sửa một trang hiện có mà bạn có thể thêm trang đó vào.

Chúng tôi sẽ sử dụng một mã ngắn đơn giản để chèn một biểu mẫu vào một trang. Chỉ cần nhấp vào nút "Thêm biểu mẫu" và chọn tên biểu mẫu của bạn để chèn nó vào trang.

Khỏe. Bây giờ hãy lưu trang và mở bản xem trước để xem các thay đổi.

Đây là hình thức sẽ trông như thế nào wordpress đơn giản trang:

Nếu bạn chỉ muốn thêm một biểu mẫu vào một trang thì xin chúc mừng. Tất cả các bước được thực hiện thành công. Nếu bạn muốn thêm nó làm tiện ích thanh bên, hãy tiếp tục bên dưới.

Bước 6: Thêm Biểu mẫu liên hệ WordPress vào Thanh bên

Plugin WPForms đi kèm với tiện ích biểu mẫu liên hệ tích hợp mà bạn có thể thêm vào thanh bên hoặc bất kỳ khu vực nào khác trên trang web (như chân trang).

Để làm điều này, chúng ta cần vào phần Giao diện-> Widget. Ở đó, bạn sẽ thấy tiện ích plugin biểu mẫu được cài đặt sẵn ở phía bên trái. Chỉ cần lấy nó và đặt thứ tự hiển thị theo cách kéo và thả thông thường khu vực mong muốn trong thanh bên.

Bước tiếp theo là chỉ định tên của tiện ích và lưu. Truy cập trang web và xem kết quả.

Điều này hoàn thành việc xem xét plugin biểu mẫu liên hệ WPForms của chúng tôi. Tuy nhiên, đặc biệt dành cho bạn, tôi đã chuẩn bị một bài đánh giá khác về một plugin miễn phí, nhờ đó chúng ta có thể tạo biểu mẫu phản hồi bật lên và tất cả các tính năng tương tự như trong phần trước. Nó được gọi là Mẫu liên hệ 7. Nó thực sự rất mạnh mẽ và con át chủ bài của nó là nó HOÀN TOÀN MIỄN PHÍ!

Nó cũng có thể được thực hiện phản hồi nhanh, tức là biểu mẫu phản hồi sẽ thích ứng với kích thước màn hình của thiết bị của bạn.

Vì vậy, chỉ trong trường hợp, để cho bạn biết chúng là gì.

Cách tạo biểu mẫu liên hệ với Contact Form 7

Chúng tôi tiếp tục tìm hiểu vấn đề tạo biểu mẫu nhận đơn đăng ký từ trang web của bạn. Trước mắt, chúng ta có một plugin biểu mẫu liên hệ WordPress khác có tên là Biểu mẫu liên hệ 7. Hãy cài đặt nó trên blog của chúng ta và kích hoạt nó khi chúng ta có thể làm được.

Nó đã được cài đặt trên trang web của tôi, không phải trên blog này. Thủ tục là tiêu chuẩn. Bây giờ chúng ta cần vào trang quản trị blog và tạo hình thức mới, sẽ thu thập các ứng dụng và thông tin hữu ích khác cho chúng tôi. Vào phần “Mẫu liên hệ 7” -> Thêm mới.

Khỏe! Bây giờ hãy đặt cho nó một cái tên thích hợp, trong trường hợp của tôi, có rất nhiều biểu mẫu liên hệ này. Hãy chọn một ví dụ, "Mẫu đơn đặt hàng để quảng bá trang web"

Nói ngắn gọn với bạn những gì chúng tôi cần ở đây. Trước hết, chúng ta cần quyết định có bao nhiêu trường biểu mẫu mà chúng ta muốn tạo. Tôi sẽ nói ngay rằng bạn không cần phải thực hiện 100500 trường và điều đó thật vô nghĩa, vì lý do đơn giản là mọi người sẽ đóng trang web của bạn và không rời khỏi ứng dụng. Họ cần làm cho bước này dễ dàng hơn. Đó là, nếu bạn nghĩ về nó, thì chúng ta cần từ một người:

  1. Tên của anh ấy để giải quyết (địa chỉ cá nhân)
  2. Địa chỉ email (phản hồi nơi gửi cho anh ấy một đề nghị)
  3. Một số điện thoại để gọi ngay lập tức (nếu điều này xảy ra nhanh chóng, dù sao anh ta cũng sẽ trở thành khách hàng của bạn)
  4. Nút "Gửi" thực tế

Đây là dữ liệu chính, bạn đã có thể tìm hiểu những dữ liệu khác trong quá trình trao đổi thư từ hoặc nói chuyện qua điện thoại. Nó có logic không? Tôi nghĩ là có. Chung ta se đi tiêp.

Tạo các trường biểu mẫu liên hệ trong Plugin biểu mẫu liên hệ 7

Vì vậy, chúng tôi đã quyết định về số lượng trường, bây giờ chúng tôi cần tạo các trường này. Các tab sau đây có sẵn cho chúng tôi:

  • Văn bản (Bất kỳ trường văn bản nào, chẳng hạn như "Tên", "Đặt câu hỏi" hoặc bất kỳ tên nào khác mà bạn sẽ thu thập thông qua trường này)
  • Email (chỉ có một mục đích để người dùng nhập)
  • URL (địa chỉ trang web sẽ được nhập vào trường này, các giá trị khác không được chấp nhận, sẽ tạo ra lỗi)
  • ĐT (trường có số điện thoạiđối với biểu mẫu liên hệ WordPress của chúng tôi, các giá trị số được cho phép, văn bản sẽ báo lỗi)
  • Số (Phạm vi giá trị số, có thể được áp dụng, ví dụ: cho giá: "bạn sẵn sàng trả bao nhiêu cho trang web? Từ 23.000 đến 120.000 rúp")
  • Ngày (Cho biết ngày, từ ngày mấy đến ngày mấy. Ví dụ: “Đặt xe từ 13/04/2016 đến 25/04/2016”)
  • Vùng văn bản (Vùng văn bản, tại đây bạn có thể nhập văn bản dưới dạng nhận xét)
  • Drop-Down Menu (Danh sách thả xuống). Thực hiện trên blog của tôi, bạn có thể thấy. Ở cuối mỗi bài viết, tôi khuyên người dùng nên tạo một trang web đơn giản hoặc một cửa hàng trực tuyến. Đó chính xác là những gì tùy chọn này cung cấp.
  • Hộp kiểm (trắc nghiệm, ví dụ: Trang web + Tạo biểu tượng + Quảng cáo + Quảng cáo theo ngữ cảnh)
  • Các nút radio (Lựa chọn một mục, ví dụ: “Bạn đặt hàng hoặc quảng cáo theo ngữ cảnh hoặc nhắm mục tiêu)
  • Chấp nhận (Chấp nhận các điều khoản của thỏa thuận, tức là thông tin người dùng, như ưu đãi công khai)
  • Câu đố (Câu đố - một loạt câu hỏi ngắn, cũng có thể được chèn vào biểu mẫu liên hệ).
  • reCaptcha (Xác nhận rằng bạn không phải là người máy và sẽ không gửi thư rác.) bảo vệ tốt từ SPAM. Lưu ý: tùy chọn này hoạt động nếu bạn đã bật plugin Really Simple Captcha.
  • Tệp (Nếu bạn muốn cho phép người dùng tải tệp lên cho mình, ví dụ: "Đính kèm TK để phát triển trang web").
  • Submit (Gửi dữ liệu vào mail)

Vì vậy, chúng tôi đã quyết định về các lĩnh vực, bạn cũng biết ý nghĩa của từng lĩnh vực. Hãy bắt đầu xây dựng biểu mẫu liên hệ WordPress của chúng tôi.

Trong ví dụ dưới đây, tôi đã sử dụng 2 trường: Tên, Email. Theo đó, bạn sẽ cần các tab sau:

Bằng cách nhấp vào tab văn bản (Văn bản), chúng tôi đến hộp thoại:

Ở đây chúng ta cần nhấp vào hộp kiểm Loại trường - Bắt buộc. Nó được tạo ra để nếu người dùng không nhập tên vào đó thì sẽ không thể gửi đơn cho bạn, sẽ xảy ra lỗi gửi không phải tất cả các trường đều được điền chính xác.

Sau đó, bạn sẽ thấy một mã ngắn để chèn trường này và bên cạnh nó là nút "Chèn thẻ" màu xanh lam. Thao tác này sẽ thêm một trường biểu mẫu liên hệ mới.

Để bạn không bị nhầm lẫn, tôi đã đánh dấu nó bằng một phong cách. Mã dưới đây:

< div class = "col-md-4" > < label class = "sr-only" >Họ và tên< / label >[ text* text - 658 class : form - control placeholder "(!LANG:Tên của bạn" ] !}< / div >

Và đây là ảnh chụp màn hình:

Chúng tôi thực hiện thao tác tương tự cho trường "Email". Chúng tôi nhấp vào tab tương ứng và chúng tôi đến đây trong một hộp thoại như vậy.

Hoàn toàn không khác với lần trước, chúng tôi chỉ lặp lại hành động của mình với bạn. Trường email của tôi cũng có một phong cách. Tôi đang đưa ra mã dưới đây:

< div class = "col-md-4" > < label class = "sr-only" >Email đầy đủ< / label >[ email* email - 447 class : form - control placeholder "(!LANG:Email của bạn" ] !}< / div >

Và đây là ảnh chụp màn hình:

Và cuối cùng là nút “Submit” (Gửi dữ liệu). Tất cả đều theo phong cách của tôi.

< div class = "col-md-4" >[ gửi lớp : btn - lớp phẳng : col - xs - 12 "Đặt hàng" ]< / div >

< / div >

Lưu ý quan trọng: Các bạn thân mến, trong ví dụ này, tôi đang sử dụng các kiểu phản hồi để tạo biểu mẫu liên hệ trong WordPress, tức là nó có thể có dạng ở bất kỳ kích thước màn hình nào.

Bạn sẽ thấy nút ở góc trên bên phải. Bạn chắc chắn sẽ không bỏ lỡ. 🙂

Chúng tôi đã hoàn thành một số công việc, bây giờ chúng tôi đang chuyển sang bước tiếp theo.

Thiết lập địa chỉ email để nhận hồ sơ

Ở bước này, chúng ta cần thực hiện một số cài đặt để các chữ cái được gửi đến hộp thư của chúng ta. Làm thế nào để đạt được điều này tôi sẽ mô tả dưới đây.

Chúng ta cần nhấp vào tab "Thư" lớn. Nó sẽ là cái thứ hai sau Mẫu biểu mẫu.

Điều đầu tiên bạn sẽ thấy là các thẻ của bạn mà bạn đã thêm, chúng tôi cần chèn chúng vào phần thân của bức thư, chúng sẽ thay thế dữ liệu mà người dùng nhập từ biểu mẫu. Tôi nghĩ rằng tôi đã giải thích nó tốt.

Bây giờ cho các lĩnh vực:

  • Đến (Đơn sẽ được gửi đến đâu, trong trường hợp của tôi, đây là địa chỉ thư của tôi, bạn có thể chỉ định một số địa chỉ để gửi đơn)
  • Từ (Trường từ, tức là giá trị sẽ được thay thế khi ứng dụng đến từ trang studio của tôi)
  • Chủ đề (Nó được sử dụng để xác định ứng dụng đến từ biểu mẫu nào, trong trường hợp của chúng tôi, đó là ứng dụng từ biểu mẫu quảng cáo trang web).
  • Tiêu đề bổ sung (Tiêu đề bổ sung, chúng tôi không chạm vào chúng, chúng cần thiết để gửi biểu mẫu chính xác)
  • Nội dung thư (Nội dung thư, ở đây bạn cho biết bức thư đến từ ai và từ địa chỉ nào, ví dụ: “Từ: Ivan” “Địa chỉ thư: vasya@ mail . vi »)
  • Tệp đính kèm (Tệp đính kèm vào tệp, không chạm vào)

Bây giờ chúng ta cần thiết lập thông báo về việc gửi email thành công hoặc không thành công từ biểu mẫu liên hệ WordPress.

Đây sẽ là những thông báo sẽ được hiển thị cho người dùng để phản hồi lại hành động của họ với biểu mẫu. Theo mặc định, họ đi đến ngôn ngữ tiếng anh. Tôi đã thực hiện một bản dịch sang tiếng Nga cần thiết nhất cho bạn. Sẽ có quá nhiều trong số chúng, và nếu không, thì Google dịch sẽ giúp bạn. Vậy hãy bắt đầu.

  • Khi gửi tin nhắn thành công: “Tin nhắn của bạn đã được gửi thành công. Cảm ơn."
  • Khi gửi tin nhắn không chính xác từ biểu mẫu: “Đã xảy ra lỗi khi gửi tin nhắn. Vui lòng thử lại sau hoặc liên hệ với quản trị viên trang."
  • Lỗi điền: "Lỗi điền. Vui lòng kiểm tra tất cả các trường và gửi lại."
  • Dữ liệu đã gửi được xác định là thư rác: “Lỗi khi gửi tin nhắn. Vui lòng thử lại sau hoặc liên hệ với quản trị viên trang."
  • Một số điều kiện phải được chấp nhận: "Hãy chấp nhận các điều kiện để tiếp tục."
  • Một số trường phải được hoàn thành: "Vui lòng điền vào trường bắt buộc."
  • Đã vượt quá độ dài của các ký tự trong trường: "Đã chỉ định quá nhiều dữ liệu."
  • Độ dài ký tự không đủ trong trường: "Đã chỉ định quá ít dữ liệu."
  • Định dạng ngày không hợp lệ: "Định dạng ngày không hợp lệ."
  • Ngày sớm trong giới hạn tối thiểu: "Ngày được chỉ định quá sớm."
  • Ngày muộn trong giới hạn tối đa: "Ngày được chỉ định là quá muộn."
  • Tệp tải lên không thành công: "Tải tệp lên không thành công."
  • Loại tệp không được phép: "Loại tệp này không được phép."
  • Đang tải quá tập tin lớn: "Tệp này quá lớn."
  • Tệp tải lên không thành công do lỗi PHP: "Tải tệp lên không thành công. Một lỗi đã xảy ra."
  • Định dạng số do người gửi nhập không chính xác: "Định dạng số không hợp lệ."
  • Số nhỏ hơn giới hạn tối thiểu: "Số này quá thấp."
  • Số lớn hơn giới hạn tối đa: "Số này quá lớn."
  • Người gửi không nhập câu trả lời đúng cho câu hỏi: "Bạn đã nhập câu trả lời không chính xác."
  • Địa chỉ email do người gửi nhập không chính xác: "E-mail không hợp lệ."
  • URL do người gửi nhập không hợp lệ: "URL không hợp lệ."
  • Số điện thoại người gửi nhập không chính xác: " số không hợp lệđiện thoại."

Rất tốt. Chúng ta đã thiết lập xong biểu mẫu, bây giờ chúng ta cần chèn nó vào trang web. Để thực hiện việc này, sử dụng công nghệ đã biết, hãy truy cập trang hiện có hoặc tạo trang mới. Trong ví dụ của tôi, tôi sẽ chỉ cho bạn một ví dụ về một biểu mẫu hiện có trên một trang của trang web WordPress.

Vì biểu mẫu của chúng tôi thu thập các ứng dụng để quảng cáo trang web, hãy chuyển đến một trang tương tự.

Để chèn biểu mẫu liên hệ của chúng tôi, chúng tôi cần sao chép mã ngắn được plugin gán cho nó. Nó có sẵn dưới tên của hình thức của bạn.

Sao chép và dán vào trang của chúng tôi, sau khi đi đến soạn thảo văn bản(không trực quan). Hiển thị trong ảnh chụp màn hình bên dưới:

Hãy lưu trang của chúng tôi và xem điều gì sẽ xảy ra cuối cùng trong trình duyệt:

Siêu! Bây giờ hãy thử gửi biểu mẫu mà không cần điền vào. Và đây là những gì chúng ta sẽ thấy.

Đã xảy ra lỗi khi gửi biểu mẫu do người dùng không cung cấp dữ liệu bắt buộc trong các trường. Bây giờ, hãy nhập dữ liệu chính xác và xem những gì chúng tôi nhận được trong trường hợp này.

Chúng tôi nhấn gửi và đây là những gì biểu mẫu của chúng tôi viết:

Bây giờ hãy xem ứng dụng của chúng ta trông như thế nào. Họ đến hộp thư của tôi. Kiểm tra giao hàng:

Hãy vào bên trong để đảm bảo mã hóa và tất cả dữ liệu đều chính xác.

Mọi thứ đều ổn. Biểu mẫu hoạt động bình thường và gửi dữ liệu. Bây giờ chúng tôi có thể thu thập các ứng dụng sẽ đến với bạn khi bạn tham gia, nếu chúng ta đang nói về quảng cáo trong khu vực.

Vì vậy, chúng tôi đã hướng dẫn cách tạo biểu mẫu liên hệ trên WordPress trên một trang web. Bây giờ tôi sẽ cho bạn biết làm thế nào để làm biểu mẫu phản hồi thích ứng bật lên bằng cách sử dụng plugin Mẫu liên hệ 7 của chúng tôi.

Tạo biểu mẫu liên hệ đáp ứng bật lên trong WordPress

Để biểu mẫu của chúng ta trở nên thích ứng, tức là "cao su", chúng ta cần kết nối một plugin khác, hay đúng hơn là phần bổ sung của nó vào Biểu mẫu liên hệ 7 - nó được gọi là Biểu mẫu liên hệ Bootstrap 7. Cài đặt và chỉ cần kích hoạt nó là xong - nó hoạt động. Bạn không cần thực hiện bất kỳ cài đặt nào với nó. Đặt và quên.

Trong bước tiếp theo, tôi sẽ cho bạn biết những thay đổi cần thực hiện để làm cho biểu mẫu của chúng ta bật lên và phản hồi nhanh. Tôi đã thực hiện một triển khai tương tự trên trang chính của trang studio của mình. Để thực hiện việc này, hãy chuyển đến mẫu index.php, nằm trong phần "Giao diện - Trình chỉnh sửa". Chúng tôi sẽ chỉ làm việc với mã theo cách thủ công.

Biểu mẫu bật lên của chúng tôi sẽ được hiển thị trong hộp thoại phương thức như thế này:

Để đạt được kết quả này, bạn sẽ cần đoạn mã sau, tôi sẽ trình bày toàn bộ mã đó trong một đoạn trích:

để đặt hàng

< a href = "#" class = "btn btn-primary btn-flat" data - toggle = "modal" data - target = "#modal2" >để đặt hàng< / a >

< ! -- Modal -- >

< div class = "modal contact-modal fade" tabindex = "-1" id = "modal2" role = "dialog" aria - labelledby = "myModalLabel" aria - hidden = "true" >

< div class = "modal-dialog" >

< div class = "modal-content" >

< div class = "modal-header" >

< button type = "button" class = "close" data - dismiss = "modal" > < span aria - hidden = "true" >&lần;< / span > < span class = "sr-only" >đóng lại< / span > < / button >

< h4 class = "modal-title black" id = "myModalLabel" >Gửi đơn đăng ký của bạn< / h4 >

< / div >

Lời chào hỏi! Ngày nay, Internet đang phát triển nhanh chóng theo hướng phản hồi giữa chủ sở hữu trang web và khách hàng. Phao cứu sinh ở đây là một hình thức giao tiếp đặc biệt. Đó là lý do tại sao mục tiêu của tôi là giúp bạn chọn một plugin phản hồi cho wordpress.

Tại sao chúng ta cần một mẫu phản hồi

Hiện tại, thật khó để chúng ta tưởng tượng rằng trước đây chúng ta phải sao chép hoặc nhập địa chỉ e-mail theo cách thủ công, viết thư cho người bán từ e-mail của mình và chờ phản hồi trong một thời gian dài. Thật vậy, trong khoảng thời gian này, trong khi khách hàng truy cập thư và viết thư, anh ta có thể làm mất hoặc quên url được yêu cầu, quên chính câu hỏi và nhiều điều khác có thể xảy ra. Và đối với chủ sở hữu, khách hàng có thể bị mất trong tình huống này. bạn có hiểu vấn đề không?

phát triển hiện đại các lập trình viên, chẳng hạn như biểu mẫu phản hồi, tích cực giúp chủ sở hữu tài nguyên thương mại không bỏ lỡ một khách hàng nào và cho phép người dùng Internet tiết kiệm thời gian của họ và thỏa mãn nhu cầu của họ, mua hàng.

Nơi tìm các mẫu hoặc khoảng trống làm sẵn

Mỗi khi một trang hoặc trang mới được tạo, quản trị viên web phải chọn nhiều nhất plugin tốt nhất biểu mẫu liên hệ wordpress. Bởi vì không phải lúc nào khách hàng cũng có thể thích một hình thức đơn giản và chuẩn mực. Đôi khi bạn thậm chí cần nhiều thứ khác nhau cùng một lúc trên một trang.

Mẫu phản hồi là một trong những bộ phận quan trọng trang web wordpress. Không có nó, cơ hội để luôn giữ liên lạc với du khách và khách hàng sẽ bị bỏ lỡ. Ngoài ra, không có kem dưỡng da này, khả năng mất khách hàng tiềm năng.

Các plugin WordPress phổ biến do chúng những lợi ích: các bản cập nhật liên tục được phát hành cho phép bạn phát triển trang web một cách nhanh chóng và hiệu quả. Một ứng dụng như vậy giúp dễ dàng thêm biểu mẫu liên hệ vào trang web, cũng như khả năng tạo biểu mẫu bật lên, biểu mẫu có đếm ngược hoặc yêu cầu cuộc gọi.

Trong bài viết này, tôi muốn giới thiệu với các bạn những ứng dụng phổ biến và hiện đại nhất. mới lạ:

  1. mẫu liên hệ 7
  2. Liên hệ an toàn nhanh chóng từ.
  3. Mẫu liên hệ của Liên hệ với tôi
  4. FormCraft
  5. Trình tạo biểu mẫu trực quan
  6. NForms
  7. các dạng trọng lực
  8. Hình thức Ninja
  9. ninja đá

Tôi sẽ cố gắng đưa ra một mô tả ngắn gọn về các plugin phổ biến này để bạn có thể chọn một plugin phù hợp với mình.

mẫu liên hệ 7

Cf7 là plugin WordPress phổ biến nhất hiện nay.


Những lợi ích
anh ấy có:

  1. AJAX gửi tin nhắn.
  2. Hình ảnh xác thực tích hợp.
  3. Bộ lọc thư rác đặc biệt.
  4. Cho phép bạn tải lên các tập tin.

Sự phát triển này hoàn toàn miễn phí và dễ dàng tùy chỉnh cho các nhu cầu khác nhau bằng cách sử dụng html. sử dụng mã đặc biệt, chỉ bao gồm một dòng, bạn có thể đặt biểu mẫu liên hệ đã tạo ở bất kỳ đâu trên trang.

Plugin này, mặc dù phổ biến, nhưng không phải là không có sai sót. Một trong số đó là nhược điểm mẫu làm sẵn. Nếu bạn cần thay đổi thiết kế, bạn sẽ phải thực hiện bằng CSS.

Liên hệ an toàn nhanh chóng từ

Fast Secure Contact From là một sự phát triển phi tiêu chuẩn rất phổ biến. Nó chủ yếu được sử dụng bởi chủ sở hữu blog để tạo và thêm biểu mẫu liên hệ vào trang web của họ.

Hàm tạo này có phần quản trị mà bạn có thể tạo số lượng biểu mẫu không giới hạn. Sử dụng hình ảnh xác thực và bảo vệ đặc biệt, người xây dựng có thể chặn các cuộc tấn công dựa trên chiến thuật của những kẻ gửi thư rác.

Khía cạnh tích cực plugin là:

  1. Không thể đăng ký hồ sơ người dùng thông thường.
  2. Cung cấp khả năng lập lịch trình, họp trực tuyến.
  3. Hỗ trợ nhiều địa chỉ email.

Điểm bất lợi là sự vắng mặt giao diện đơn giản, nhưng nhược điểm này không đáng kể và các nhà phát triển hàm tạo đang nỗ lực để loại bỏ nó.

Mẫu liên hệ của Liên hệ với tôi

Biểu mẫu liên hệ của Liên hệ ME là một nhà xây dựng giá cả phải chăng có trong kho vũ khí của nó bộ tiêu chuẩn chức năng chính. Nó chỉ hoạt động sau khi đăng ký trên trang web. Thủ tục này đơn giản và miễn phí. Các nhà phát triển cho rằng nó tốt hơn các plugin phổ biến khác, thậm chí cả CF7.

Hàm tạo này có nhiều chức năng hữu ích:

  1. Gửi thông báo trực tiếp đến email và điện thoại.
  2. Cho phép bạn thêm tập lệnh vào biểu mẫu.
  3. Hỗ trợ logo cho thẻ, chi tiết công ty và liên kết mạng xã hội, v.v.

Đẩy lùi chủ sở hữu tài nguyên web ở mức độ lớn hơn khỏi việc sử dụng sự phát triển như vậy, chỉ có sự hiện diện của đăng ký trên trang Liên hệ với tôi.

FormCraft

Plugin FormCraft ban đầu chỉ được tạo và duy trì dưới dạng một ứng dụng cao cấp. Cách đây không lâu, những người tạo ra nó cũng đã tạo ra một phiên bản miễn phí - FromBuilder, dành cho mọi người dùng Internet.

Nó hỗ trợ xây dựng các biểu mẫu khác nhau trong trình chỉnh sửa tích hợp sẵn. Nó có ít tính năng hơn so với phiên bản cao cấp, có logic kịch bản, tự động lưu và nhiều trường tùy chỉnh. Tuy nhiên, nó được công nhận là một trong những ứng dụng tốt nhất hiện nay (cả phiên bản miễn phí và cao cấp của ứng dụng được đề cập).

Trình tạo biểu mẫu trực quan

Một Trình tạo biểu mẫu trực quan khác là một sự phát triển cho phép bạn tạo và kiểm soát tất cả các biểu mẫu từ một nơi. Chỉ với một cú nhấp chuột, bạn có thể quản lý các trường, chống thư rác và sắp xếp lại các biểu mẫu đã tạo trước đó. Nghe có vẻ hấp dẫn phải không?

Ưu điểm của plugin này là:

  • Khả năng thay đổi thứ tự các phần tử bằng cách kéo và thả.
  • Khả năng xuất dữ liệu sang tệp csv.
  • Gửi tin nhắn xác nhận được kiểm soát.
  • Khả năng chỉ định nhiều địa chỉ url.

Và chỉ có một điểm trừ - nếu bạn có một trang web rất lớn, thì tốt hơn là sử dụng một plugin khác, vì plugin này lưu trữ tất cả dữ liệu biểu mẫu trong cơ sở dữ liệu WordPress của bạn. Và điều này có thể làm giảm đáng kể hiệu suất và khả năng mở của nó. Đối với tôi, dường như bạn hiểu hậu quả của việc quá tải ( tải lâu, giảm số lượt xem, v.v.).

nForms

nForms giống như một mẫu khá đơn giản, với gửi Ajax. Biểu mẫu đã tạo sẽ được hiển thị bằng một mã ngắn hoặc tiện ích con đặc biệt. Đây là một tùy chọn khá thú vị, nhưng không phù hợp với mọi trang web (bạn cần so sánh kết quả với bố cục của mình). Ứng dụng này cung cấp cho bạn nhiều hơn là một biểu mẫu liên hệ. Quan tâm đến? Sau đó tiến hành một thử nghiệm, có lẽ hình thức này sẽ trở thành một loại tính năng trên trang web của bạn.

các dạng trọng lực

Gravity Forms là nhiều nhất Giải pháp hoàn chỉnhđể tạo một mẫu phản hồi trên trang web. Nhiều người coi nó là tiên tiến nhất cho WordPress. Sự phát triển như vậy có trình chỉnh sửa trực quan chất lượng cao cho phép bạn tạo các biến thể phức tạp. Và một chức năng cũng được tích hợp vào hàm tạo giúp sử dụng các phát triển dài và nhúng chúng dễ dàng hơn một số lượng lớn trang.

Ngoài ra, hàm tạo có một chỉ báo điền thông báo cho bạn mức độ đầy đủ của biểu mẫu. Nó có thể được gọi là lợi thế không thể chối cãi:

  1. Sự hiện diện của các chức năng không có sẵn trong các nhà thiết kế khác (máy tính của khách truy cập trong thời gian thực, tạo biểu mẫu đặt hàng).
  2. Sự hiện diện của các trường, trang hoặc phần phụ thuộc.
  3. Bạn có thể chọn một nút gửi.

Nhưng nhược điểm duy nhất là chi phí cao của plugin. Nhưng đây là một điểm trừ rất gây tranh cãi, bởi vì ứng dụng có thể cung cấp nhiều hơn một chút so với biểu mẫu liên hệ thông thường. Đó không phải là những gì bạn cần?

Biểu mẫu liên hệ được ánh xạ Pro WordPress

Tiện ích bổ sung Liên hệ đã ánh xạ sử dụng quy trình được sửa đổi một chút để hiển thị biểu mẫu trên trang web. Cái này Giải pháp hoàn hảocông ty lớn hoặc một mạng lưới các công ty, bởi vì nó có thể chỉ ra các chi nhánh trên bản đồ Google. Nó chỉ ra rằng điều này là khá plugin hữu ích, bạn có đồng ý không?

Một lợi thế quan trọng là khả năng chỉ định vị trí của từng địa điểm được xem xét trên trang web. Chỉ cần đặt shortcode (mã ngắn) trong bất kỳ bài đăng nào hoặc bất kỳ vị trí nào trên trang là đủ. Không khó để làm điều này, vì vậy bất kỳ người quan tâm nào cũng có thể xử lý thủ tục này.

Hình thức Ninja

Trong những năm gần đây, plugin Ninja Forms đã trở nên phổ biến. Trình tạo biểu mẫu này khác với phần còn lại ở sức mạnh và sự hiện diện của trình chỉnh sửa dễ hiểu nhất, được ưu tiên sử dụng trong các plugin trả phí. Khi sử dụng nó, bạn sẽ có thể xây dựng biểu mẫu độc đáo của riêng mình bằng cách kéo và định cấu hình các khối. Tất cả các trường được tạo bằng bất kỳ ngôn ngữ nào đã chọn, bao gồm cả tiếng Nga.

Các khía cạnh tích cực của sự phát triển này có thể được gọi là:

  1. Đầy đủ chức năng rộng rãi.
  2. Sự hiện diện của một công tắc thuận tiện để xem trước và thử nghiệm các thiết kế.

Mặt tiêu cực sẽ là:

  • số lượng lớn cài đặt có thể gây nhầm lẫn cho người dùng mới làm quen.
  • sự hiện diện của các mô-đun cao cấp có thể được kết nối riêng (chẳng hạn như nhận thanh toán, danh sách gửi thư).

ninja đá

Ninja Kick - nhất giải pháp bất thường trên hết, khác ở chỗ nó hiển thị một bảng điều khiển riêng với các mặt khác nhauĐịa điểm. Trong chức năng của nó có nhiều cài đặt, hầu hết đều nhằm mục đích điều chỉnh xuất hiện các hình thức. Các cài đặt cho lề rất nhỏ và điều này hơi khó chịu đối với người dùng Internet.

Plugin này rất thú vị và độc đáo, nhưng hầu như không phù hợp với một trang web nghiêm túc. Nó thường được sử dụng bởi chủ sở hữu cổng thông tin giải trí hoặc các blogger.

Ở đây chúng tôi đã xem xét tiện ích khác nhauđể tạo biểu mẫu quay lại WordPress và đi đến kết luận rằng đối với Những tình huống khác nhau, trang web và mục tiêu bạn có thể chọn plugin của mình. Như họ nói: "Sẽ có một mong muốn, nhưng phần còn lại sẽ được tìm thấy."

Hướng dẫn từng bước để tạo biểu mẫu phản hồi

Bây giờ hãy xem cách các biểu mẫu này được tạo bằng ứng dụng CF7 làm ví dụ:


Nếu bạn cần kết thúc hoặc thay đổi các trường, hãy tìm danh sách có tên "Tạo thẻ" và chọn từ danh sách loại yêu cầu lĩnh vực. Chức năng này cho phép bạn có được một hình thức hoàn toàn phức tạp. Chức năng này giúp dễ dàng tạo ra các sản phẩm độc đáo.

  1. Sau các thao tác, bạn sẽ thấy biểu mẫu dành cho khách truy cập sẽ như thế nào. Nó sẽ đơn giản nhất và không có gì nổi bật, nhưng nếu bạn có kỹ năng lập trình cơ bản, bạn có thể chơi với các kiểu.

Vì vậy, chúng tôi đã tìm ra cách tạo biểu mẫu thông qua ứng dụng Biểu mẫu liên hệ 7. Dễ dàng phải không?

Tôi muốn nói thêm vài lời về việc bảo vệ bạn hộp thư khỏi dòng người gửi thư rác: “Để ngăn thư rác đến email của bạn, sẽ rất hữu ích nếu thêm hình ảnh xác thực vào biểu mẫu phản hồi. Nó được đặt bằng chức năng "tạo thẻ". Và để nó hoạt động, bạn sẽ cần tiện ích bổ sung CAPTCHA Thực sự Đơn giản. Khi bạn đã hoàn tất việc định cấu hình tiện ích bổ sung, bạn có thể quên đi vấn đề về thư rác.

Và cũng thông qua plugin, bạn có thể tùy chỉnh hình thức của bức thư gửi đến thư của mình. Để thực hiện việc này, bạn sẽ phải đăng ký lại vào mẫu biểu mẫu đã tạo. Trong đó, vẫn phải nhập văn bản sẽ có trong tin nhắn nhận được, cho biết tên của các trường tương ứng, hãy chắc chắn dấu ngoặc vuông! Đừng bỏ lỡ khoảnh khắc này, nếu không bạn sẽ không nhận được kết quả như ý.

Và kết luận, chúng ta có thể nói rằng biểu mẫu đã sẵn sàng, nó chỉ còn lại để chỉnh sửa các thông báo khi cần.

Đây là cách bạn có thể tạo biểu mẫu liên hệ của riêng mình trong WordPress. Đây là một quá trình khá tốn công sức, mất một khoảng thời gian kha khá. Nếu vì một lý do nào đó mà bạn không hiểu hết toàn bộ quá trình tạo hoặc chỉnh sửa, thì các dịch giả tự do sẽ đến giải cứu, bạn có thể đặt hàng thiết kế biểu mẫu cho họ. Đây là những người sẽ giúp bạn một cách riêng tư và họ không tính phí công việc cao như ở các công ty tư nhân. Tôi muốn giới thiệu cho bạn các trang web đã được chứng minh nơi các đơn đặt hàng đó được thực hiện hiệu quả và đúng hạn:

Ở cuối bài viết, chúng ta hãy tóm tắt:

  • bạn có thể thiết kế biểu mẫu phản hồi trên trang web thông qua plugin;
  • đây là cách dễ nhất và nhanh nhất.

Giờ đây, có rất nhiều plugin cho mọi sở thích và thậm chí cả ví tiền, vì vậy việc lựa chọn một plugin là tùy thuộc vào bạn. Tuy nhiên, nếu bạn không muốn tự tạo biểu mẫu, bạn có thể tìm kiếm sự trợ giúp từ các chuyên gia trong lĩnh vực của họ.

Được rồi, tạm biệt.

Trân trọng, Elena Izotova.

Khi tạo một trang web thuộc bất kỳ loại nào, điều quan trọng là đảm bảo liên hệ trực tiếp với khách truy cập. Trong trường hợp này, có thể thiết lập liên hệ với người dùng, điều này sẽ khiến họ quay lại tài nguyên của bạn nhiều lần. Hôm nay tôi muốn cho bạn biết cách tạo biểu mẫu phản hồi trong WordPress. Chúng tôi sẽ xem xét các tùy chọn có và không có plugin và bạn sẽ chọn tùy chọn phù hợp nhất với mình.

Trong bài viết này, bạn sẽ học:

Plugin phản hồi WordPress

Phần lớn tùy chọn đơn giảnđể sử dụng phản hồi trên trang web, là cài đặt plugin. Cá nhân tôi đã chọn tùy chọn này cho mình, mặc dù tôi không hoan nghênh các plugin. Trước tiên, bạn cần tải xuống plugin Contact Form 7 từ trang web chính thức của WordPress. Nó khá dễ sử dụng.

Sau khi tải xuống, hãy giải nén tệp lưu trữ và sao chép các tệp vào máy chủ trong thư mục /wp-content/plugins/. Sau khi kích hoạt plugin, hãy chuyển đến cài đặt của nó trong bảng quản trị. Mục "Liên hệ" sẽ xuất hiện ở phía bên phải của menu. Điều này có nghĩa là plugin phản hồi WordPress đã được cài đặt và đang chạy. Để cài đặt biểu mẫu CF7 tiêu chuẩn trên trang web, chỉ cần sao chép mã "biểu mẫu liên hệ" mà bạn sẽ thấy trong menu Liên hệ. Nếu bạn muốn tùy chỉnh biểu mẫu theo ý thích của mình, hãy nhấp vào liên kết "Thêm mới".

Kết quả là, một số trường sẽ xuất hiện:

  1. Tên biểu mẫu;
  2. Mẫu phản hồi;
  3. Cài đặt thư;
  4. Phiếu phản hồi bổ sung;
  5. Tin nhắn dịch vụ;
  6. Cài đặt thêm.

Điểm 2 và 4 cho phép bạn sử dụng hàm tạo cho các loại khác nhau các hình thức. Ví dụ: đây là cách bạn có thể tạo biểu mẫu liên hệ WordPress bật lên. Sau khi điền vào tất cả các trường, bạn có thể nhận được mã làm sẵn cho trang liên hệ. Thiết lập bổ sung các biểu mẫu (số 4) giúp nhận không chỉ thư gửi qua đường bưu điện mà còn, chẳng hạn như tin nhắn SMS đến điện thoại được chỉ định.

Sau khi bạn có mã biểu mẫu chuẩn hoặc phức tạp hơn, hãy dán mã đó vào trang liên hệ mà bạn đã tạo trong khu vực quản trị trang web của mình.

Ngoài ra, bạn cũng có thể dùng thử plugin Cforms, nó phức tạp hơn nhưng cũng có nhiều chức năng hơn.

Cách tạo biểu mẫu liên hệ WordPress mà không cần plugin

Hãy để tôi nhắc bạn rằng mỗi plugin mới làm phức tạp công việc công cụ WordPress, có thể làm chậm nó. Do đó, tôi sẽ chỉ cho bạn cách tạo một biểu mẫu liên hệ WordPress đẹp mắt mà không cần plugin. Tôi không khuyến khích bạn chọn tùy chọn cụ thể này, nó chỉ là một tùy chọn thay thế và tùy thuộc vào bạn. Biểu mẫu trên sẽ khá đơn giản, đây là xương sống chính, nếu muốn, bạn có thể tự điều chỉnh.

Đầu tiên bạn cần tạo tập tin riêng biệt*.php (ví dụ: contact.php hoặc mail.php). Sau khi tạo xong, tốt hơn hết bạn nên đặt nó vào thư mục có chủ đề của mẫu, sau đó có thể chỉnh sửa nó từ bảng quản trị.

Đây là mã để dán vào tệp php bạn đã tạo:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 $name \n Email: $email \n Chủ đề: $subject \n Văn bản: $body "; $send = mail($address , $subject , $message, "Loại nội dung:văn bản/đơn giản; bộ ký tự = UTF-8\r \n Từ:$email ") ; nếu ($ gửi == "true") ( tiếng vang "Cảm ơn, tin nhắn của bạn đã được gửi thành công!"; ) khác ( tiếng vang "Lỗi, tin nhắn không được gửi!"; ) ) khác ( tiếng vang "Bạn đã không điền vào tất cả các lĩnh vực, bạn cần phải quay lại!"; } ?>

Đối với blog của bạn, bạn sẽ cần thay đổi url trong dòng đầu tiên và trong dòng địa chỉ, đồng thời đặt tên tùy chọn cho các trường Tên, Chủ đề, Văn bản. Ngoài ra, tùy ý, bạn có thể thay đổi tin nhắn văn bản mà người dùng sẽ thấy sau khi gửi hoặc nếu tin nhắn không được gửi.

Sau khi bạn đã tạo tập tin cần thiết, bạn cần dán nó vào trang liên hệ.

Đối với điều này, bạn có thể sử dụng đoạn mã sau:

1 2 3 4 <h2 > Mẫu phản hồi</h2> <tên biểu mẫu = "Form1" hành động = "/wp-content/themes/lime/contact.php" phương thức="bài"> HỌ VÀ TÊN.<input class="input" name="email" type="text" style="width:31%" /> E-mail<lớp đầu vào = "đầu vào" tên = "chủ đề" loại = "văn bản" phong cách = "chiều rộng: 31%" /> Nội dung tin nhắn chủ đề:<textarea name="body" cols="1" rows="5" style="width:98%" /> </biểu mẫu>

Mẫu phản hồi

HỌ VÀ TÊN. E-mail Nội dung tin nhắn chủ đề:

Đây là điểm quan trọng nhất đúng cáchđến đó tập tin php, mà bạn đã tạo (trong trường hợp của chúng tôi, đây là contact.php). Trong mã này, theo mong muốn và sở thích của bạn, bạn có thể thay đổi tên của các trường và chiều rộng của chúng.

Nếu bạn muốn cung cấp cho biểu mẫu của mình một giao diện đặc biệt mà không cần plugin, bạn có thể sử dụng những phong cách khác tạo kiểu bằng tệp style.css.

mẫu liên hệ wordpress đẹp

Các bài viết mà tôi cho bạn biết cách tạo kiểu cho các phần tử blog bằng mã css rất phổ biến trên blog của tôi:

Bây giờ tôi sẽ chỉ cho bạn cách thiết kế một mẫu phản hồi đẹp cho WordPress.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 Đầu vào dạng .wpcf7[ type= "submit" ] ( nền : #63c6ae ; /* Màu nền nút gửi */ biên giới: 0 chiều rộng: 120px /* Chiều rộng nút gửi */ màu: #fff ; /* Màu văn bản của nút gửi */ chiều cao: 30px /* Chiều cao nút gửi */) .wpcf7-form textarea ( display : block ; margin-top : 5px ; /* phần đệm trên cùng từ trường văn bản Tin nhắn */ nền: #fff ; đường viền: 1px rắn #63c6ae ; /* đường viền trường Nội dung tin nhắn */ chiều rộng: 400px màu : #222 ; phần đệm: 10px 10px; ) .wpcf7-form input[ type= "email" ] , .wpcf7-form input[ type= "text" ] ( background : #fff ; border : 1px solid #63c6ae ; /* đường viền của trường văn bản */ chiều rộng: 400px màu : #222 ; chiều cao: 30px /*chiều cao của trường văn bản */ phần đệm: 010px /* đường viền bên trong của trường văn bản */ }

Đầu vào dạng wpcf7 ( background: #63c6ae; /* Màu nền của nút gửi*/ border: 0; width: 120px; /* Chiều rộng của nút gửi*/ color: #fff; /* Màu chữ của nút gửi*/ height:30px; /* Chiều cao của nút gửi*/ ).wpcf7-form textarea ( display: block; margin-top: 5px; /* margin-top margin-top: Message text*/ background: #fff; border: 1px solid #63c6ae; / * Văn bản tin nhắn có giới hạn lề*/ width: 400px; color: #222; padding: 10px 10px; ) Đầu vào dạng .wpcf7, đầu vào dạng .wpcf7 ( background:#fff ; border: 1px solid #63c6ae; /* văn bản viền hộp*/ width: 400px; color: #222; height:30px; /* chiều cao của trường văn bản */ padding: 0 10px; /* đường viền trong của trường văn bản */ )

Kết quả là, tôi đã nhận được điều này:

Cân nhắc sử dụng plugin Contact Form 7. Sau khi plugin được cài đặt và định cấu hình, bạn cần mở tệp style.css của chủ đề đang hoạt động và dán đoạn mã sau vào cuối:

Như bạn có thể thấy, việc tạo phản hồi trên WordPress có hoặc không có plugin không khó.

Nếu bạn cần chức năng nâng cao hơn và không muốn đi sâu vào các thủ thuật của mã, hãy sử dụng for Plugin WordPress các hình thức phản hồi. Chọn tùy chọn phù hợp nhất với bạn để liên hệ với người dùng của bạn.