3 Cách Tạo Form Liên Hệ Cho Website Từ Code PHP, Contact Form 7 Đến Chèn Google Form Vào WordPress

Ad xin chào các bạn. Hôm nay ad xin hướng dẫn 2 cách code cho form contact hoạt động, đồng thời mách bạn giải pháp chèn google form vào wordpress cực nhanh mà không cần động đến code phức tạp. Chúng ta cùng đi vào nhé!

Cách 1: Bạn cài plugin Contact Form 7

Cách cài plugin các bạn cũng biết rồi phải không nào. Sau khi cài trong thì bạn sẽ vào chỗ mình chỉ mũi tên vào tạo 1 form mới

Ví dụ bạn có 1 đoạn html như sau:

Bạn tạo 1 form contact form 7 mới sẽ tương ứng như sau:

Sau đó bạn chuyển sang tab Mail để cấu hình tiếp nhé:

Chỗ mình chỉ là nó đang báo lỗi đỏ là vì mình k để tên miền của mình. Bạn thay bằng tên miền của bạn vào nhé! Còn các tab khác bạn tự tìm hiểu thêm nhé!

Ok đến đây là bạn đã custom đc đoạn html đó rồi, bây giờ là việc mà chúng ta sẽ gọi đoạn code đó ra. Bạn vào code và dùng đoạn code như sau đặt vào chỗ mình muốn:

echo do_shortcode('

 













THIẾT KẾ WEBSITE VN4U

Dien day du thong tin de nhan dc su ho tro
Nhập tên của bạn:  
Emal:
SĐT:



	



													


													  	


													    	

													  	

													  	


													    	
Nâng cao doanh số bán hàng

													  	

													

												

												


													


													  	


													    	

													  	

													  	


													    	
Thân thiện các thiết bị di động

													  	

													

												

												


													


													  	


													    	

													  	

													  	


													    	
Thu lợi nhuận về cho doanh nghiệp

													  	

													

												

											

											


												


													


														
VN4U

													

													


														
 0984 510 136

													

													


														
vn4u.ltd@gmail.com

													

												

											

										



')

Cách 2: Chúng ta sẽ sử dụng hàm gửi mail của wordpress

if(isset($_POST['formf']) && !empty($_POST['formf'])){
   $url = 'https://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'];
   $headers = array('Content-Type: text/html; charset=UTF-8');
   $hoten = $_POST['hoten'];
   $sdt = $_POST['sdt'];
   $email = $_POST['email'];
   $message = $_POST['message'];
   $tieude = $_POST['tieude'];
   $email_to = 'admin@gmail.com';
   $email_subject = 'Form đăng ký';
   $email_body = "Form xem mẫu website 
".
   "Tiêu đề : ".$tieude.'
'.
   "Khách hàng : ".$hoten.'
'.
   'Số điện thoại : '.$sdt.'
'.
   'Email :'.$email.'
'.
   'Tin nhắn :'.$message.'
'.
   'Url :'.$url.'
'
   ;
   $send_mail = wp_mail($email_to, $email_subject, $email_body,$headers);

}
Email là email bạn muốn thư gửi về. Ok đến đây bạn test thử xem nhé! Chúc các bạn thành công

Cách 3: Giải pháp mở rộng – Chèn Google Form vào WordPress đơn giản, tự động lưu dữ liệu

Bên cạnh 2 cách code form contact truyền thống ở trên, nếu bạn ngại cấu hình SMTP hay sợ web bị lỗi không gửi được mail thì phương pháp nhúng Google Biểu mẫu (Google Form) trực tiếp vào bài viết hoặc trang WordPress là giải pháp tiện ích nhất. Mọi dữ liệu khách hàng gửi về sẽ tự động ghi nhận thẳng vào Google Trang tính (Google Sheets).

Bước 1: Lấy mã nhúng iFrame từ Google Form

1. Mở biểu mẫu Google Form bạn đã thiết kế sẵn.
2. Nhấn vào nút Gửi (Send) ở góc trên bên phải màn hình.
3. Chọn biểu tượng tab mã nhúng <> (Embed HTML).
4. Điều chỉnh thông số chiều rộng (Width) thành 100% và chiều cao (Height) phù hợp (thường từ 700px đến 900px tùy độ dài của biểu mẫu) để form hiển thị đẹp trên mọi giao diện điện thoại và máy tính.
5. Bấm Sao chép (Copy) đoạn mã dạng:

<iframe src=”https://docs.google.com/forms/d/e/…/viewform?embedded=true” width=”100%” height=”800″ frameborder=”0″ marginheight=”0″ marginwidth=”0″>Đang tải…</iframe>

Bước 2: Nhúng vào WordPress

• Với trình soạn thảo Gutenberg: Thêm block HTML tùy chỉnh (Custom HTML) vào vị trí bạn muốn hiển thị, dán đoạn mã iframe vừa sao chép vào rồi bấm Lưu.
• Với trình soạn thảo Elementor: Kéo widget HTML vào vị trí mong muốn trên Section và dán đoạn mã nhúng vào.
• Với code theme PHP: Bạn có thể dán trực tiếp đoạn mã iframe này vào file template (page-contact.php hoặc single.php) tương tự như cách gọi shortcode ở Cách 1.

Nên chọn cách tạo form nào cho website của bạn?

Tùy theo nhu cầu thu thập thông tin đơn giản hay cần tùy biến giao diện khớp từng pixel với thiết kế web, bạn hãy chọn cho mình phương án tối ưu nhất.