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à đã sửa lại lỗi font chữ 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
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).
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 : Tại đây
Để download Template khác các bạn vào đây download nhé.
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
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 : Tại đây
Để download Template khác các bạn vào đây download nhé.
Hướng dẫn Fix Lỗi không thêm sản phẩm vào giỏ hàng được tại đây!
Xem Video hướng dẫn cách cài đặt template
Chúc bạn thành công!
Xem Video hướng dẫn cách cài đặt template
Chúc bạn thành công!
Lợi ơi !
ReplyDeletesao mình đăng sản phẩm nó cứ hiện mấy chữ [ giá bán] [ mô tả] [vvvv] ? bỏ đi thì nó không hiện giá ở ngoài ?
mấy cái đó là thẻ bạn ạ bạn bỏ đi thì nó không hiện giá, hoặc hiển thị theo mục đâu. bạn đăng như này nhé vd: [giá bán] điền giá của bạn vào đây [/giá bán] - nhứ là phải có 1 thẻ mở và 1 thẻ đóng mới hợp lệ nhé([] thẻ mở, [/] thẻ đóng).
Deletebạn ơi m tải về nhưng ko có file code web nhỉ ?
ReplyDeletegiúp m với!
file code_web.txt mình đổi thành file: duyendangxiteen.xml rồi đó bạn
Deletea cho e hỏi. E có 1 blog như này. Bây giờ e muốn khi click vào sản phẩm thì nó chuyển sang một link khác thì làm thế nào vậy anh.
ReplyDeletebạn thêm thẻ này vào trong thẻ a nhé: target="_blank"
DeleteChỉnh sửa phần thanh toán bảo kim chổ nào vậy bạn. Thanks
ReplyDeletebạn muốn chỉnh như nào
Deletelàm sao đổi tên dẫn URL của +plus vậy admin
ReplyDeleteBạn copy cái url cũ của nó rồi code => nhấn tổ hợp phím ctrl+f rồi paste vào ô tìm kiếm nhấn enter tìm đến đoạn URL đó rồi thay bằng URL của bạn nhé.
Deletead cho hỏi, sao code chỗ mấy cái hình nó hiện lên 1,2,3,4,5 đó. Để full trình duyệt thì nó ok, mà thu nhỏ thì hình nó bị tràn re ngoài. Ad hướng dẫn fix chỗ này đc ko?
ReplyDeleteThanks ad.
Mình cũng bị
Deletecái này bản gốc nó chưa fix nên mình cũng ko biết làm thế nào bạn ạ
Deletead cho ? chỉnh cái code slide cho nó chạy chậm cái
ReplyDeleterotate(); //Trigger the paging_btrix and slider function
Delete}, 3000);
bạn thay số 3000 thành số giây mà bạn muốn cho nó chạy nhé. Ở đây là 3 giây
Ad cho m hỏi sao cái slide khi xem trên điện thoại nó lại bị rộng ra và đè lên cái chỗ chăm sóc khách hàng vậy ,m chỉnh lại kích cỡ cũng k đc
ReplyDeletecái này bản gốc nó đã bị như thế nên mình không fix được bạn ạ
Delete