Công cụ chuyển đổi Google Form thành Form cho website
Công dụng của tool chuyển đổi Google Form:
- Không cần SMTP, dùng Google Form để tạo các form bắt thông tin đơn giản (tùy mục đích)
- Chỉ cần tạo Google Form và công cụ sẽ trích xuất các trường Entry cần thiết và đưa vào code
- Dễ sử dụng để clone các form có sẵn từ Landing Page, Wordpress chẳng hạn
- Tăng độ chuyên nghiệp của form
Cách sử dụng
- Bạn tạo 1 Google Form bất kì tại https://docs.google.com/
- Sau khi xuất bản thì bạn hãy qua ẩn danh để test form và chọn Viewsource để copy toàn bộ form
- Dán vào khung bên dưới để tự động trích xuất nội dung qua Form
- Công cụ sẽ tự động tạo Form hoạt động được cho bạn, dạng HTML Form để dễ dàng chế vào page bạn muốn
- Nếu bạn không muốn chuyển về Google Form sau khi bấm nút GỬI thì sửa target="_self" trong FINAL Code thành target="_iframe" và thêm bên trên code <iframe name="_iframe" width="0" height="0" border="0" style="display: none;"></iframe> để chặn chuyển đổi về khung
- Bạn cũng nên biết sơ về CSS nếu muốn form mình đẹp hơn nhé
Code mẫu tham khảo sau khi dùng chuyển đổi bên dưới có cả Capcha đơn giản và Bẫy nội dung
<iframe name="_iframe" width="0" height="0" border="0" style="display:none;"></iframe>
<form id="sp79-form"
action="https://docs.google.com/forms/u/0/d/e/<thay form ID của bạn vào đây>/formResponse"
method="POST"
target="_iframe"
onsubmit="return validateSP79Form();"
>
<input style="width:50%;padding:12px;margin-bottom:12px;"
name="entry.1884265043"
id="sp79-name"
placeholder="Tên của Quý khách"
type="text"
/><br/>
<input style="width:50%;padding:12px;margin-bottom:12px;"
name="entry.1212348438"
id="sp79-phone"
placeholder="Số điện thoại"
type="text"
/><br/>
<input style="width:50%;padding:12px;margin-bottom:12px;"
name="entry.513669972"
id="sp79-issue"
placeholder="Quý khách đang gặp vấn đề sức khỏe nào?"
type="text"
/><br/>
<!-- CAPTCHA -->
<input style="width:50%;padding:12px;margin-bottom:12px;"
id="sp79-captcha"
placeholder="Xác nhận: 1 + 2 = ?"
type="text"
/><br/>
<button class="sp79-btn" style="width:30%;" type="submit">
CẦN GỌI TƯ VẤN NGAY
</button>
<!-- MESSAGE -->
<p id="sp79-message" style="margin-top:15px;font-weight:600;"></p>
</form>
<script>
function validateSP79Form() {
const name = document.getElementById("sp79-name").value.trim();
const phone = document.getElementById("sp79-phone").value.trim();
const issue = document.getElementById("sp79-issue").value.trim();
const captcha = document.getElementById("sp79-captcha").value.trim();
const message = document.getElementById("sp79-message");
// Reset message
message.style.color = "#c62828";
message.innerHTML = "";
// Check empty fields
if (!name || !phone || !issue || !captcha) {
message.innerHTML = "⚠️ Vui lòng điền đầy đủ thông tin trước khi gửi.";
return false;
}
// Check captcha
if (captcha !== "3") {
message.innerHTML = "❌ Phép tính chưa đúng. Vui lòng kiểm tra lại.";
return false;
}
// Success
message.style.color = "#2e7d32";
message.innerHTML = "✅ Đã gửi thông tin thành công! SP79 sẽ liên hệ sớm nhất.";
// Reset form after submit
setTimeout(() => {
document.getElementById("sp79-form").reset();
}, 1200);
return true; // allow submit
}
</script>
