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.
- 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
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
- 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.
- Mục Robots.txt tùy chỉnh
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
- 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.
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
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!
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.
- 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
- 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.
- Mục Robots.txt tùy chỉnh
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
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!