Template Blogspot bán hàng cực đẹp tích hợp tin tức và box chat

Xin chào mọi người, hôm nay mình sẽ share cho các bạn một template blogspot bán hàng với đầy đủ các chức năng của 1 website bán hàng online, Template này mình đã lấy của bạn Nguyễn Lợi và đã fix lại lỗi font chữ và lỗi không thêm sản phẩm vào giỏ hàng được  như một số bạn đã nêu.

Template Blogspot bán hàng free có gì hot?

- Đầy đủ các chức năng của một trang web bán hàng online hiện nay, trang chủ bắt mắt, sidebar chuyên nghiệp, tích hợp giỏ hàng, đặt hàng trực tuyến qua Email, thanh toán online qua ngân lượng, bảo kim.

- Lướt nhanh, gọn gàng và tiện lợi cho khách hàng.

- Tích hợp thêm Boxchat rất tiện lợi (chat qua fanpage).

- Tích hợp BoxLike Fanpage ẩn hiện trông hiện đại hơn.


Trang chủ Template (ảnh) và DEMO

Share Template blogspot bán hàng free

Trang giỏ hàng và chi tiết sản phẩm

Template có những file nào?

Đầy đủ các file code HTML như slider, sidebar danh mục sản phẩm, sản phẩm mẫu và trang web. Bạn chỉ việc download về rồi copy paste vào và sử dụng.

Lưu ý: Tất cả các file đều tương tự nhau chỉ có điều mình đã lưu thành file .xml tất cả rồi!

+ code_web.txt <=> shoptonghopplus.xml

+ code_danhmucsanpham.txt <=> danhmucsanpham.xml

+ code_slider.txt <=> slider.xml 

+ code_sanpham.txt <=> sanpham(mau bai dang).xml
+ Tích hợp thêm Box Tin tức: Các bạn tạo thêm 1 widget bên cột bên phải rồi lấy code trong file widget-tin-tuc.xml dán vào nhé.

+ Còn mẫu bài đăng cho bài tin tức các bạn vào khung soạn thảo đăng bài mới như bình thường rồi chuyển qua chế độ html rồi copy code trong file maubaidang-tin-tuc.xml dán vào sau đó chuyển về chế độ văn bản rồi làm theo hướng dẫn trong file đó nhé.

+ Phần BoxLike: Các bạn cũng tạo 1 widget rồi copy đoạn code dưới đây dán vào nhé (các bạn có thể dán tiếp vào cái widget tin tức luôn cũng được nhằm giảm tải cho trang).

<!--fanpage an hien 3--><div id="on"><div id="facebook_right" style="bottom: 0;"><div id="facebook_div"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpIFX340fnabIxvhv7gLUM-H0bW99IJRqZO5qTfBWyHFjKH4DPfimt6A_4AJxEY74A4oI1VnbhCNkLN30v42ahAZIMTTFqF_YxEixMdn6QDlzHLo_fQtw4buqRwAVUseAVX_eh_BpZVBY/s1600/helperblogger.com-facebook-icon.png" alt="" /><div id="fb-root"></div><script>(function(d, s, id) {var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) return;js = d.createElement(s); js.id = id;js.src = "//connect.facebook.net/vi_VN/all.js#xfbml=1";fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script><div class="fb-like-box" data-href="https://www.facebook.com/storethoitrangviet"data-width="300" data-show-faces="true" data-stream="fasle" data-header="true"></div></div></div></div> <!--end fanpage an hien 3-->

Thay storethoitrangviet bằng link Fanpage của bạn.

+ Phần Boxchat: Các bạn vào source code tìm đến đoạn từ thẻ <!--live chat--> đến đoạn thẻ <!-- #CHAT --> trong khoảng này các bạn tìm các link fanpage và facebook và thay bằng các link của các bạn nhé.

Cấu hình Template như thế nào?
1. Bạn đăng nhập vào Blogspot => Chọn Mẫu => Chọn Chỉnh sửa HTML Ctrl+A : delete toàn bộ => Sau đó Copy, Paste đoạn code trong file shoptonghopplus.xml vào.

2. Thêm sider, bạn vào Bố Cục => Chọn chỉnh sửa tiện ích HTML/Javascipt như hình dưới

3. Thêm danh mục sản phẩm bên sidebar, Bạn nhấp vào Chỉnh sửa trong tiện ích HTML/Javascript Quảng Cáo, làm như hình dưới

4. Đăng sản phẩm mới, bạn nhấp Bài đăng mới => Chuyển định dạng sang HTML và paste đoạn code trong file sanpham(mau bai dang).xml vào.

Sau đó chuyển qua định dạng Viết và nhập tiêu đề, tạo Nhãn rồi Xuất Bản. (Bạn tạo nhãn ví dụ : bot-que-nguyen-chat).

Lưu ý:
- Bạn tìm đoạn code sau đây: http://form.jotform.me/form/63591033919460 rồi thay lại bằng ID của bạn nhé! (Nếu không khi khách đặt hàng đơn hàng nó sẽ không gửi về email của bạn mà nó sẽ gửi về email của mình đấy.)

- Chổ 63591033919460 chính là ID đó. để lấy ID của mình bạn vào đây đăng ký tài khoản bằng email bạn muốn nhận đơn hàng rồi tạo 1 form đặt hàng sau đó copy ID của nó thay vào nhé.

=> Ra trang chủ và tận hưởng thành quả của mình. 

Dưới đây là link xem demo và download 
Link demo: Template Blogspot bán hàng 
Link download đã fix lỗi giỏ hàng: Tại đây 
Để download Template khác các bạn vào đây download nhé.

Xem Video hướng dẫn cách cài đặt template

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