Cài đặt template bán hàng Blogspot – Blogger

Blogger Blogger Template

{ 21 comments }

Trong bài viết tổng hợp các Template bán hàng cho Blogspot tôi nhận được rất nhiều câu hỏi xung quanh việc cài đặt và thiết lập các template (mẫu) này cho blogspot như thế nào? Cấu hình làm sao cho chuẩn… Vì thế tôi quyết định viết bài hướng dẫn này hy vọng sẽ giúp các bạn có được câu trả lời và làm quen với việc cài đặt một template bán hàng cho Blogspot.

Trong phần hướng dẫn tôi sẽ hướng dẫn các bạn cài đặt Johny Black Store Blogger Template vì thế trước tiên bạn cần tải template này về tại đây.

1. Sửa thông tin template Blogger

Việc đầu tiên sau khi bạn tải template về là giải nén file tải về. Các bạn sẽ thấy một file với tên Johny Blackstore.xml hãy mở file này lên bằng một phần mềm hỗ trợ chỉnh sửa code như Sublime Text, Notepad ++. Sửa các thông số về phần miêu tả cho Shop (Description), từ khóa (keyword), tác giả (author)… như hình. Sau khi sửa xong lưu file này lại.

Sửa template blogspot - blogger

Sửa template blogspot – blogger

2. Cài đặt template bán hàng cho blogspot

Các bạn truy cập vàp http://blogger.com chọn Shop mà mình muốn cài đặt. Trong trang quản lý Blogger chọn menu Mẫu (Template) ở cột bên trái để được đưa tới khu vực quản lý Template của Blogger.

Xem thêm  Tự động đánh số thứ tự bài đăng phổ biến Blogger - Blogspot

Trong khu vực này chọn Sao lưu/Khôi phục ở góc trên bên phải màn hình. Làm theo thứ tự ghi trong hình.

Cài đặt template Blogspot

Cài đặt template Blogspot

Một cửa sổ sẽ hiện ra cho phép bạn tải lên Template cho blogger hãy chọn file bạn mới chỉnh sửa sau đó nhấn Tải lên. (Làm theo các bước 1-5).

Cuối cùng bạn đã cài đặt xong template bán hàng này và chúng ta sẽ đi tiếp sang phần tiếp theo.

3. Thiết lập Post Template cho Blogger – Blogspot

Do không có khu vực quản lý sản phẩm nên mặc định trong template blogspot quy định các bài đăng chính là các sản phẩm. Và để định dạng cho các sản phẩm trong Blogger bạn cần một đoạn Code. Hãy truy cập vào phần Cài đặt – Bài đăng và nhận xét.

Cài đặt mẫu bài đăng Blogspot - Blogger

Cài đặt mẫu bài đăng Blogspot – Blogger

Trong mục Mẫu bài đăng hãy copy đoạn Code bên dưới và dán vào khung mẫu bài đăng.

<div class="product_image">
<a class="cloud-zoom" href="url-image.jpg" rel="softFocus: true, position:'inside', smoothMove:2"><img border="0" class="item_thumb" src="url-image.jpg" /></a>
<span class="item_price">$00.00</span></div>
<div class="product_describe">
Description your product.............
</div>

Sau khi copy nhấn lưu cài đặt ở góc trên bên phải màn hình.

4. Đăng sản phẩm trong Blogger – Blogspot

Để đăng sản phẩm trong shop bán hàng trên blogger – blogspot bạn có thể làm hai cách. Cách 1 bấm vào nút có biểu tượng cây bút chì trên đầu trang hoặc nhấn nút Bài đăng mới ở Menu bên trái màn hình blogger.

Tạo sản phẩm blogspot - blogger

Tạo sản phẩm blogspot – blogger

Tiếp theo nhấn vào nút HTML để định dạng cơ bản cho sản phẩm:
Hình ảnh sản phẩm: Thay 2 mục url-image.jpg thành đường dẫn cho hình ảnh của sản phẩm
Giá cho sản phẩm: thay $00.00 thành giá mà bạn mong muốn.
Miêu tả sản phẩm: Thay Description your product…. thành đoạn miêu tả cho sản phẩm.
Bước cuối cùng bạn chỉ cần nhấn nút Xuất bản và xem thành quả của mình.

Đăng sản phẩm Blogspot - Blogger

Đăng sản phẩm Blogspot – Blogger

Trên đây là cách cài đặt một mẫu template bán hàng cho blogger – blogspot hoàn chỉnh. Nếu gặp vướng mắc gì bạn có thể để lại bình luận ở cuối bài viết.

Góp ý cho Tô Triều

  • hà băn quân 04/12/2016, 22:51

    em có làm như hướng dẫn nhưng sao phần giá của sản phẩm nó lại nằm ở vị trí kia nhỉ, em muốn nó nằm góc phải của khung sản phẩm và màu chữ khác thì làm như thế nào ạ.

    Reply
  • Phan Quang Hùng 21/08/2016, 09:02

    Mình nghĩ đối với những thủ thuật Blogspot như thế này bạn nên làm kèm video hướng dẫn cho người dùng để được chi tiết hơn 🙂

    Reply
  • Kang Win 23/07/2016, 07:44

    Bạn ơi sao nó không hiện được GIÁ và nút ADD TO CART lúc ở trang chủ vậy?

    Reply
  • mai van dinh 16/10/2015, 09:58

    thanh ơn bác chia sẽ ,bác có nhận dạy thiết kế blogger ko

    Reply
  • dung 27/09/2015, 16:57

    anh cho mình hỏi làm sao loại bỏ quảng cáo có sẵn trong theme ah

    Reply
  • toan 01/08/2015, 12:03

    bạn ơi giả sử mình muốn làm mã giảm giá thì như thế nào ?
    bạn có code không share tớ với
    thanks !

    Reply
  • Bùi Thành 01/08/2015, 08:21

    EM muốn đăng sản phẩm đúng theo menu em sắp xếp nhưng k biết làm thế nào

    Reply
  • Nguyễn Minh Trang 16/06/2015, 15:30

    Anh cho em hỏi chút ạ, em muốn cho hiển thị slider thì cài đặt phần nào ạ?

    Reply
  • Nguyễn Minh Trang 15/06/2015, 23:06

    Anh cho em hỏi, em vẫn chưa hiểu làm sao để hiểu thị được các bài viết trên slider, để slider chạy phải cài đặt ở đâu ạ?
    Rất mong anh giúp đỡ, em cảm ơn anh nhiều ạ!

    Reply
  • Dũng NT 03/05/2015, 12:23

    Bạn ơi mình muốn chỉnh sửa khung đặt mua hàng thì làm ntn vậy? Ví dụ như : tiền thuế, phí ship,….

    Reply
    • Hải Triều 07/05/2015, 03:51

      Bạn phải mở File Xml ra và sửa trong đó nhé.

    • Tèo xike 09/05/2015, 13:08

      Xong chưa ông bạn ơi. Show coi tôi học hỏi với 🙁

  • Thành Lương 18/04/2015, 22:53

    A có thể hướng dẫn em cài đặt nút đặt mua ko

    Reply
  • Trần Thảo 16/04/2015, 02:43

    Hải Triều Mình thử tạo thêm nhãn trùng với tên chuyên mục trong bài viết, khi mình click vào nhãn thì xuất hiện bài viết của mình, nhưng nếu click vào chuyên mục thì không có. Mà chuyên mục mà mình tạo không có đường dẫn riêng.

    Reply
  • Hải Triều 15/04/2015, 18:28

    Để bài viết vào đúng chuyên mục thì bạn tạo các nhãn (Label) Và lấy nhãn làm chuyên mục

    Reply
  • Trần Thảo 15/04/2015, 09:50

    cảm ơn bài viết của bạn. Cho mình hỏi chút, sau khi đã thay đổi template của blog sẽ có rất nhiều các chuyên mục, làm sao để bài viết của mình vào đúng từng chuyên mục.
    Thanks!

    Reply
  • Nguyễn Văn Tùng 04/04/2015, 13:12

    chào anh
    Em xin lỗi lại làm phiền anh 1 chút ạ
    em đã sửa đc $ => đ
    đã sửa đc tax-cost..

    Nhưng gặp phải vấn đề mong anh chỉ giúp đó là:

    Hiển thị giá tiền không có dấu phân cách rất khó nhìn.

    Hiện tại nó hiển thị 300000, em muốn hiển thị thành 300.000 (hoặc 300,000) cho dễ nhìn

    Rất mong anh giúp đỡ

    Email: motgocvuon@gmail.com

    Cảm ơn anh !

    Reply
  • Phan Ngọc Thanh Trí 14/01/2015, 21:49

    Chân thành cảm ơn anh về bài viết, nhưng anh vui lòng hỗ trợ em giúp phần này. Em nghiên cứu mấy tuần nay mà không được.
    “Do không có khu vực quản lý sản phẩm nên mặc định trong template blogspot quy định các bài đăng chính là các sản phẩm. Và để định dạng cho các sản phẩm trong Blogger bạn cần một đoạn Code”
    Anh cho em hỏi cái, nếu mình muốn bài đăng không là một sản phẩm, không hiện lên trên trang chủ, thì mình làm như thế nào? Mục đích em là để viết các bài như là giải pháp, ứng dụng cho sản phẩm,…
    Em đang sử dụng template: Johny Black Store – đây là trang của em: bientandelta365.blogspot.com
    Mong nhận được sự giúp đỡ từ anh.

    Reply
  • CoctaiBlog 27/11/2014, 01:20

    lâu lắm rồi mới ra bài nhỉ? Chất lượng đó bác.

    Reply
  • Phương82 20/11/2014, 22:51

    Anh là Phương ngoài Hà Nội. Quả là đường đột khi gửi email này cho e những a cần Triều trợ giúp gấp.
    A đang tìm hiểu cách sửa Template này cho vợ a dùng bán máy hút sữa. Do chưa có tiền để làm 1 site chuyên nghiệp hay thuê site gian hàng các cty bán sẵn nên a và vợ muốn dùng những gì giảm chi phí trước. A là 1 kỹ sư, k phải dân IT,lập trình nên thật may khi tìm được bài hướng dẫn này của e để CHỈNH PHẦN GIÁ. CẢM ƠN TRIỀU. (những j e hướng dẫn a đã làm xong)

    Tuy nhiên còn mấy thứ nữa a cần chỉnh trong phần giá này, a nhờ e chỉ giúp:
    1.A muốn bỏ phần sau dấu phẩy+ đổi đơn vị từ $260.00 thành 260.000đ
    2.A muốn chỉnh sửa công thức phần Thuế- Tax Cost thành phí COD: thường bằng 1,5% của SubTotal
    3.Đổi phí ship- Shipping Cost thành 1 số tiền cố định 30.000đ thì làm ntn?
    4.Phần CHECKOUT hiện giờ đang là thanh toán trực tuyến nhưng ở VN thì a muốn khi click vào thì chuyển qua 1 form đăng ký chỉ gồm các trường: Tên+ Địa chỉ+ Điện thoại kiểu GoogleDoc để lưu dữ liệu vào 1 file excel thì làm như thế nào?

    Triều nhận được thư này thì hồi đáp giúp a.
    Mong thư e! A cảm ơn e nhiều.

    Reply
    • Nguyễn Văn Tùng 07/12/2014, 04:52

      e cũng có cùng câu hỏi với anh Phuong82 ạ
      Mong nhận đc giải đáp của anh
      chân thành cảm ơn anh !