Xem video hướng dẫn
Blogspot bán hàng hiện nay là nền tảng web, blog được nhiều bạn kinh doanh lựa chọn và sử dụng vì blogspot bán hàng có những ưu điểm vượt trội như:
Bạn có thể tham khảo một số mẫu blogspot bán hàng bên mình thiết kế để xem demo giỏ hàng và đặt hàng blogspot bán hàng:
Live demo: http://demo56.share123.com.vn/
Ok vậy là xong phần giỏ hàng Blogspot rồi đó.
- Chi phí xây dựng, thiết kế blog rẻ, không mất phí duy trì hosting hàng năm.
- Có thể quản lý đơn hàng dễ dàng qua Form google và thông báo đơn hàng về email
- Nhiều giao diện đẹp dễ tùy biến, nhiều lựa chọn (Tham khảo Mẫu blogspot bán hàng)
- Dễ dàng quản trị nội dung và upload nội dung, không lo tốn tài nguyên, hết băng thông, ...
Bạn có thể tham khảo một số mẫu blogspot bán hàng bên mình thiết kế để xem demo giỏ hàng và đặt hàng blogspot bán hàng:
Live demo: http://demo56.share123.com.vn/
Đầu tiên bạn cần tạo form biểu mẫu đặt hàng (Xem hướng dẫn tạo form goole biểu mẫu), bạn làm như sau:
Đăng nhập gmail bạn cần nhận thông tin khách hàng mua hàng ➔ Vào google drive ➔ Tạo mới ➔ Ứng dụng khác ➔ google biểu mẫu ➔ tạo một form có đẩy đủ các thành phần như hình sau:
Sau đó nhấn "GỬI" để hoàn tất việc tạo form đặt hàng
Bạn chuyển sang biểu tượng Link liên kết như hình trên ➔ Mở link form đó, xem biểu mẫu trực tiếp nhấn tổ hợp Ctrl + U . Trình duyệt sẽ mở ra tab mới bạn sử dụng chức năng tìm kiếm (Ctrl+F) tìm kiếm đoạn code có dạng tương tự như sau:
Bạn có thể copy ra Notepad++ đoạn code trên để dễ tìm kiếm và xử lý.
Ở đây bạn lưu ý những dòng code sau:
- Trường thông tin màu xanh: Ví dụ Họ và tên
- Dòng ID màu đỏ tương ứng với trường thông tin: Ví dụ 1163305151
Tiếp theo bạn tiếp tục tìm kiếm đoạn code tương tự đoạn code sau:
Bạn lưu lại để làm bước tiếp theo nhé.
Đăng nhập gmail bạn cần nhận thông tin khách hàng mua hàng ➔ Vào google drive ➔ Tạo mới ➔ Ứng dụng khác ➔ google biểu mẫu ➔ tạo một form có đẩy đủ các thành phần như hình sau:
Sau đó nhấn "GỬI" để hoàn tất việc tạo form đặt hàng
Bạn chuyển sang biểu tượng Link liên kết như hình trên ➔ Mở link form đó, xem biểu mẫu trực tiếp nhấn tổ hợp Ctrl + U . Trình duyệt sẽ mở ra tab mới bạn sử dụng chức năng tìm kiếm (Ctrl+F) tìm kiếm đoạn code có dạng tương tự như sau:
<script type="text/javascript">var FB_PUBLIC_LOAD_DATA_ = [null,[null,
[[694688120,"Họ và tên",null,0,[[1163305151,null,1]
]
]
,[1468232750,"Địa chỉ",null,0,[[907697464,null,1]
]
]
,[737430386,"Số điện thoại",null,0,[[1379117568,null,1]
]
]
,[1897205518,"Email",null,0,[[862252253,null,0]
]
]
,[292833533,"Sản phẩm cần mua",null,1,[[1906059869,null,0]
]
]
,[471265725,"Ghi chú",null,1,[[451854143,null,0]
]
]
]
,null,null,null,null,null,null,null,32,null,null,null,null,null,[2]
]
,"/forms","KH đặt hàng sản phẩm","",null,[[1,"https://docs.google.com/[domain]spreadsheet/ccc?key\u003d[key]\u0026usp\u003d[usp]#gid\u003dform"]
,[2,"//www.google.com/fusiontables/data?docid\u003d[key]"]
,[3,"https://docs.google.com/[domain]spreadsheets/d/[key]?usp\u003d[usp]#gid\u003d[grid]"]
]
,"0","",0,0,"","",0,"e/1FAIpQLSdQQK8oelcBPPmqTjiAdkMFKEY0lnRVHW-PQDEwqUYY0bu3-A",1]
;</script>
Bạn có thể copy ra Notepad++ đoạn code trên để dễ tìm kiếm và xử lý.
Ở đây bạn lưu ý những dòng code sau:
- Trường thông tin màu xanh: Ví dụ Họ và tên
- Dòng ID màu đỏ tương ứng với trường thông tin: Ví dụ 1163305151
Tiếp theo bạn tiếp tục tìm kiếm đoạn code tương tự đoạn code sau:
https://docs.google.com/forms/d/e/1FAIpQLSdQQK8oelcBPPmqTjiAdkMFKEY0lnRVHW-PQDEwqUYY0bu3-A/formResponse
Bạn lưu lại để làm bước tiếp theo nhé.
Bạn truy cập trang quản trị blogspot ➔ Trang ➔ Chỉnh sửa mục Giỏ hàng và Mua ngay
Bạn chuyển sang chế độ HTML và quan tâm dòng code sau:
Sau đó bạn Cập nhật và chuyển sang Bước 3
Bạn chuyển sang chế độ HTML và quan tâm dòng code sau:
<form action="https://docs.google.com/forms/d/e/1FAIpQLSc_oklobPt7EO05qTI4gVMOZXnRSaxeexyj7o8K-q7ak0nhig/formResponse?embedded=true" class="blockform" id="form_dathang" method="POST" onsubmit="return emptycart()" style="display: block;" target="hidden_iframe">
<div class="content-muangay">
<div class="col-md-7 left-muangay">
<div class="clear"> </div>
<div class="callout radius box_gio_hang">
<h3>
Thông tin giỏ hàng của bạn</h3>
<div class="simpleCart_items "> </div>
<ul class="pricing-table">
<li class="price"><span class="simpleCart_finalTotal" style="color: red;"></span> </li>
</ul>
</div>
<textarea aria-label="Thông Tin SP " class="ss-q-long valid" cols="0" dir="auto" id="entry_1366343006" name="entry_1366343006" rows="8"></textarea>
</div>
<div class="col-md-5 checkout"> <span class="tt-muangay"><label>Thông tin giao hàng</label></span>
<br />
<div class="node"> * Vui lòng nhập đầy đủ thông tin để chúng tôi giao hàng được chính xác, cảm ơn!</div>
<table cellpadding="0" cellspacing="0" class="muangay" style="width: 96%;">
<tbody>
<tr>
<td colspan="2">
<label for="entry_1054987373">
<input aria-label="Họ và tên" aria-required="true" class="ss-q-short" dir="auto" id="entry_1054987373" name="entry.1054987373" placeholder="Tên đầy đủ của bạn (*)" required="" title="" type="text" value="" /> </label>
</td>
</tr>
<tr>
<td colspan="2">
<div class="node"> * Địa chỉ nhận hàng</div>
<label for="entry_759686805">
<input aria-label="Số nhà, đường, (tòa nhà), phường/xã… (*)" aria-required="true" class="ss-q-short" dir="auto" id="entry_759686805" name="entry.759686805" placeholder="Số nhà, đường, (tòa nhà), phường/xã… (*)" required="" title="" type="text" value="" /> </label>
</td>
</tr>
<tr>
<td colspan="2">
<label for="entry_541202326">
<input aria-label="Số điện thoại (*)" aria-required="true" class="ss-q-short" dir="auto" id="entry_541202326" name="entry.541202326" placeholder="Số điện thoại (*)" required="" title="" type="text" value="" /> </label>
</td>
</tr>
<tr>
<td colspan="2">
<label for="entry_2042029242">
<input aria-label="Email (*)" aria-required="true" class="ss-q-short" dir="auto" id="entry_2042029242" name="entry.2042029242" placeholder="Email (*)" required="" title="" type="text" value="" /> </label>
</td>
</tr>
<tr>
<td colspan="2">
<div class="node"> * Tổng Đơn hàng</div>
<label for="entry_285795942">
<textarea aria-label="Tổng đơn hàng" class="ss-q-long" cols="0" dir="auto" id="entry_285795942" name="entry.285795942" placeholder="Tổng đơn hàng" rows="8"></textarea>
</label>
</td>
</tr>
<tr>
<td colspan="2">
<div class="node"> * Ghi chú</div>
<label for="entry_1964535027">
<textarea aria-label="Ghi chú" class="ss-q-long" cols="0" dir="auto" id="entry_1964535027" name="entry.1964535027" placeholder="Giao cho tôi vào giờ hành chính." rows="8"></textarea>
</label>
</td>
</tr>
<tr>
<td colspan="2">
<label>
<input class="button" id="ss-submit" name="submit" type="submit" value="Gửi" /> </label>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</form>
Bạn thay các Trường thông tin và ID ở Bước 1 vào các trường thông tin trong form tương xứngSau đó bạn Cập nhật và chuyển sang Bước 3
3.1 Vào Chủ đề ➔ Chỉnh sủa HTML:
Tìm 2 đoạn này:
3.2 Tìm đoạn này: Tổng Tiền: " + number_format ( ctrl+F) ngay dưới: e.entry = "entry_1906059869"; bạn thay entry_1906059869 thành entry_..... ở phần Sản phẩm cần mua: Trong form google của bạn nha.
Tìm 2 đoạn này:
- Urlmuangay
- Urlgiohang
Thành link đằng sau thành link Giỏ hàng và Mua ngay của bạn:3.2 Tìm đoạn này: Tổng Tiền: " + number_format ( ctrl+F) ngay dưới: e.entry = "entry_1906059869"; bạn thay entry_1906059869 thành entry_..... ở phần Sản phẩm cần mua: Trong form google của bạn nha.
Ok vậy là xong phần giỏ hàng Blogspot rồi đó.
Không có nhận xét nào: