Form liên hệ là một yếu tố vô cùng quan trọng trong một website, đây chính là cầu nối giữ khách hàng với admin trang web, tạo dựng mối quan hệ tốt hơn. Nhưng không phải ai cũng biết cách tạo Form liên hệ cho website của mình. Trong bài viết này tôi sẽ chỉ bạn cách thêm Form liên hệ vào website bằng thủ công, Contact Form 7 và một vài plugin khác.
Form liên hệ là một tổ hợp các ô điền thông tin như: yêu cầu hỗ trợ, mua hàng, đăng ký nhận các thông tin liên quan,...Form liên hệ là cầu nối quan trọng giữa doanh nghiệp và khách hàng. Thông qua form, doanh nghiệp thu thập được những thông tin quý giá như họ tên, số điện thoại, email giúp xây dựng cơ sở dữ liệu khách hàng, từ đó tăng cường tương tác và nâng cao hiệu quả các chiến dịch marketing. Đồng thời, form liên hệ cũng là công cụ hữu hiệu để đo lường tỷ lệ chuyển đổi của website.Việc lựa chọn loại form liên hệ phù hợp sẽ giúp bạn thu thập được những thông tin cần thiết một cách hiệu quả. Dưới đây là một số gợi ý:
Form liên hệ cho website sẽ là một công cụ đắc lực giúp khách hàng liên hệ với bạn và ngược lại. Khi sử dụng đúng Form liên hệ trên website thì bạn sẽ nhận lại các lợi ích như:
Việc tạo form liên hệ trên website giúp bạn tự động thu thập thông tin khách hàng một cách hiệu quả. Khi khách hàng điền đầy đủ thông tin vào form, hệ thống sẽ tự động gửi thông báo đến bạn và lưu trữ thông tin vào danh sách khách hàng. Nhờ đó, bạn có thể dễ dàng:
Việc có form liên hệ có thể giúp nhiều thời gian để lấy thông tin của người dùng mà bạn cũng không chắc rằng họ có nhu cầu hay không. Form liên hệ sẽ giúp bạn thu thập thông tin những người thật sự muốn liên hệ với bạn.
Form đăng ký không chỉ là một công cụ thu thập thông tin mà còn là cầu nối giúp bạn kết nối với những khách hàng tiềm năng chất lượng cao. Khi người dùng tự nguyện điền thông tin vào form, điều đó chứng tỏ họ thực sự quan tâm đến sản phẩm hoặc dịch vụ của bạn, từ đó tăng khả năng chuyển đổi thành khách hàng thực tế.
Để có thể thêm Form liên hệ sẽ có 2 cách chính, tôi sẽ chỉ bạn cách code thuần và dùng Contact form 7 nhé!
Việc tự xây dựng form liên hệ cho website bằng code mang lại nhiều lợi ích nhưng cũng đi kèm với những thách thức nhất định.Ưu điểm:
Nhược điểm:
Nếu bạn đang dùng Wordpress, thì tôi sẽ cho bạn một đoạn code để chèn vào đăng ký nhé, nó sẽ giúp bạn đầy đủ chức năng và hãy thay đổi các điểm tôi tô đậm theo thông tin của bạn nhé.<?php// Tạo formecho '<form method="post" action="">';echo '<label for="name">Tên của bạn:</label>';echo '<input type="text" id="name" name="name" required>';echo '<label for="email">Email của bạn:</label>';echo '<input type="email" id="email" name="email" required>';echo '<label for="message">Tin nhắn của bạn:</label>';echo '<textarea id="message" name="message" rows="4"></textarea>';echo '<button type="submit">Gửi</button>';echo '</form>';// Xử lý khi form được gửiif(isset($_POST['submit'])) { $name = $_POST['name']; $email = $_POST['email']; $message = $_POST['message']; // Code gửi email ở đây // Sử dụng hàm mail() của PHP hoặc các thư viện gửi email khác $to = 'your_email@example.com'; // Địa chỉ email nhận $subject = 'Tin nhắn từ website'; $message = "Tên: $name\nEmail: $email\n\n$message"; $headers = "From: $name <$email>"; mail($to, $subject, $message, $headers); echo '<p>Cảm ơn bạn đã liên hệ! Chúng tôi sẽ phản hồi sớm nhất.</p>';}?>Đây là code PhP, hãy thêm class vào để dùng CSS cho form đẹp hơn theo ý bạn nhé, bạn sẽ nhận được form thông qua email bạn bỏ vào.
Bạn muốn tạo form liên hệ chuyên nghiệp nhưng không biết code? Đừng lo, có rất nhiều plugin WordPress giúp bạn thực hiện điều đó một cách dễ dàng. Trong số đó, Contact Form 7 là một trong những lựa chọn phổ biến nhất.Để không tốn nhiều thời gian thì tôi sẽ hướng dẫn cho bạn nhanh cho bạn thao tác cài đặt:
Bên cạnh Plugin Contact Form 7 sẽ còn rất nhiều plugin cho bạn lựa chọn, tôi sẽ gợi ý ngay dưới này cho bạn
Đây là một plugin miễn phí tương đối mới, được tích hợp trực tiếp với WordPress Customizer. Với giao diện trực quan, bạn có thể dễ dàng tùy chỉnh giao diện website bằng các thao tác kéo thả đơn giản.Đặc biệt, plugin còn đi kèm với tính năng bảo vệ thư rác tích hợp, giúp bạn lọc bỏ các tin nhắn spam hiệu quả. Nhờ thiết kế nhẹ nhàng, plugin này hoạt động nhanh chóng và ổn định, không làm ảnh hưởng đến tốc độ tải trang của website.
Đây là một plugin miễn phí tương đối mới, được tích hợp trực tiếp với WordPress Customizer. Với giao diện trực quan, bạn có thể dễ dàng tùy chỉnh giao diện website bằng các thao tác kéo thả đơn giản. Đặc biệt, plugin còn đi kèm với tính năng bảo vệ thư rác tích hợp, giúp bạn lọc bỏ các tin nhắn spam hiệu quả. Nhờ thiết kế nhẹ nhàng, plugin này hoạt động nhanh chóng và ổn định, không làm ảnh hưởng đến tốc độ tải trang của website.
Plugin này giúp bạn tạo ra các biểu mẫu đa dạng một cách nhanh chóng và trực quan ngay trên giao diện WordPress. Với giao diện kéo thả thân thiện, bạn không cần phải viết bất kỳ đoạn code nào.
Với thiết kế hiện đại và trực quan, giải pháp này mang đến trải nghiệm tạo form vô cùng mượt mà. Hơn thế nữa, hệ thống hỗ trợ đa dạng các loại trường và tính năng nâng cao sẽ giúp bạn xây dựng những form thu thập dữ liệu hiệu quả.
Tạo form liên hệ trong wordpress với giao diện đồ họa với tính năng cung cấp cho khách truy cập khả năng gửi bài viết của riêng hẹ, trả lời tự động, chống thư rác, …Với Caldera Form sẽ giúp bạn tạo form liên hệ với giao diện đồ họa với tính năng riêng giúp bạn không bỏ lỡ bất kỳ đơn hàng nào từ khách hàng.
Nếu bạn muốn thêm một trang cảm ơn mà nó sẽ tự động chuyển khách tới sau khi gửi thông tin xong thì bạn có thể cài plugin Contact Form 7 – Success Page Redirects.
Nếu bạn gặp phải tình trạng không thể gửi email qua form trên website, rất có thể là do nhà cung cấp hosting của bạn đã chặn hàm gửi mail để tăng cường bảo mật. Điều này nhằm ngăn chặn các hoạt động spam hoặc gửi email hàng loạt trái phép.
Tôi vừa liên hệ được với Terus Technique và họ làm cho bạn một form liên hệ code thuần đây:<!DOCTYPE html><html><head> <title>Form Liên Hệ</title> <link rel="stylesheet" href="style.css"></head><body> <form id="contact-form" method="post"> <label for="name">Tên của bạn:</label> <input type="text" id="name" name="name" required> <label for="email">Email của bạn:</label> <input type="email" id="email" name="email" required> <label for="message">Tin nhắn của bạn:</label> <textarea id="message" name="message" rows="4"></textarea> <button type="submit">Gửi</button> </form> <style>/* Bạn có thể tùy chỉnh CSS theo ý muốn */form { width: 500px; margin: 0 auto; padding: 20px; border: 1px solid #ccc;}label { display: block; margin-bottom: 10px;}input, textarea { width: 100%; padding: 10px; margin-bottom: 20px; border: 1px solid #ccc;}button { background-color: #4CAF50; color: white; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer;}</style><script> const form = document.getElementById('contact-form'); form.addEventListener('submit', (event) => { event.preventDefault(); const name = document.getElementById('name').value; const email = document.getElementById('email').value; const message = document.getElementById('message').value; // Gửi dữ liệu đến file PHP bằng phương thức POST fetch('process.php', { method: 'POST', body: JSON.stringify({ name, email, message }) }) .then(response => response.text()) .then(data => { alert(data); // Hiển thị thông báo từ PHP }) .catch(error => { console.error('Error:', error); }); });</script></body></html>Sau đó hãy mở file php để dòng code sau: <?php// Nhận dữ liệu từ form$name = $_POST['name'];$email = $_POST['email'];$message = $_POST['message'];// Xử lý dữ liệu ở đây (ví dụ: gửi email)$to = 'your_email@example.com';$subject = 'Tin nhắn từ website';$message = "Tên: $name\nEmail: $email\n\n$message";$headers = "From: $name <$email>";if (mail($to, $subject, $message, $headers)) { echo "Tin nhắn đã được gửi thành công!";} else { echo "Có lỗi xảy ra khi gửi tin nhắn.";}?>