PLUGIN TẠO FORM LIÊN HỆ TRONG WORDPRESS

      11

Bạn đang muốn tạo form tương tác đẹp cho website WordPress của mình? trường hợp được hỏi yêu cầu dùng plugin gì để triển khai form liên hệ, mình sẽ vấn đáp ngay là hãy dùng liên hệ Form 7.

Thật vậy, đó là một plugin form liên hệ hoàn toàn miễn phí và phù hợp với gần như trang web. Nó được cho phép bạn tạo nên một form liên hệ mạnh mẽ, các trường nội dung, rất có thể gởi mail cho cả admin và quý khách hàng khi chúng ta gởi form đi. Ngoài ra, bạn cũng có thể lưu thông tin người sử dụng gởi vào trong database wordpress và theo dõi chúng từ trang quản lí trị. Nếu chưa tìm hiển về tương tác Form 7, hãy tham khảo 2 bài viết sau nhé:

*

Vậy là bạn đã đưa ra quyết định dùng tương tác Form 7 cho để làm form liên hệ trang website của mình. Nhưng mà khoan, sao nhưng nó xấu thế này!

Đang có tác dụng một website đẹp từ bên trên xuống dưới tới phần khung yêu cầu tư vấn này nó kỳ quá! gồm thể bạn sẽ chán và từ vứt plugin tương tác Form 7 ngay để tìm plugin miễn chi phí khác với mong muốn nó đẹp mắt hơn.

Từ trường đoản cú đã, bạn cũng có thể làm mang đến nó đẹp hẳn lên với vài đoạn mã HTML với CSS.

*

Thật vậy, liên hệ Form 7 có thể chấp nhận được bạn chèn các thẻ html cùng định dạng css khi chế tạo form. Bạn trọn vẹn có thể biến đổi diện mạo form liên hệ của mình. Sau đấy là một ví dụ, bản thân sẽ cho các ô nhập có màu xám, góc bo tròn, chuẩn bị 2 ô lên một hàng như hình mặt dưới:

*
Để làm được form này, chúng ta cần cho đoạn CSS sau. Copy với dán nó vào file style.css của giao diện nhiều người đang sử dụng nhé!

.formdangky .col padding: 0 5px 30px !important;.formdangky .small-5 max-width: 41.66667%;flex-basis: 41.66667%;float: left;

Bạn đang xem: Plugin tạo form liên hệ trong wordpress

media (min-width: 1281px)

.formdangky .small-2 max-width: 16.66667%;flex-basis: 16.66667%;float: left;


media (min-width: 1025px) and (max-width: 1280px)

.formdangky .small-2 max-width: 16.66667%;flex-basis: 16.66667%;float: left;


Xem thêm: Làm Cách Tắt Các Chương Trình Đang Chạy Trên Win 7 Nhanh Nhất

media (min-width: 768px) & (max-width: 1024px)

.formdangky .small-2 max-width: 16.66667%;flex-basis: 16.66667%;float: left;


media (min-width: 768px) and (max-width: 1024px) và (orientation: landscape)

.formdangky .small-2 max-width: 16.66667%;flex-basis: 16.66667%;float: left;

.formdangky input, .formdangky input, .formdangky input,.formdangky textarea background: #ebebeb !important;border-radius: 4px;height: 3em !important;font-weight:normal;

.formdangky textarea min-height: 7em !important;

.formdangky inputmin-height: 3.5em !important;border-radius:10px;background: linear-gradient(to right, #f48a35, #eb5810);


media (min-width: 481px) & (max-width: 767px)

.formdangky .small-5,.formdangky .small-2 max-width: 100%;flex-basis: 100%;float:center !important ;align-content: center !important;.formdangky input min-height: 2.5em !important;width: 100%;


media (min-width: 320px) & (max-width: 480px)

.formdangky .small-5,.formdangky .small-2 max-width: 100%;flex-basis: 100%;float:center !important ;align-content: center !important;.formdangky input min-height: 2.5em !important;width: 100%;

hotlive |

Hi88