Tạo form liên hệ nhanh cho Flatsome cùng contact from 7

Xin chào các bạn,

hôm nay mình sẽ gửi đến các bạn 1 đoạn code ngắn hỗ trợ cho các bạn tạo form liên hệ nhanh cho Flatsome rất nhanh chóng và đẹp mắt với type make by me.

Sau khi bạn copy và paste sẽ được như bên dưới. Nhớ lên flaticon kiếm hình icon thay vào + thay banner hình đẹp mắt nhé. Vì code thì nó ko bao gồm hình ảnh (các bạn chủ động hình theo ý thích của mình hoặc dự án nhé.)

Tao form lien he nhanh cho flatsome
Tao form lien he nhanh cho flatsome

Và bây giờ, Mời các bạn cùng xem bài viết nhé.

 

1. CHÈN CODE CSS

.lien-he input[type="text"], .lien-he input[type="tel"], .lien-he input[type="email"], .lien-he textarea {
    border: 0px;
    box-shadow: none !important;
    border-bottom: 1px solid #000;
}

 

 

1. CHÈN CODE CONTACT FORM

 
[text* your-name placeholder "Họ & Tên"]
[text* address placeholder "Địa chỉ"]
[tel* tel placeholder "Điện thoại"]
[email* email placeholder "Email"]
[textarea your-message placeholder "Nội dung"]
[submit "GỬI THÔNG TIN"]

 

3. BUILDER

Bạn tạo 1 section với class là lien-he
sau đó chọn module cf7 và chọn form, vậy là xong

 

4. FULL CODE TRANG BUILDER

	
CÔNG TY CP ĐẦU TƯ PHÁT TRIỂN HAPPY LAND
LIÊN HỆ VỚI CHÚNG TÔI
[contact-form-7 404 "Not Found"]

Các bạn copy về rồi dùng trình xử lý code chỉnh cho code nó ngay ngắn lại trước khi paste vào wp là ok.
Done rồi đó, chúc các bạn Tạo được form liên hệ nhanh chóng cho dự án website Flatsome của mình nhé.

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *