Hướng dẫn cài đặt form đặt hàng cho blogspot

Khóa Học Online Thủ Thuật Template Blogger

-
Chào các bạn, hôm nay mình sẽ hướng dẫn các bạn cách tạo một form đặt hàng cho template bán hàng trên blogspot.

Đầu tiên các  bạn truy cập trang: https://docs.google.com/forms/u/0/
Các bạn tạo các ô theo thứ tự như trên
Mình sẽ tạo các ô như sau:
- Họ Tên
- Số Điện Thoại
- Địa chỉ Email
- Sản Phẩm
- Ghi chú
Lưu ý: Tất cả để là Trả lời ngắn, hoặc đoạn

Sau khi tạo xong, các bạn nhấn qua TAB câu trả lời rồi nhấn vào dấu cộng như hình dưới:

Khi link excel được mở ra các bạn nhấn vào Công cụ -> Trình sửa tập lệnh

Ra 1 link mới, các bạn copy đoạn code sau dán đè lên đó
function guiBieuMau(e)
{
  // Thay thế bằng địa chỉ email của bạn
  var email = "diachimail@gmail.com";
  // Tiêu đề của email được gửi về
  var subject = "Đơn đặt hàng tại......";
  // Không rành thì đùng đụng vào code ở dưới nhé
  var s = SpreadsheetApp.getActiveSheet();
  var columns = s.getRange(1,1,1,s.getLastColumn()).getValues()[0];
  var message = "";
  // Lấy ra những thông tin nào có dữ liệu điền vào
  for ( var keys in columns ) {
    var key = columns[keys];
    if ( e.namedValues[key] && (e.namedValues[key] != "") ) {
      message += key + ' :: '+ e.namedValues[key] + "\n\n";
    }
  }
  // Dùng MailApp service của Google Apps Script để gửi về email của bạn.
  MailApp.sendEmail(email, subject, message);
}
Các bạn thay email của bạn vào đó. Sau đó nhấn lưu
Tiếp theo nhấn vô biểu tượng đồng hồ

Các bạn chọn như hình

Nhấn vô chữ Thông báo chọn Ngay lập tức, sau đó nhấn lưu, nó yêu cầu xét các quyền, bạn chọn ok... nhấn lưu và quay lại form ban đầu
Nhấn vô biểu tượng con mắt mình tô màu vàng, nó sẽ ra link form, các bạn test thử xem nó có gửi về email chưa. Mình test thử và vô email kiểm tra.

Như vậy các bạn đã tạo xong form đặt hàng... Tiếp theo mình hướng dẫn thay form đặt hàng trên web.
Trên blog các bạn vô tìm tên là giỏ hàng hoặc thanh toán nằm ở Trang hoặc bài viết tùy theo mẫu của mình. (các mẫu landingpage nằm trực tiếp trong giao diện, form ô tô nằm trong giao diện).
Chọn Tab HTML
Nếu css nó lộn xộn bạn ctrl + A copy toàn bộ nó rồi vô trang http://jsbeautifier.org/ dán để sắp xếp lại css cho đẹp, dễ nhìn. xong bạn copy ngược lại dán đè vào chỗ cũ.
Thay link tô vàng ở hình trên bằng link biểu mẫu của bạn vừa mới tạo.
Sau đó quay lại biểu mẫu vừa tạo và nhấn CTRL + U.

Kéo xuống dưới cùng bạn sẽ thấy các con số tương ứng với các ô bạn đã tạo.

Con số này để làm gì, các bạn sẽ lấy nó thay vào các entry.số giỏ hàng (thanh toán, biểu mẫu)
Các bạn thay các con số tương ứng với bên giỏ hàng.. (sản phẩm mua tương ứng với tổng đơn hàng)
Các bạn lưu ý phải thay đúng các ô tương ứng để biểu mẫu hoạt động nhé.
Xong lưu lại và lên web test đặt hàng
Chia sẻ bởi: Plus Kiến Thức - PlusKienThuc.Com
Nếu bạn thấy bài viết có ích thì hãy like và chia sẻ bài viết này nhé!

Bình Luận Gần Đây