Hướng dẫn cài đặt

Giaodienblog.net hướng dẫn cài đặt mẫu blogspot bán hàng:

1. Bộ cài đặt gồm có 2 file:


- File có tên Data.xml: Đây là toàn bộ bài viết mẫu và giỏ hàng bên trong các bạn vô mục Cài đặt - Khác - Nhập nội dung và upload file đó lên.

Hướng dẫn cài đặt


- File có tên Theme.xml: Đây là file giao diện các bạn mở nó bằng Notepad++ nếu trong máy bạn chưa cài phền mềm thì các bạn lên Google tải về, sau đó copy toàn bộ và dán đè lên HTML của giao diện cũ. Các bạn lưu ý là không nên upload trực tiếp vì nó sẽ lưu các tiện ích từ giao diện cũ.

- File theme.xml: Đây là giao diện của blog, các bạn mở file bằng notepadd++ copy và dán đè lên giao diện của bạn mới tạo và lưu lại.

Lưu ý: Hình ảnh các bạn nên xử lý photoshop cho cùng kích thước để sản phẩm hiển thị đẹp trên website sẽ không bị co, bóp méo.

Cài đặt thông tin

Logo: Trong bố cục có thiết lập sẵn mục logo các bạn vô đó thay lại link, hoặc upload trực tiếp tùy vô từng template.

Silder: Chỉnh sửa trong bố cục, các bạn thay link  hình
- Một số thông tin các bạn vô HTML rồi nhấn CTRL + F để tìm: Tìm chữ, tìm text, tìm tên ảnh. Các bạn muốn sửa gì thì cứ nhấn CTRL F rồi tìm nó là sẽ ra ngay.


2. Cách load bài viết:
- Bên trong đã có code sẵn bạn chỉ cần thay lại label 

 <script language='JavaScript'>
//<![CDATA[
 document.write("<script src=\"/feeds/posts/default/-/san-pham?max-results=" + 10 + "&orderby=published&alt=json-in-script&callback=labelproductall\"><\/script>");
//]]>
  </script>


Trong đó:
san-pham: Là chỉ load bài có gắn là nhãn san-pham
- Số 10 là số bài viết muốn hiện ra trang chủ, tùy bạn tăng hoặc giảm cho phù hợp từng sản phẩm.

- Một số template có dạng

<div class='list-product-small' data-label='phu-kien' data-numer='6'></div>

Trong đó: Label cần lấy là phu-kien và số lượng bài hiển thị ra là 6

Các bạn chỉnh sửa 2 thông số trên cho phù hợp với từng blog.

Cài đặt chuẩn SEO cho blog.

- Mục Cơ bản: Tiêu đề và Mô tả cho blog, tại đây các bạn nhập đầy đủ thông tin cho blog của bạn
Hướng dẫn cài đặt

- Mục Tùy chọn tìm kiếm: Tại đây các bạn nhập đầy đủ thông tin cho blog của bạn.

Hướng dẫn cài đặt

- Mục Robots.txt tùy chỉnh

Hướng dẫn cài đặt

Các bạn nhập nội dung như sau:


User-agent: Mediapartners-Google
Disallow:
User-agent: *

Disallow: /search
Allow: /
Allow: /search/label


Sitemap: https://www.blogchuanseo.com/sitemap.xml

Các bạn thay lại domain của các bạn và link trên và lưu lại.

- Mục bài viết: Khi viết bài thì các bạn nhập thông tin mô tả cho từng bài viết

Hướng dẫn cài đặt
- Bên Google Search Console các bạn vô mục Sơ đồ trang web, mục Thêm sơ đồ trang web mới các bạn nhập sitemap.xml và nhấn Gửi là xong.

Hướng dẫn cài đặt


5. Cài đặt Analytics

- Các bạn truy cập vô trang https://analytics.google.com đăng ký và lấy mã dán trước thẻ đóng </body> và lưu lại

6. Cài đặt Google Search Console

- Các bạn truy cập trang https://search.google.com/search-console/about đăng nhập bằng Gmail tạo blog, sau đó tiến hành đăng ký, lúc nhập URL thì các bạn chọn bên phải cho dễ làm.

- Sau khi nhập URL trang web xong thì nó tự động xác minh (Blog và chung Google Search Console) nó sẽ tự động xác minh. Nếu nó không xác minh được thì bạn chọn kiể thẻ meta HTML các bạn copy dán dưới thẻ <head> và lưu lại - chọn xác minh bên Console là xong.

3. Cách sửa nội dung:
Nội dung đã được chia thành từng phần ở mục BỐ CỤC các bạn vô đó nhấn chỉnh sửa.
Một số nội dung khác nằm ở phần CHỦ ĐỀ CHỈNH SỬA HTML các bạn tích chuột vô trong và nhấ CTRL + F đề tìm chữ, tên ảnh, link.... và sửa theo ý từng người.

Lưu ý khi tìm hình ảnh: Các bạn chỉ nên tìm tên hình ảnh, không nên tìm link vì link dài nó bị xuống dòng trong html, hoặc css sẽ tìm không thấy.

Lấy tên hình ảnh là gì các bạn nhấn chuột phải vô hình cần tìm, mở open hình ảnh new tab sẽ ra link, và tên hình

4. Cách cài giỏ hàng:
- Giỏ hàng đã được tích hợp sẵn, các bạn chỉ cần thiết lập để nó gửi về gmail khi có khách đặt hàng

Bước 1: Vô trang: https://docs.google.com/forms/u/0 các bạn nhấn tạo mới 5 hàng như hình dưới, tất cả để dạng text, văn bản, hoặc đoặn văn, không bắt buộc.

Họ tên khách hàng
Địa chỉ
Điện thoại
Ghi chú
Sản phẩm mua

Lưu ý: Click vô hình đển xem kích thước lớn hơn.





Tiếp theo bạn qua TAB Câu trả lời nhấn vô dấu cộng


Đặt tên Danh sách đặt hàng và nhấn TẠO


Tiếp theo nó mở ra 1 TAB mới link bảng tính EXCEL online.

Nhìn thanh công cụ menu, Các bạn vô mục CÔNG CỤ - TRÌNH CHỈNH SỬA TẬP LỆNH

Tiếp tục nó mở ra 1 TAB mới các bạn xóa hết nội dung bên trong nó và dán code này vô và lưu lại


function guiBieuMau(e)
{
  var email = "diachimailcuaban@gmail.com";
  var subject = "Đơn đặt hàng";
  var s = SpreadsheetApp.getActiveSheet();
  var columns = s.getRange(1,1,1,s.getLastColumn()).getValues()[0];  
  var message = "";  
  for ( var keys in columns ) {
    var key = columns[keys];
    if ( e.namedValues[key] && (e.namedValues[key] != "") ) {

      message += key + ' :: '+ e.namedValues[key] + "\n\n";
    }
  }
  MailApp.sendEmail(email, subject, message);
}


Chỗ tô màu đỏ: là địa chỉ Gmail nhận đơn đặt hàng, và cái còn lại là Tiêu đề của mail, tùy bạn chỉnh cho đúng.

Sau khi chỉnh xong bạn nhấn lưu lại và đặt tên cho nó, tên gì cũng được nha.


Tiếp theo bạn nhìn bên cạnh nút lưu, có cái biểu tượng đồng hồ, các bạn tích vô nó ĐỂ KÍCH HOẠT CÁI CODE ĐÓ, nó ta 1 link mới

Các bạn nhấn DỰ ÁN CỦA TÔI rê chuột vô cái vừa tạo, tích vô dấu 3 chấm bên phải, chọn KÍCH HOẠT


Nhấn vô  + THÊM TRÌNH KÍCH HOẠT và chọn như hình


Xong thì nhấn LƯU nó bắt đăng nhập Gmail lần nữa để xác nhận, nó hiện ra bảng cảnh báo các bạn chọn NÂNG CAO


Chọn như hình


Và nhấn CHO PHÉP là xong và chơ nó lưu lại.

Bước 2: Bạn quay lại TAB 1 ban đầu tích vô biểu tượng con mắt như hình


Nó ra 1 link mới, các bạn copy link đó trừ đuôi /viewform lại

Ví dụ bạn chỉ copy phần màu đỏ, màu đen bỏ lại:

https://docs.google.com/forms/d/e/1FAIpQLSd9FY/viewform

Sau đó bạn vô blog, mục TRANG chọn bài viết có tên là Đặt hàng hoặc Thanh toán hoặc Cheakout nhấn chỉnh sửa qua TAB HTML 

Các bạn thay link của bạn vô link cõ sẵn trong đó như hình


Copy dán vô link tô màu vàng, dán xong bạn quay lại cái TAB link bạn vừa copy đó nhấ CTRL + U


Xong các bạn kéo xuống cuối chỗ giống như hình



Các bạn lấy các con số tô màu vàng như hình thay vô các con số bên mục Thanh toán/Đặt hàng

Các bạn thay theo đúng thứ tự:


Sau đó lưu lại và vô web nhấn test đặt hàng và vô gmail kiểm tra.


Và đây là kết qủa:

File EXCEL lưu dữ liệu


Gmail báo đặt hàng chi tiết



Chúc bạn thành công!