Hướng Dẫn Thay Form đặt Hàng - THEMEPDU

Trang chủ » Form đặt Hàng Html » Hướng Dẫn Thay Form đặt Hàng - THEMEPDU

Có thể bạn quan tâm

HOTT 779KĐã bao gồm Hosting + Domain .Com + 1 Mẫu Website

Hãy điền thông tin dưới đây để được hỗ trợ

Hủy bỏ Cảm ơn quý khách đã liên hệ! Chúng tôi sẽ sớm liên lạc với quý khách trong thời gian sớm nhất.
  • Thiết Kế Website lớn số 1 Việt Nam
  • themepdu@gmail.com
  • Hotline:0397152197

THEMEPDUTHEMEPDU

  • giới thiệu
  • Đăng ký
  • DỊCH VỤ
    • HOSTING DOMAIN
    • SEO ADS
    • THIẾT KẾ WEB
    • THỦ THUẬT WEB
  • PHP
    • Tin tức
    • Cá nhân
    • Bán Hàng
    • PHIM ẢNH
  • Wordpress
    • Tin tức
    • giới thiệu
    • Bán Hàng
    • Du lịch
    • Bất động sản
    • Diễn Đàn
    • NỘI THẤT
    • GIÁO DỤC
    • THEME FREE
  • Template Blog
    • Tin tức
    • Cá nhân
    • Bán hàng
    • Du lịch
    • Landing page
    • Phim ảnh
    • Template Free
Hướng dẫn thay form đặt hàng - THEMEPDU

Banner 1

» BLOG-OK » BLOG-THU-THUAT » Hướng dẫn thay form đặt hàng Trần Phương PD Hướng dẫn thay form đặt hàng tháng 3 16, 2017 Hướng dẫn thay form đặt hàng [tintuc]Hướng dẫn thay form đặt hàng và các biểu mẫu liên hệ như các trang landingpage.Xem video để hiểu (video cập nhật ngày 10/08/2017) Xin chào các bạn, mình sẽ hướng dẫn cách thay form đặt hàng trên website blogspot của mình, áp dụng cho tất cả các mẫu, biểu mẫu đặt hàng, form liên hệ.Trước tiên bạn nhìn vào form đặt hàng có bao nhiêu ô (trường), ví dụ hình dưới đây là 5 ô cần tạo (có bao nhiêu ô thì tạo bấy nhiêu trường). Vì mỗi mẫu có thể là 1 form (giỏ hàng) khác nhauMẫu 1: Tạo 5 ôMẫu 2: Tạo 7 ôMẫu 3: Tạo 6 ôRất nhiều kiểu form khác nhau.Tiếp theo 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 (ô sản phẩm bạn đặt tên là Sản phẩm mua)Mình sẽ tạo các ô như sau:1. Họ tên2. Địa chỉ3. Số ĐT4. Email (có hoặc không, theo mẫu trên thì không có email)5. Sản phẩm mua6. Ghi chúLưu ý: Tất cả để là Trả lời ngắn, hoặc đoạn (không cần bắt buộc). không check, không gì hết.. để là đoạn ngắn hoặc dài.Xem mẫu mình tạo: Tại đâySau khi tạo xong, các bạn nhấn qua TAB câu trả lờiTiếp theo nhấn vào dấu + mình tô màu vàng, nó mở ra 1 link excelCác bạn nhấn vào Công cụ -> Trình sửa tập lệnhRa 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);}hoặc code saufunction Initialize() { var triggers = ScriptApp.getProjectTriggers(); for(var i in triggers) { ScriptApp.deleteTrigger(triggers[i]); } ScriptApp.newTrigger("SendGoogleForm") .forSpreadsheet(SpreadsheetApp.getActiveSpreadsheet()) .onFormSubmit() .create(); } function SendGoogleForm(e) { try { // You may replace this with another email address var email = Session.getActiveUser().getEmail(); // Optional but change the following variable // to have a custom subject for Google Form email notifications var subject = "Đơn đặt hàng"; var s = SpreadsheetApp.getActiveSheet(); var columns = s.getRange(1,1,1,s.getLastColumn()).getValues()[0]; var message = ""; // Only include form fields that are not blank for ( var keys in columns ) { var key = columns[keys]; if ( e.namedValues[key] && (e.namedValues[key] != "") ) { message += key + ' :: '+ e.namedValues[key] + "\n\n"; } } // This is the MailApp service of Google Apps Script // that sends the email. You can also use GmailApp for HTML Mail. MailApp.sendEmail(email, subject, message); } catch (e) { Logger.log(e.toString()); } }Các bạn copy ở đây: Các bạn thay email của bạn vào đó. Sau đó nhấn lưuTiếp theo nhấn vô biểu tượng đồng hồCác bạn chọn như hìnhNhấ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 traEmail đã nhận thông báo.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)Tab HTMLNế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ũ.Link mình tô vàng là link form của bạn mới tạoCopy link tô màu vàng thế vô link trong giỏ hàng (chừa phần /viewform lại), tiếp theo trên form này bạn nhấn Ctrl + UKéo hết xuống dưới bạn sẽ thấy các con số tương ứng với các ô bạn đã tạoCon 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)Theo thứ tự: Họ tên, địa chỉ, số ĐT, Sản phẩm, Ghi chúXong lưu lại và lên web test đặt hàng[/tintuc] CHÚ Ý: + Một số theme, template sẽ không có bản download mà phải mua trả phí. + Các theme wordpress vì admin chưa đủ tài chính thuê hosting nên không có bản chạy demo, chỉ có ảnh. Nếu bạn ưng mẫu nào thì có thể inbox admin để admin chạy demo cho nhé! - Xem thêm: + Mẫu website bất động sản + Mẫu website bán hàng + Mẫu website nội thất + Mẫu website tin tức + Mẫu website giới thiệu sản phẩm. + Mẫu website giao vặt + Mẫu website du lịch + Hướng dẫn cài đặt theme & Dịch vụ khác Facebook Twitter Google Plus

Bài viết liên quan

Facebook Comment

0 Bình luận
Đăng ký: Đăng Nhận xét (Atom)

Nhãn

  • ĐÃ CHẠY DEMO (192)
  • HOSTING-DOMAIN (11)
  • LIKE (4)
  • template-blogspot (81)
  • TEMPLATE-FREE (86)
  • THEME-WORDPRESS (362)
  • TIN-TUC (20)
  • WP-BAN-HANG (200)
  • WP-BAT-DONG-SAN (40)
  • WP-DIEN-DAN (3)
  • WP-DU-LICH (22)
  • WP-GIAO-DUC (19)
  • WP-GIOI-THIEU (116)
  • WP-LANDINGPAGE (52)
  • WP-NHA-HANG-KHACH-SAN (15)
  • WP-NOI-THAT (36)
  • WP-SPA-THAM-MY (21)
  • WP-TIN-TUC (20)

Template theo màu

Chọn màu
  • Black
  • Blue
  • Gray
  • Green
  • Orange
  • Purple
  • Red
  • White
  • Yellow

Featured

$1.9/mo Web Hosting from Ipage! Domain Names for $0.88 with Namecheap

Bạn Bè

pdusoft

pducomputer

tiệm bánh quỳnh bakery

Bài đăng phổ biến

  • Template truyện tranh ExManga cho Blogspot - [giaban]100,000[/giaban] [tomtat] - CHỦ ĐỀ:Template Bloger - NGÔN NGỮ: xml, html,css,js - CHỨC NĂNG: label, responsive,, - Mẫu T...
  • HƯỚNG DẪN NÂNG - GIẢM PHIÊN BẢN PHP CHO XAMPP - WINDOW [tintuc]
  • Template Blogspot Chia sẻ hình ảnh cực đẹp 2019 - [giaban]100,000[/giaban] [tomtat] - CHỦ ĐỀ:Template Bloger - NGÔN NGỮ: xml, html,css,js - CHỨC NĂNG: label, responsive,, - Mẫu T...
  • mẫu nông sản sạch hạt điều wn032 [giaban]199,000[/giaban] [tomtat] - CHỦ ĐỀ:Theme bán hàng - NGÔN NGỮ: Wordpress,PHP - CHỨC NĂNG: giỏ hàng, đặt hàng, thanh toán, liên...

Banner 2

member

lượt Khách Hàng quan tâm đến dịch vụ của chúng tôi Copyright © 2018 - 2019 THEMEPDU
  • giới thiệu
  • Đăng ký
  • DỊCH VỤ
    • HOSTING DOMAIN
    • SEO ADS
    • THIẾT KẾ WEB
  • PHP
    • Tin tức
    • Cá nhân
    • Bán Hàng
    • PHIM ẢNH
  • Wordpress
    • Tin tức
    • giới thiệu
    • Bán Hàng
    • Du lịch
    • Bất động sản
    • Diễn Đàn
    • NỘI THẤT
    • GIÁO DỤC
    • THEME FREE
  • Template Blog
    • Tin tức
    • Cá nhân
    • Bán hàng
    • Du lịch
    • Landing page
    • Phim ảnh
    • Tổng hợp

Từ khóa » Form đặt Hàng Html