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

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ạo trang Blogspot - blogger với url đẹp và các loại trang cần phải có

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.

Xem thêm  5 Theme Wordpress bán hàng trả phí đáng mua tháng 11
Cài đặt template bán hàng Blogspot – Blogger
Rate this post

Nhận tin học SEO miễn phí!

Mỗi ngày một bài học về SEO đưa từ khoá lên Top 01 Google nhé hehe!

Công việc của tôi không liên quan tới công nghệ thông tin nhưng tôi có niềm đam mê bất tận với máy tính, điện thoại, thiết kế website. Tôi tạo ra website này trước tiên để lưu trữ những vấn đề hữu ích dành cho tôi, sau đó là để chia sẻ, giao lưu, học hỏi với bạn bè những mà tôi biết.

Chi tiết dịch vụ

Starts: TUE,07/07/2017 at 00:00

Ends: THU, 07/07/20 23:59 p.m

Toàn Quốc, VN
Liên hệ - 091 274 9247
Chi tiết dịch vụ

Starts: TUE,07/07/2017 at 00:00

Ends: THU, 07/07/20 23:59 p.m

Toàn Quốc, VN
Liên hệ - 091 274 9247
  • 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 ạ.

    04/12/2016, 22:51 hà băn quân
  • 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 🙂

    21/08/2016, 09:02 Phan Quang Hùng
  • Bạn ơi sao nó không hiện được GIÁ và nút ADD TO CART lúc ở trang chủ vậy?

    23/07/2016, 07:44 Kang Win
  • thanh ơn bác chia sẽ ,bác có nhận dạy thiết kế blogger ko

    16/10/2015, 09:58 mai van dinh
  • anh cho mình hỏi làm sao loại bỏ quảng cáo có sẵn trong theme ah

    27/09/2015, 16:57 dung
  • 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 !

    01/08/2015, 12:03 toan
  • 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

    01/08/2015, 08:21 Bùi Thành
  • Anh cho em hỏi chút ạ, em muốn cho hiển thị slider thì cài đặt phần nào ạ?

    16/06/2015, 15:30 Nguyễn Minh Trang
  • 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 ạ!

    15/06/2015, 23:06 Nguyễn Minh Trang
  • 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,….

    03/05/2015, 12:23 Dũng NT
    • Bạn phải mở File Xml ra và sửa trong đó nhé.

      07/05/2015, 03:51 Hải Triều
    • Xong chưa ông bạn ơi. Show coi tôi học hỏi với 🙁

      09/05/2015, 13:08 Tèo xike
  • A có thể hướng dẫn em cài đặt nút đặt mua ko

    18/04/2015, 22:53 Thành Lương
  • 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.

    16/04/2015, 02:43 Trần Thảo
  • Để 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

    15/04/2015, 18:28 Hải Triều
  • 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!

    15/04/2015, 09:50 Trần Thảo
  • 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 !

    04/04/2015, 13:12 Nguyễn Văn Tùng
  • 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.

    14/01/2015, 21:49 Phan Ngọc Thanh Trí
  • lâu lắm rồi mới ra bài nhỉ? Chất lượng đó bác.

    27/11/2014, 01:20 CoctaiBlog
  • 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.

    20/11/2014, 22:51 Phương82
    • 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 !

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

Leave a Comment