Phản hồi về wordpress. Bảy cách hay để thêm biểu mẫu phản hồi vào WordPress

Hôm nay chúng ta sẽ tìm ra nó tạo một biểu mẫu nhận xét trên trang web WordPress bằng cách sử dụng plugin.

Biểu mẫu phản hồi cho phép khách truy cập liên hệ trực tiếp với chủ sở hữu trang web từ chính trang web đó. Điều này tạo ra sự thuận tiện không thể phủ nhận, giúp khách hàng hoặc đơn giản là khách truy cập không cần phải thực hiện các hành động không cần thiết, vì để liên hệ với chủ sở hữu trang web, bạn sẽ không cần phải đăng nhập vào email của mình. Chỉ cần điền vào các trường của mẫu liên hệ.

Đối với chủ sở hữu, ngoài phong cách khối chức năng, điều mà khách truy cập chắc chắn sẽ thích, biểu mẫu liên hệ sẽ giúp bảo vệ thông tin liên hệ của họ khỏi bị đưa vào cơ sở dữ liệu thư rác. Rốt cuộc, địa chỉ trực tiếp E-mail chắc chắn rơi vào tầm ảnh hưởng của các chương trình phân tích cú pháp thu thập hàng chục nghìn địa chỉ, số điện thoại không được bảo vệ, v.v. trên Internet.

Bây giờ chuyển thẳng sang phần đánh giá Plugin biểu mẫu liên hệ WordPress:

Mẫu liên hệ 7 – Plugin phản hồi WordPress

Mẫu liên hệ 7– Plugin biểu mẫu phản hồi WordPress, có xếp hạng cao nhất trong số các plugin ngang hàng. Nó có hỗ trợ tốt và cập nhật thường xuyên.

Bây giờ chúng ta sẽ xem xét plugin phổ biến này.

Sau khi cài đặt plugin, phần tương ứng sẽ xuất hiện trong bảng điều khiển WP.

Theo mặc định, 1 biểu mẫu liên hệ đã được tạo.

Để hình thành liên hệ hiển thị trên trang web, bạn cần sao chép mã nhúng và dán vào vị trí cần thiết. Mã ngắn này có thể được đặt bên trong nội dung của bài đăng hoặc trang, trong tiện ích văn bản miễn phí, v.v.

Biểu mẫu phản hồi sẽ được thiết kế phù hợp với thiết kế của chủ đề (mẫu) trang web WordPress của bạn.

Bây giờ hãy xem việc thiết lập các trường biểu mẫu:

Cần thêm đồng phục mới, hoặc chỉnh sửa một cái hiện có.

Hãy xem xét việc thêm một biểu mẫu liên hệ mới:

Nhấp vào thêm mới, plugin sẽ tự động phát hiện ngôn ngữ. Bạn sẽ được chuyển hướng đến trang chỉnh sửa biểu mẫu. Đối với những người không quen thuộc với HTML, có lẽ trang này sẽ có vẻ hơi đáng sợ. Nhưng đừng hoảng sợ, mọi thứ khá đơn giản.

Ăn mẫu chuẩn các hình thức:

Mã này chịu trách nhiệm hiển thị biểu mẫu. Nếu biểu mẫu cần thay đổi, bạn sẽ phải chỉnh sửa nó. Nhà phát triển giúp cuộc sống dễ dàng hơn người dùng thiếu kinh nghiệm, đã tạo chức năng tạo thẻ.

Hãy xóa hoàn toàn mọi thứ trong mẫu biểu mẫu. Hãy tạo lại mọi thứ một lần nữa.

Trước hết, hãy tạo một biểu mẫu trống:

Chúng tôi viết mọi thứ chuỗi văn bảnđiều đó sẽ cần thiết:

Như chỉ thị:

tên của bạn

Nghề nghiệp của bạn

Tin nhắn

Trước khi thêm các trường để điền, hãy xem tất cả các thẻ để bạn có thể sử dụng tối đa các khả năng của plugin Contact form 7:

Trương Văn bản– phù hợp với mọi văn bản. Chúng ta sẽ sử dụng nó làm tên tác giả và giống như dòng mục nghề nghiệp.

Vì vậy, chúng tôi điền nó như thế này:

Chúng tôi đặt nếu cần thiết liệu trường này có được yêu cầu hay không. Nếu đây là tên của tác giả thì theo quy định, nó là bắt buộc.

Tênđược đưa ra bằng chữ Latinh, số, dấu gạch nối. Bạn không cần phải thay đổi nó.

nhận dạng- Cái này định danh duy nhất. Nếu trường cần được tạo kiểu riêng trong tệp style.css, hãy chỉ định trường đó.

Lớp học– chức năng tương tự như id.

Kích cỡ– kích thước của trường đầu vào tính bằng pixel.

Độ dài tối đa – số tiền tối đa ký tự được nhập vào dòng đầu vào.

Akismet– nếu bạn đã cài đặt plugin chống thư rác này, bạn có thể kích hoạt hộp kiểm.

Đối với trường “Chuyên nghiệp”, chúng tôi thực hiện một thao tác tương tự:

E-thư– có tất cả các cài đặt giống nhau. Không nên có bất kỳ khó khăn nào. Tạo và chèn:

Trường "chủ đề" được tạo bằng công nghệ tương tự như tên và nghề nghiệp của người gửi, sử dụng trường văn bản.

URL- Địa chỉ trang web.

Số điện thoại– trường số điện thoại.

Số (hộp quay)- giá trị số. Max và min – cho biết phạm vi. Step – step, nếu bạn chỉ định 5 thì các số sẽ là bội số của 5: 5, 10, 15... Hình thức này hoàn hảo để chỉ tuổi, v.v.

Số (thanh trượt)- thanh trượt ngang. Thật không may, khả năng sử dụng có thể bị nghi ngờ. Vì bản thân các con số không được chỉ định.

ngày– một hình thức đẹp mà bạn có thể chỉ ra ngày tháng.

Trương Văn bản– đây là trường dành cho chính nội dung tin nhắn. Cols – cột, hàng – dòng, độ dài tối đa – giới hạn ký tự.

Trình đơn thả xuống– để chỉ định các mục menu, bạn phải nhập các mục vào trường “Lựa chọn”. Mỗi giây dòng mới. Nhiều lựa chọn sẽ cho phép bạn chọn nhiều mục từ một danh sách.

Hộp kiểm– bạn có thể tạo một hộp kiểm tiêu chuẩn.

Và đây là cấu hình:

Nút radio- nút radio.

chấp thuận– một hộp kiểm khác.

Câu hỏi- Tạo câu hỏi và câu trả lời. Tôi thực sự không chắc mẫu đơn này có cần thiết hay không. Điều tương tự có thể được thực hiện bằng cách sử dụng một trường văn bản đơn giản.

mã ngẫu nhiên– để cài đặt hình ảnh xác thực bảo mật, bạn phải cài đặt thêm plugin CAPTCHA thực sự đơn giản.

Gửi một tập tin– cho phép bạn tạo khả năng gửi một tập tin. Rất tiện lợi, bạn không cần phải tải file lên dịch vụ lưu trữ file của bên thứ ba hoặc gửi qua thư. Trong cài đặt, bạn có thể đặt giới hạn về kích thước tệp cũng như chỉ định các tiện ích mở rộng có sẵn.

Nút gửi- yếu tố cuối cùng của bất kỳ hình thức phản hồi nào. Sau khi nhấp vào nó, bức thư sẽ được gửi đến email của bạn.

Với thiết kế plugin biểu mẫu phản hồi Truyền thông WordPress, được hiển thị trên trang web, đã sắp xếp nó ra.

Bây giờ bạn cần thiết lập mẫu cho bức thư sẽ được gửi đến email của bạn.

Trước hết, bạn cần tham khảo lại mẫu biểu mẫu. Tôi đã gạch chân tên của từng trường. Chúng chính xác là những gì bạn sẽ cần.

Trong trường người nhận, chúng tôi cho biết địa chỉ bưu chính của bạn.

Trong trường người gửi, bạn phải cho biết tên trong ngoặc vuông. Email cũng được chỉ định ở đó.

Trong trường “chủ đề”, chỉ ra tên thích hợp.

Chúng tôi viết văn bản sẽ được hiển thị trong thư và ngược lại, chúng tôi chỉ ra tên của các trường tương ứng trong dấu ngoặc vuông.

Plugin biểu mẫu phản hồi WordPress – Mẫu liên hệ 7 hỗ trợ khả năng sử dụng hai người nhận.

Giai đoạn cuối cùng là chỉnh sửa tin nhắn cho một hành động cụ thể.

Xin chào bạn đọc thân mến, trong bài viết này tôi sẽ hướng dẫn bạn cách tạo biểu mẫu liên hệ bật lên trên trang web WordPress của bạn. Thông thường, khi phát triển trang web hoặc blog của riêng bạn, cần thiết lập khả năng giao tiếp nhanh chóng với khách truy cập vào tài nguyên Internet. Trong trường hợp này, biểu mẫu phản hồi bật lên cho WordPress sẽ rất hữu ích, điều này sẽ giúp thiết lập liên hệ nhanh với người dùng.

Tại sao bạn cần biểu mẫu phản hồi bật lên cho WordPress?

Lý do sử dụng

Hãy xem tại sao hình thức này lại cần thiết

1. Tiết kiệm không gian trống trên trang web. Biểu mẫu liên hệ có thể được đặt ở bất cứ đâu: ở chân trang hoặc đầu trang, trong nội dung chính của trang, dưới dạng nút nổi, v.v.
2. Ngoại hình hiệu quả. Hoạt ảnh về sự xuất hiện của một cửa sổ mới trông thú vị và khác thường
3. Khả dụng. Bạn có thể để lại các mục trong biểu mẫu này từ bất kỳ đâu trên trang web; người dùng không cần quay lại trang chính.

Một phần thưởng bổ sung: biểu mẫu dễ dàng sửa đổi và tùy chỉnh để phù hợp với nhu cầu trang web của bạn. Biểu mẫu phản hồi bật lên cho WordPress có thể được trình bày dưới dạng cửa sổ mở để đặt hàng cuộc gọi, dịch vụ hoặc sản phẩm hoặc đăng ký. Nếu muốn, bạn có thể thêm hiệu ứng hình ảnh, hình ảnh khác nhau vân vân.

Plugin để cài đặt biểu mẫu bật lên

Chúng ta hãy xem các công cụ cần thiết để phát triển cửa sổ bật lên trong wordpress - ứng dụng đặc biệtđể phát triển và xây dựng các trang web.

Mẫu liên hệ 7

Plugin này được sử dụng trực tiếp để thiết kế biểu mẫu. Để cài đặt nó, hãy làm theo các bước sau:

FancyBox dễ dàng

Plugin này phù hợp để phát triển hiệu ứng cửa sổ bật lên. Trình tự cài đặt Easy FancyBox tương tự như quá trình cài đặt plugin trước đó.

Thiết lập plugin

Bạn có thể định cấu hình cài đặt của tiện ích bổ sung Easy FancyBox thông qua các tệp phương tiện. Sử dụng các tùy chọn menu “Cài đặt” -> “Tệp phương tiện”.

Trong khối mở ra ngay bên dưới cài đặt tiêu chuẩn Các thông số của chính plugin sẽ được định vị. Thường có một dấu kiểm bên cạnh mục “Hình ảnh”, cho biết rằng một cửa sổ bật lên sẽ được kích hoạt khi bạn nhấp vào hình ảnh. Nên loại bỏ nó, vì nếu có cái khác công cụ bổ sung Khi tạo ảnh động bật lên, hình ảnh sẽ mở hai lần.

Nhưng đó không phải là tất cả. Đánh dấu vào ô bên cạnh “Nội dung nội tuyến”

Bất kỳ ai cũng có thể nghiên cứu sâu hơn về cài đặt của plugin và đặt chúng theo ý mình.

Mẹo: nếu bạn muốn biểu mẫu luôn mở thì hãy bỏ chọn Cài đặt dễ dàng Hộp kiểm FancyBox bên cạnh tùy chọn “Đóng FancyBox khi nhấp vào lớp phủ”, thực hiện chức năng đóng cửa sổ khi nhấp chuột ra bên ngoài cửa sổ.

Hướng dẫn từng bước

Chà, với "nhàm chán" chuẩn bị sơ bộ Vậy là xong, bây giờ chúng ta hãy chuyển sang phần “ngon” - trên thực tế, biểu mẫu phản hồi bật lên WordPress được phát triển như thế nào.

Xử lý cửa sổ biểu mẫu

Chúng ta bắt đầu từ đâu? Tất nhiên, với đặt trước chính hình thức đó. Lựa chọn " Mâu liên hệ 7" và sau đó là tùy chọn "Thêm mới".

Đặt tên mới cho biểu mẫu, chẳng hạn như "Thử nghiệm", nhập tên đó vào trường nhập của cửa sổ mở ra, nơi chứa văn bản "Tiêu đề" và nhấp vào nút "Lưu". Bạn có thể thay đổi các tham số khác, bao gồm cả mẫu biểu mẫu nhưng chúng tôi sẽ không chạm vào nó. Bây giờ của chúng tôi mục tiêu chính– chỉ cần học cách tạo biểu mẫu bật lên.

Hãy nhìn vào kết quả. Như bạn có thể thấy, plugin đã tạo một mã ngắn đặc biệt được sử dụng để hiển thị biểu mẫu sau đó. Bạn cần phải sao chép nó.

Đầu ra biểu mẫu

Bây giờ chúng ta hãy bắt tay vào lập trình. Mới Mã chương trình có thể được chèn vào bất kỳ đâu trên trang web, chẳng hạn như trong “Danh bạ” và các trang khác. Trong ví dụ của chúng tôi, biểu mẫu mới sẽ được hiển thị trong tiện ích. Chọn “Giao diện” trong menu, sau đó nhấp vào “Tiện ích”, sau đó trong cửa sổ mở ra, nhấp vào tùy chọn “Văn bản”.

Bây giờ hãy nhấp vào nút “Thêm tiện ích”

Dán đoạn mã sau vào trường nhập Nội dung:

Đây là kết quả thu được sẽ như thế nào:

Xin lưu ý rằng thay vì mã ngắn được chỉ định trong ví dụ, bạn sẽ cần chỉ định mã ngắn mà bạn đã tạo khi tạo biểu mẫu mới.

Ngoài ra, biểu mẫu có thể được chỉnh sửa: thêm hoặc xóa các trường đầu vào, nhập văn bản đầu và/hoặc văn bản kết thúc trước và sau biểu mẫu, chuyển văn bản thành tiêu đề hoặc hiển thị dưới dạng khối riêng biệt, sử dụng các kiểu, trình giữ chỗ khác nhau, v.v. Giá như có thời gian và mong muốn!

Kiểu dáng liên kết

Chúng ta cũng hãy xem xét hai cách để chuyển đổi một liên kết thành một nút để cải thiện hình thức trực quan của nó.

Cách 1: Sử dụng các kiểu chủ đề bổ sung.

Đoạn mã sau có thể được chèn như sau:

Bản thân mã chương trình trông như thế này:

/***Hiển thị liên kết ở dạng nút****/ .contact-us a( lề:auto; /*căn chỉnh khối ở giữa*/ display:block; width:199px; /*kích thước nút*/ phần đệm:11px 22px ; /*phần đệm bên trong*/ đường viền:1px màu đen đặc; /*bóng viền*/ nền:#3399ff; căn giữa chú thích*/ color:#ffffff; /*màu của chú thích*/ -moz-transition: dễ dàng tất cả 0,6 giây; -webkit-transition: dễ dàng tất cả 0,6 giây; liên kết màu khi di con trỏ**/ .contact-us a:hover( -moz-box-shadow: 0 0 7px #111; -webkit-box-shadow: 0 0 7px #111; box-shadow:0 0 7px #111 ; -moz-transition: dễ dàng tất cả 0,6 giây; -webkit-transition: dễ dàng tất cả 0,6 giây;

Kết quả là một nút như thế này:

Mã đã cho biết tham số nào chịu trách nhiệm về cái gì. Bây giờ mọi người có thể chỉnh sửa mã theo ý thích của mình, thử nghiệm các kiểu dáng và màu sắc khác nhau và tạo liên kết phù hợp nhất cho cửa sổ bật lên.

Phương pháp 2 – sử dụng hình ảnh làm nút. Đầu tiên, tải hình ảnh được yêu cầu lên trang web (bất kỳ hình ảnh nào bạn thích, không nhất thiết phải ở dạng nút - điều đó không thực sự quan trọng). Để thực hiện việc này, hãy nhấp vào “Phương tiện” -> “Thêm mới” và chọn hình ảnh mong muốn. Một liên kết cố định tới tập tin sẽ xuất hiện ở bên phải hình ảnh (trong trong ví dụ này http://www.sait.ru/wp-content/uploads/2017/04/depositphotos_2169498-E-mail-internet-icon.jpg), sao chép và thêm vào mã (không xóa dấu ngoặc kép):

Thêm mã kết quả vào mã đầu ra chính của biểu mẫu thay vì văn bản “Viết thư”.

1

Trang web của tôi hiển thị nút hiển thị trong ảnh chụp màn hình bên dưới:

Và nút này sẽ trông như thế này nếu bạn giữ nguyên kiểu bổ sung được mô tả trong phương pháp đầu tiên:

Thêm vào thực đơn

Để có thể gọi trực tiếp biểu mẫu phản hồi bật lên cho WordPress từ menu, bạn phải sử dụng đoạn mã sau

Trước tiên, bạn cần tìm ra chính xác nơi bạn cần chèn mã này. Đi tới “Trình chỉnh sửa” thông qua “Giao diện” và trong số các mẫu, hãy chọn “Tiêu đề (header.php)”

Bây giờ hãy tìm nơi chứa mã menu. Tìm thấy các thông tin sau:

Bên dưới, dán mã của bạn ngay trước thẻ đóng.



Nói chung, không có gì khó khăn trong việc thêm biểu mẫu liên hệ vào trang web của bạn, điều chính yếu là bạn có thời gian rảnh và mong muốn nghiên cứu kỹ lưỡng mọi khía cạnh. Bây giờ bạn đã biết biểu mẫu liên hệ là gì, nó dùng để làm gì, cách sử dụng nó trên trang web và cách xử lý liên kết để mở một cửa sổ có hiệu ứng bật lên. Chúc bạn may mắn và thành công trong công việc xây dựng trang web đầy khó khăn nhưng thú vị này.

Cách đây không lâu, blog đã xuất bản một bài viết “50 plugin phổ biến nhất cho WordPress Engine” và vì công việc về khóa học WordPress sắp kết thúc nên chúng tôi muốn giới thiệu cho bạn một lựa chọn plugin khác cho công cụ này. Cụ thể, hôm nay chúng ta sẽ xem xét các plugin tốt nhất cho biểu mẫu liên hệ.

Chúng ta sẽ bắt đầu bằng cách ghi nhớ những trang hoặc khối quan trọng nhất phải có trên tất cả các trang web thương mại. Đây là “Giới thiệu về chúng tôi” - nơi viết thông tin về công ty, “Dịch vụ” - với mô tả về dịch vụ hoặc hàng hóa được cung cấp và “Liên hệ” - để nhận phản hồi từ khách hàng hoặc đơn đặt hàng.

Chính trong các mối liên hệ, các biểu mẫu phản hồi sẽ được đặt, vì điều này mang lại cho khách truy cập cơ hội không chỉ làm quen với lời đề nghị và rời đi của bạn mà còn bằng cách nào đó thể hiện bản thân. Viết đánh giá, cho bạn biết mong muốn hoặc nhận xét của bạn về dự án, đề nghị hợp tác hoặc đặt hàng dịch vụ của bạn.

Nhưng thật không may điều này chức năng hữu ích không được xây dựng trong bộ tiêu chuẩnđộng cơ và chúng ta phải tìm kiếm giải pháp bên ngoài cho vấn đề này. Để làm điều này, bạn cần phải tự viết biểu mẫu (nếu bạn biết cách) hoặc sử dụng một mẫu đã có sẵn. plugin làm sẵn.

Tôi hy vọng rằng sau khi xem qua danh sách này, bạn sẽ chọn được plugin phù hợp nhất với nhu cầu của mình.

Đây là plugin nổi tiếng nhất và có lẽ là tốt nhất để tạo biểu mẫu liên hệ, vì số cài đặt đang hoạt độngđã vượt quá 3 triệu và bản thân plugin này được các nhà phát triển cập nhật thường xuyên. Bộ chức năng tiêu chuẩn bao gồm các hộp kiểm, nút radio, tải lên tệp, chức năng chống thư rác và CAPTCHA. Và với nó, bạn có thể nhanh chóng thiết lập một biểu mẫu chứa Trường văn bản, số điện thoại, địa chỉ bưu chính, ngày tháng, v.v. Plugin này hoàn toàn miễn phí và có thể dễ dàng chèn bằng cách sử dụng HTML đơn giản và nó cũng tự hào về khả năng gửi AJAX.



Đây là tập hợp đầy đủ các plugin, tiện ích và dịch vụ dành cho Công cụ WordPress. Và theo đó, nó có trình thiết kế biểu mẫu tích hợp rất đơn giản nhưng tốt. Với nó, bạn sẽ có được giao diện nhanh chóng và đơn giản để thêm biểu mẫu vào bất kỳ ghi chú hoặc trang nào trên trang web. Để thực hiện việc này, bạn chỉ cần nhấp vào nút “Chèn biểu mẫu” và bạn sẽ có thể nhanh chóng tạo và thêm biểu mẫu.



Plugin này cho phép bạn tạo các biểu mẫu liên hệ trông độc đáo thông qua Chức năng hoạt động Thu hút và chèn chúng không chỉ trên các trang của trang web hoặc trong ghi chú mà còn trên tất cả các trang cùng một lúc ở góc dưới bên phải. Chỉ với một cú nhấp chuột từ khách truy cập, biểu mẫu liên hệ của bạn sẽ xuất hiện trên màn hình và chắc chắn sẽ thu hút sự chú ý. Tuy nhiên, đồng thời, cũng có thể tích hợp biểu mẫu thông thường vào bài đăng, trên trang hoặc trong thanh bên.



Đây là một plugin rất phổ biến khác, có sẵn trong hai phiên bản - dưới dạng plugin dành cho mã WordPress và PHP để tích hợp vào các trang web “tự chế”. Điểm độc đáo của plugin này là robot gửi thư rác được tự động phát hiện trên trang web. Sử dụng hình thức captcha và Akismet Fast Secure, plugin chặn các cuộc tấn công bằng các chiến thuật spam phổ biến nhất. Tính năng này làm giảm khả năng xảy ra thư rác và bất kỳ thông tin không mong muốn nào khác.



Một plugin miễn phí phổ biến với giao diện kéo và thả trực quan tuyệt vời để tạo biểu mẫu liên hệ trên trang web WordPress của bạn. Trong bảng quản trị, bạn có thể tạo biểu mẫu của mình chỉ bằng cách kéo và thả khối bắt buộc và tùy chỉnh chúng cho phù hợp với nhu cầu của bạn. Nó cũng có một số lượng lớn các chức năng, bao gồm trình xử lý AJAX, các mô-đun chống thư rác đáng tin cậy, nhập và xuất dữ liệu.



Đây là một plugin khác có giao diện kéo thả cho phép bạn tạo và quản lý tất cả các loại biểu mẫu trên trang web của mình từ một nơi. Nó được thiết kế để giúp quá trình tạo biểu mẫu trở nên nhanh chóng và dễ dàng, do đó người dùng không cần phải học cách chỉnh sửa bất kỳ mã nào. Plugin có phần hỗ trợ nhà phát triển khá rộng rãi để khắc phục sự cố và hỗ trợ thiết lập.



Một plugin khác cho phép bạn tạo biểu mẫu liên hệ trên trang web của mình một cách nhanh chóng và dễ dàng. Nó tích hợp với plugin Captcha để chống thư rác. Có sẵn trong phiên bản chuyên nghiệp của plugin chức năng bổ sung, chẳng hạn như xác thực biểu mẫu và chọn hộp, cả hai đều có sẵn miễn phí trong Biểu mẫu liên hệ 7 nói trên.

Đây là danh sách các plugin. Tôi hy vọng bạn đã chọn được cái phù hợp nhất cho mình và thậm chí còn thử nghiệm nó trên trang web của mình.

Hẹn gặp lại bạn ở những bài viết khác!

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

Tại sao bạn cần một mẫu phản hồi?

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

Sự phát triển hiện đại lập trình viên, chẳng hạn như các 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 và sau khi thỏa mãn nhu cầu của họ, hãy mua hàng.

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

Mỗi khi tạo một trang web hoặc trang mới, quản trị trang web phải chọn plugin WordPress tốt nhất cho biểu mẫu liên hệ. 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 trên một trang cùng một lúc.

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

Các plugin WordPress rất phổ biến do chúng những lợi ích: các bản cập nhật liên tục được đưa ra cho phép bạn phát triển trang web một cách nhanh chóng và hiệu quả. Ứng dụng như vậy giúp bạn dễ dàng thêm biểu mẫu liên hệ vào trang web của mình cũng như khả năng tạo biểu mẫu bật lên, biểu mẫu hẹn giờ 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 tới bạn nhiều nhất ứng dụng phổ biến và hiện đại Sản phẩm mới:

1. Mẫu liên hệ 7
2. Liên hệ an toàn nhanh chóng từ.
3. Mẫu liên hệ bằng cách liên hệ với ME
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. cú đá ninja

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

Mẫu liên hệ 7

CF7 là plugin phổ biến nhất cho WordPress 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à có thể dễ dàng tùy chỉnh để phù hợp với nhiều nhu cầu khác nhau. giúp đỡ html. Bằng cách sử dụng một mã đặc biệt chỉ bao gồm một dòng, bạn có thể đặt mã đã tạo Mâu liên hệ bất cứ nơi nào trên trang.

Plugin này, mặc dù phổ biến nhưng không phải không có nhược điểm. Một trong số đó là nhược điểm các 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ừ

Liên hệ Bảo mật Nhanh Từ bây giờ là phát triển phi tiêu chuẩn, rất phổ biến. Nó chủ yếu được chủ sở hữu blog sử dụng để tạo và thêm biểu mẫu liên hệ vào trang web của họ.

Nhà thiết kế này có phần quản trị viên, trong đó 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à biện pháp bảo vệ đặc biệt, nhà thiết kế có thể chặn các cuộc tấn công dựa trên chiến thuật của kẻ gửi thư rác.

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

1. Không cho phép tôi đăng ký hồ sơ người dùng thông thường.
2. Cung cấp khả năng tạo lịch trình và các cuộc họp trực tuyến.
3. Hỗ trợ nhiều địa chỉ email.

Điều bất lợi là thiếu giao diện đơn giản, nhưng nhược điểm này không nổi bật và các nhà phát triển của nhà thiết kế đang nỗ lực loại bỏ nó.

Mẫu liên hệ bằng cách liên hệ với ME

Biểu mẫu liên hệ của Contact ME là một công cụ thiết kế có thể truy cập có một bộ chức năng cơ bản tiêu chuẩn. Nó chỉ hoạt động sau khi đăng ký trên trang web. Thủ tục này rất đơn giản và miễn phí. Các nhà phát triển tin 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 cần thiết:

1. Gửi thông báo ngay lập tức tới 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 thẻ, thông tin công ty và liên kết truyền thông xã hội, v.v.

Điều duy nhất ngăn cản chủ sở hữu tài nguyên web sử dụng sự phát triển như vậy là sự hiện diện của đăng ký trên trang web Liên hệ với tôi.



FormCraft

Plugin FormCraft ban đầu được tạo và chỉ được hỗ trợ dưới dạng ứng dụng cao cấp. Cách đây không lâu, những người sáng 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ợ thiết kế các hình dạng 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 tập lệnh, 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 nhà thiết kế khác, Visual Form Builder, là một công cụ 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ủa 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 được kiểm soát với xác nhận.
• Khả năng chỉ định nhiều URL.



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 nên 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, có vẻ như bạn hiểu hậu quả của tình trạng quá tải (thời gian tải lâu, số lượt xem giảm, 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ã ngắn hoặc tiện ích đặc biệt. nó thật đẹp lựa chọn 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 thứ hơn là chỉ một hình thức liên lạc. Thú vị? Sau đó hãy tiến hành thử nghiệm, có thể hình thức này sẽ trở thành một nét độc đáo cho trang web của bạn.

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

Hình thức trọng lực là nhất Giải pháp hoàn chỉnhđể tạo biểu mẫu phản hồi cho trang web. Nhiều người coi nó là tiên tiến nhất cho WordPress. Sự phát triển nà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. Nhà thiết kế cũng có chức năng tích hợp giúp sử dụng các phát triển dài dễ dàng hơn và tích hợp chúng vào một số lượng lớn trang.

Ngoài ra, nhà thiết kế còn có một chỉ báo điền để thông báo cho bạn mức độ đầy đủ của biểu mẫu. Có những ưu điểm không thể phủ nhận:

1. Sự hiện diện của các chức năng bị thiếu trong các hàm tạo khác (máy tính khách truy cập theo 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 bao gồm chi phí cao của plugin. Nhưng đây là một điểm trừ gây nhiều tranh cãi, vì ứng dụng có thể cung cấp nhiều hơn một số liên lạc dạng thông thường. Đó không phải là những gì bạn cần sao?

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

Tiện ích bổ sung Liên hệ được á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 một trang web. Đây là một giải pháp tuyệt vời cho công ty lớn hoặc mạng lưới các công ty, vì nó có thể chỉ ra các chi nhánh trên bản đồ Google. Hóa ra đây là một plugin khá hữu ích, bạn có đồng ý không?

Một lợi thế quan trọng là khả năng chỉ ra vị trí của từng địa điểm được xem xét trên trang web. Tất cả những gì bạn cần làm là đặt mã ngắn vào bất kỳ bài đăng nào hoặc bất kỳ vị trí nào trên trang. Việc này không khó thực hiện nên bất cứ ai cũng có thể thực hiện được thủ tục này. Người quan tâm.

Hình thức Ninja

Gần đây, plugin Ninja Forms đã bắt đầu trở nên phổ biến. Trình tạo biểu mẫu này khác với các trình tạo biểu mẫu khác ở sức mạnh và sự hiện diện của trình chỉnh sửa trực quan nhất, được sử dụng chủ yếu trong các plugin trả phí. Khi sử dụng nó, bạn sẽ có thể xây dựng hình dạng độc đáo của riêng mình bằng cách kéo và điều chỉ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 bao gồm:

1. Chức năng khá rộng.
2. Sự hiện diện của một công tắc thuận tiện cho khả năng xem trước và thử nghiệm các thiết kế.



Những mặt tiêu cực sẽ là:

• một 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 biệt (chẳng hạn như chấp nhận thanh toán, gửi thư).

cú đá ninja

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

Plugin này rất thú vị và độc đáo, nhưng nó khó có thể 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ác cổng giải trí hoặc các blogger.

Vì vậy, chúng tôi đã xem xét nhiều tiện ích bổ sung khác nhau để tạo dạng đảo ngược WordPress và đi đến kết luận rằng bạn có thể chọn plugin của riêng mình cho các tình huống, trang web và mục đích khác nhau. Như người ta nói: “Nếu có khát vọng, phần còn lại sẽ 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 chính xác cách các biểu mẫu này được tạo bằng ứng dụng CF7 mẫu:




Nếu bạn cần thêm hoặc thay đổi các trường, hãy tìm danh sách có tên “Tạo thẻ” và chọn loại trường bắt buộc từ danh sách. 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 cho phép bạn dễ dàng tạo sản phẩm độc đáo.

1. Sau những thao tác này, bạn sẽ thấy biểu mẫu sẽ trông như thế nào đối với khách truy cập. 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 này.

Vậy là chúng ta đã tìm ra cách tạo biểu mẫu bằng ứng dụng Contact Form 7. Không khó phải không nào?

Tôi muốn nói thêm vài lời về việc bảo vệ hộp thư của bạn khỏi làn sóng những kẻ 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 cài đặ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. Sau khi thiết lập xong tiện ích bổ sung, bạn có thể quên đi vấn đề thư rác.

Bạn cũng có thể tùy chỉnh hình thức của bức thư được gửi đến email của mình bằng cách sử dụng plugin. Để làm điều này, bạn sẽ phải sử dụng lại mẫu của biểu mẫu đã tạo. Tất cả những gì bạn phải làm là 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 trong dấu ngoặc vuông! Đừng bỏ lỡ khoảnh khắc này, nếu không bạn sẽ không có được nó kết quả như ý.

Và kết luận lại, chúng ta có thể nói rằng biểu mẫu đã sẵn sàng, tất cả những gì còn lại là chỉnh sửa tin nhắn nếu 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 và mất một khoảng thời gian kha khá. Nếu vì lý do nào đó mà bạn không hiểu đầy đủ về 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 từ 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 nhiều như ở các công ty tư nhân. Tôi muốn giới thiệu cho bạn các trang web đáng tin cậy nơi các đơn hàng như vậy được thực hiện một cách hiệu quả và đúng thời gian:

Ở 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 cho trang web bằng plugin;
• đây là cách dễ nhất và nhanh nhất.

Hiện nay có rất nhiều plugin phù hợp với mọi sở thích và thậm chí cả ngân sách, vì vậy sự lựa chọn là tùy thuộc vào bạn. Tuy nhiên, nếu bạn không muốn tự mình tạo biểu mẫu, bạn có thể nhờ các chuyên gia giúp đỡ.

Thôi vậy nhé, tạm biệt.

Trân trọng, Elena Izotova.

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ệ trong WordPress bằng cách sử dụng plugin. Biểu mẫu liên hệ WordPress là giải pháp lý tưởng cho những ai muốn duy trì liên lạc với khán giả của mình hoặc nhận yêu cầu đặt hàng bất kỳ dịch vụ nào qua email. Chúng ta sẽ học cách tạo một 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 biểu mẫu phản hồi cho một trang web WordPress? Tại sao không thêm đị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 của những người mới bắt đầu ngại thêm mã mẫu vào trang web mà không có kiến ​​thức lập trình. Trên thực tế, bạn không cần bất kỳ mã nào khi tạo biểu mẫu liên hệ trong WordPress. Trong hướng dẫn này, chúng tôi sẽ tạo biểu mẫu liên hệ theo từng bước để ngay cả người mới bắt đầu hoàn chỉnh nhất cũng có thể làm được.

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

• – các chương trình thư rác với tần suất đáng ghen tị sử dụng trình phân tích cú pháp của chúng để nhận các địa chỉ email được đề cập miền thư và thêm nó vào cơ sở dữ liệu của họ để sau đó họ có thể gửi cho bạn những thư 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 đề email SPAM tràn ngập 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 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 – Biểu mẫu liên hệ 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à anh ấy sẽ gửi cho bạn, bạn cũng có thể cho biết những gì đang chờ đợi bước tiếp theo, ví dụ: “Đơn đăng ký của bạn sẽ được xem xét trong vòng 24 giờ” hoặc Xem video và nhiều nội dung hữu ích khác.

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



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

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

Ở 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 loại trong số đó, 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ó nhiều lựa chọn. Trong trường hợp đầu tiên, plugin WPForms sẽ được sử dụng.

Dưới đây là những lý do tại sao WPForms plugin tốt nhất nhận xét:

1. Thứ nhất, đâ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 sử dụng 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.

Tuyệt vời, 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à đi tới Plugins - Add New.



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

Sau khi cài đặt plugin, hãy đảm bảo 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 kích hoạt plugin thành công, đã đế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 tới Thêm mới.



Thao tác này sẽ mở ra trình thiết kế Wpforms cho bạn, nơi kéo và thả đơn giản Với các khối cần thiết, bạn có thể tạo biểu mẫu liên hệ phản hồi WordPress. Miễn phí Phiên bản rút gọn Có sẵn hai mẫu dựng sẵn (dạng trống và đơ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ể kéo và sắp xếp lại các trường biểu mẫu bằng chuột.

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 nó vào khu vực làm việc.



Khi mọi thứ đã 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ệ trong WordPress, điều quan trọng là phải định cấu hình chính xác biểu mẫu thông báo và xác nhận.

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 yêu cầu biểu mẫu cho bạn. Đây 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.

Biểu 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 xây dựng diễn đàn WPForms.

Theo mặc định, chúng tôi không đặt nó chạm và để lại trường Biểu mẫu xác nhận với thông báo “Cảm ơn bạn đã yêu cầu”. Tuy nhiên, bạn có quyền thay đổi nó sang văn bản khác hoặc chuyển hướng người dùng đến 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 tìm hiểu phải làm gì hoặc thay đổi điều gì. Mọi thứ đều rất trực quan và đơn giản. Khi bạn đi tới cài đặt thông báo, tất cả các trường sẽ được điền sẵn một cách linh hoạt.



Thông báo được gửi theo mặc định tới email bạn đã chỉ định trong cài đặt. Nếu muốn thay đổi người nhận gửi thông báo, bạn cũng có thể dễ dàng thay đổi. Nếu bạn muốn chỉ ra một số địa chỉ email (được chỉ định bằng dấu phẩy), thì vui lòng mang theo 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 một lá thư, nó sẽ được chuyển đến thư 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 “Danh bạ” riêng cho biểu mẫu đó để bạn có thể đặt nó vào đó. Hoặc bạn tạo một cái mới hoặc chỉnh sửa nó rồi trang hiện có, nơi bạn có thể thêm nó.

Chúng tôi sẽ sử dụng một mã ngắn đơn giản để nhúng biểu mẫu trên 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.



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

Biểu mẫu sẽ trông như thế này: WordPress đơn giản trang:



Nếu bạn chỉ muốn thêm biểu mẫu vào một trang thì xin chúc mừng. Tất cả các bước đã được hoàn thành thành công. Nếu bạn muốn thêm nó làm tiện ích vào 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 của mình (chẳng hạn như chân trang).

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



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

Việc này hoàn tất việc đánh giá plugin biểu mẫu phản hồi WPForms của chúng tôi. Nhưng, đặ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 một 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ư biểu mẫu trước. Nó được gọi là Contact Form 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 điều chỉnh thích ứng, nghĩa 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, để đề phòng, bạn biết rằng họ đang ở đó.

Cách tạo biểu mẫu phản hồi liên hệ bằng Contact Form 7

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



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 đi tới bảng quản trị blog và tạo một biểu mẫu mới sẽ thu thập các ứng dụng và các thứ khác thông tin hữu ích. Vào phần “Mẫu liên hệ 7” -> Thêm mới.



Tuyệt vời! 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ệ kiểu này. Hãy chọn một, ví dụ “Mẫu đơn đặt hàng khuyến mãi trang web”



Tôi sẽ nói ngắn gọn cho bạn biết chúng tôi cần gì ở đây. Trước hết, chúng ta cần quyết định xem chúng ta muốn tạo bao nhiêu trường biểu mẫu. Tôi sẽ nói ngay rằng không cần phải tạo 100.500 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 để lại yêu cầu. Họ cần làm cho bước này dễ dàng hơn. Nghĩa là, nếu bạn nghĩ về điều đó, điều chúng ta cần ở một người là:

1. Tên của anh ấy để xưng hô với anh ấy (địa chỉ cá nhân)
2. Địa chỉ thư (phản hồi, nơi gửi lời đề nghị cho anh ấy)
3. Số điện thoại để gọi ngay (nếu việc này xảy ra nhanh thì dù thế nào 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 cơ bản, 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 cuộc trò chuyện qua điện thoại. Hợp lý? Tôi nghĩ là có. Tiếp tục nào.

Tạo 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 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ỳ tiêu đề nào khác mà bạn sẽ thu thập thông qua trường này)
• Email (mục đích ở đây là để người dùng nhập vào)
• 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 và sẽ hiển thị lỗi)
• ĐT (trường có số điện thoạiđối với biểu mẫu phản hồi của chúng tôi trên WordPress, cho phép các giá trị số, văn bản sẽ báo lỗi)
• Số (Ví dụ, phạm vi giá trị bằng số có thể được áp dụng cho giá: "bạn sẵn sàng trả bao nhiêu cho trang web? Từ 23.000 đến 120.000 rúp")
• Date (Ghi rõ ngày, từ ngày nào đến ngày nào. 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 làm nhận xét)
• Trình đơn thả xuống. Thực hiện trên blog của tôi, bạn có thể thấy nó. Ở 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. Đây chính xác là chức năng cung cấp tùy chọn này.
• Các hộp kiểm (nhiều lựa chọn, ví dụ: Trang web + Tạo logo + khuyến mãi + quảng cáo theo ngữ cảnh)
• Nút radio (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, giống như một lời đề nghị công khai)
• Câu đố (Bài kiểm tra là một chuỗi các 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 bạn không phải là robot và sẽ không spam.) Bảo vệ tốt từ THƯ RÁC. Lưu ý: tùy chọn này hoạt động nếu bạn đã kết nối plugin Captcha thực sự đơn giản.
• Tệp (Nếu bạn muốn cho phép người dùng tải tệp lên cho bạn, ví dụ: “Đính kèm điều khoản tham chiếu để phát triển trang web”).
• Submit (Gửi dữ liệu qua email)

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ệ của chúng tôi trong WordPress.

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 này:



Bằng cách nhấp vào tab văn bản (Văn bản), chúng tôi nhận được 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. Điều này được thực hiện để nếu người dùng không nhập tên vào đó thì sẽ không thể gửi đơn đăng ký cho bạn;

Sau đó, bạn sẽ thấy một mã ngắn để chèn trường này và bên cạnh đó là nút “Chèn thẻ” màu xanh lam. Điều 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 phong cách. Mã dưới đây:

Họ và tên

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

Và đây là màn hình:



Chúng tôi thực hiện thao tác tương tự cho trường “Email”. Chúng ta bấm vào tab tương ứng và vào hộp thoại này.



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

Email đầy đủ

< div class = "col-md-4" > < label class = "sr-only" >Email đầy đủ< / label >[ email* email - lớp 447 : biểu mẫu - giữ chỗ kiểm soát "Email của bạn" ] !}< / div >

Và đây là màn hình:



Và cuối cùng là nút “Gửi”. Cô ấy hoàn toàn hợp với phong cách của tôi.