0
SUBTOTAL :
empty cartcheckout
Tạo form google app

Tạo form google app

Size
Price:
Add to CartProduct Added View Cart Checkout

Đọc thêm

Để tạo một form tương tự và lưu dữ liệu vào Google Sheet, bạn cần làm theo các bước sau:

1. Chuẩn bị Google Sheet

  • Tạo một Google Sheet mới.
  • Đặt tên cột theo các thông tin bạn muốn thu thập (Ví dụ: Tên, Số điện thoại, Email, Ghi chú,...).
  • Lấy ID của Google Sheet từ URL (nằm giữa /d/ và /edit).

2. Tạo Google Form bằng HTML và JavaScript

Bạn cần sử dụng Google Apps Script để liên kết form với Google Sheet. Dưới đây là code hoàn chỉnh:

File HTML:

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Form Đăng Ký</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      padding: 20px;
    }
    form {
      max-width: 400px;
      margin: auto;
    }
    input, textarea {
      width: 100%;
      padding: 10px;
      margin: 10px 0;
      border: 1px solid #ccc;
      border-radius: 5px;
    }
    button {
      background-color: #4CAF50;
      color: white;
      padding: 10px;
      border: none;
      border-radius: 5px;
      cursor: pointer;
    }
    button:hover {
      background-color: #45a049;
    }
  </style>
</head>
<body>
  <h2>Form Đăng Ký</h2>
  <form id="registrationForm">
    <label for="name">Họ và Tên:</label>
    <input type="text" id="name" name="name" required>
    
    <label for="phone">Số Điện Thoại:</label>
    <input type="tel" id="phone" name="phone" required>
    
    <label for="email">Email:</label>
    <input type="email" id="email" name="email" required>
    
    <label for="note">Ghi Chú:</label>
    <textarea id="note" name="note"></textarea>
    
    <button type="button" onclick="submitForm()">Gửi</button>
  </form>
  
  <p id="responseMessage"></p>
  
  <script>
    function submitForm() {
      const form = document.getElementById('registrationForm');
      const data = new FormData(form);

      fetch('https://script.google.com/macros/s/YOUR_SCRIPT_ID/exec', {
        method: 'POST',
        body: data
      })
      .then(response => response.json())
      .then(data => {
        if (data.result === 'success') {
          document.getElementById('responseMessage').innerText = 'Gửi thông tin thành công!';
          form.reset();
        } else {
          document.getElementById('responseMessage').innerText = 'Có lỗi xảy ra. Vui lòng thử lại.';
        }
      })
      .catch(error => {
        console.error('Error:', error);
        document.getElementById('responseMessage').innerText = 'Có lỗi xảy ra. Vui lòng thử lại.';
      });
    }
  </script>
</body>
</html>

Google Apps Script:

  1. Mở Google Sheet của bạn.
  2. Vào Extensions > Apps Script.
  3. Dán đoạn mã sau vào file Code.gs:
javascript
function doPost(e) {
  const sheet = SpreadsheetApp.openById('YOUR_GOOGLE_SHEET_ID').getActiveSheet();
  const data = e.parameter;

  const name = data.name || '';
  const phone = data.phone || '';
  const email = data.email || '';
  const note = data.note || '';

  sheet.appendRow([new Date(), name, phone, email, note]);

  return ContentService.createTextOutput(
    JSON.stringify({ result: 'success' })
  ).setMimeType(ContentService.MimeType.JSON);
}
  1. Thay 'YOUR_GOOGLE_SHEET_ID' bằng ID Google Sheet của bạn.
  2. Lưu lại và nhấn Deploy > New Deployment > Web App:
    • Project version: New version (e.g., v1).
    • Execute as: Me.
    • Who has access: Anyone.
  3. Nhấn Deploy và sao chép Web App URL.

3. Hoàn thiện

  • Dán Web App URL vào fetch() trong file HTML thay thế 'YOUR_SCRIPT_ID'.
  • Đưa file HTML lên server hoặc hosting.

4. Kết quả

Form của bạn sẽ hoạt động như mong muốn, lưu thông tin trực tiếp vào Google Sheet!

0 Reviews

Biểu mẫu liên hệ

Tên

Email *

Thông báo *