Chào mừng đến với

Wolf Bike

Tất cả thông tin cần thiết được viết trong các phần sau. Chúng tôi giữ mọi thứ dễ hiểu nhất có thể để bạn có thể đọc và làm theo.

Nếu bạn có bất kỳ câu hỏi nào, vui lòng gửi email qua [email protected].

Cài đặt

Mua giao diện từ kho theme Sapo và cài đặt vào website

1. Kích thước sử dụng cho ảnh sản phẩm đề nghị: 600x600 pixels
2. Kích thước sử dụng cho ảnh tin tức sẽ đề nghị: 600x400 pixels

Thiết lập chung

Vào Thiết lập giao diện > Thiết lập chung, bạn có thể thay đổi

• Tùy chỉnh icon đầu trang (Favicon)
• Tắt mở tính năng xem nhanh sản phẩm
• Thiết lập sản phẩm yêu thích
• Thiết lập màu sắc chủ đạo cho giao diện
• Thiết lập từ khóa cho trang chủ

Popup Banner khuyến mãi

Hiển thị popup khuyến mãi khi khách hàng vào website

Vào Thiết lập giao diện > Popup Banner khuyến mãi, bạn có thể thay đổi

• Bật tắt tính năng
• Thay đổi ảnh bao gồm
  • Hình ảnh
  • Kích thước mặc định
  • Thẻ ALT hỗ trợ SEO
  • Liên kết trỏ tới
• Tùy chỉnh thời gian hiển thị khi khách bắt đầu ghé thăm website.

Thông tin liên hệ

Hiển thị thông tin tùy chỉnh, nếu không chọn sẽ lấy thông tin mặc định từ website.

Vào Thiết lập giao diện > Thông tin Liên hệ toàn trang, bạn có thể thay đổi

• Tên cửa hàng
• Địa chỉ
• Email
• Số điện thoại

Nút liên hệ hỗ trợ

Hiển thị nút liên hệ ở góc dưới bên phải của website.

Vào Thiết lập giao diện > Nút liên hệ hỗ trợ, bạn có thể thay đổi

• Màu sắc mặc định của nút
• Thông tin Hotline
• Thông tin Zalo
• Thông tin Messenger
• Liên kết tới hệ thống cửa hàng

Popup Góc trái

Hiển thị ở góc dưới bên trái của website. Cho phép tùy chỉnh 5 thông tin khác nhau

Vào Thiết lập giao diện > Popup Góc trái, bạn có thể thay đổi nội dung cho các mục.

Bố cục

Hướng dẫn tùy chỉnh Đầu trang, Chân trang, Trang Đăng ký/Đăng nhập và Mailchimp

Đầu trang

Vào Thiết lập giao diện > Đầu trang, bạn có thể thay đổi nội dung cho các mục.

• Tùy chỉnh logo trang web
• Hiển thị hệ thống cửa hàng
• Tùy chọn khối ngôn ngữ
• Bật tắt chức năng tìm kiếm thông minh
• Thiết lâp Menu cho website bao gồm
  • Thiết lập Menu chính
  • Thiết lập Mega Menu
  • Thiết lập ảnh cho Mega Menu

Chân trang

Vào Thiết lập giao diện > Chân trang, bạn có thể thay đổi nội dung cho các mục.

• Tắt mở khối đăng ký nhận tin
• Thiết lập thông tin mô tả cửa hàng, Liên kết đến website đăng ký Bộ công thương
• Thiết lập Menu chân trang
• Thiết lập liên kết và icon các mạng xã hội
• Thiết lâp các icon hình thức thanh toán
• Thay đổi nội dung bản quyền website

Trang Đăng ký/Đăng nhập

Vào Thiết lập giao diện > Trang Đăng ký/Đăng nhập, bạn có thể thay đổi nội dung cho các mục.

• Thay đổi hình ảnh
• Thay đổi nội dung các chính sách nhận được khi đăng ký tài khoản

Mailchimp

Vào Thiết lập giao diện > Thiết lập Mailchimp, bạn có thể thay đổi nội dung cho các mục.

• Thay đổi tiêu đề, mô tả ngắn
• Thay đổi liên kết đăng ký Mailchimp
• Xem hướng dẫn đăng ký tài khoản Mailchimp tại đây

Trang chủ

Chúng tôi cung cấp các module ở trang chủ, bạn có thể lựa chọn và sắp xếp vị trí của chúng

Trang chủ - Module Slider

Vào Thiết lập giao diện > Trang chủ - Module Slider, bạn có thể thay đổi

• Bật tắt slider
• Thay đổi ảnh slider Desktop và Mobile. Lưu ý, nhập ảnh kích thước giống như kích thước khuyên dùng để hiển thị tốt nhất
• Thiết lập thẻ ALT, Liên kết tới slider

Trang chủ - Module Sản Phẩm Khuyến Mãi

Vào Thiết lập giao diện > Trang chủ - Module Sản Phẩm Khuyến Mãi, bạn có thể thay đổi

• Thay đổi màu nền cho Module Flash Sale
• Thay đổi hình ảnh đầu trang cho Module Flash Sale
• Thiết lập Danh mục sản phẩm Flash Sale
• Thiết lập Menu đầu danh mục. Icon của menu được lấy từ ảnh đại diện của Danh mục sản phẩm
• Thiết lập thời gian ưu đãi. Định dạng Năm/Tháng/Ngày Giờ:Phút:Giây. Ví dụ: 2024/12/31 20:25:00
• Để hiện thanh flash sale số sản phẩm đã bán. Quý khách vui lòng nhập tag sản phẩm theo cú pháp: [item_số sản phẩm tồn kho]. trong đó số sản phẩm tồn kho phải lớn hơn hoặc bằng số tồn kho của sản phẩm trong phần mềm. Ví dụ sản phẩm A tồn kho thực tế là 50 thì bạn sẽ nhập tag là item_50 hoặc item_80. Lưu ý tính năng này chỉ áp dụng cho sản phẩm có quản lý kho hàng.

Trang chủ - Module Sản phẩm xu hướng

Vào Thiết lập giao diện > Trang chủ - Module Sản phẩm xu hướng, bạn có thể thay đổi

• Tiêu đề Module
• Thông tin hình ảnh bao gồm:
  • Thay đổi hình ảnh
  • Thay đổi thẻ ALT
  • Thay đổi liên kết đến hình ảnh

Trang chủ - Module Xe đạp đường phố

Vào Thiết lập giao diện > Trang chủ - Module Xe đạp đường phố, bạn có thể thay đổi

• Tiêu đề Module
• Thay đổi Danh mục sản phẩm
• Thay đổi thông tin banner: Hình ảnh, thẻ ALT, liên kết
• Tùy chỉnh nhóm Logo thương hiệu

Trang chủ - Module Xe đạp trẻ em

Vào Thiết lập giao diện > Trang chủ - Module Xe đạp trẻ em, bạn có thể thay đổi

• Tiêu đề Module
• Thay đổi Danh mục sản phẩm
• Thay đổi thông tin banner: Hình ảnh, thẻ ALT, liên kết
• Tùy chỉnh nhóm Logo thương hiệu

Trang chủ - Module Banner

Vào Thiết lập giao diện > Trang chủ - Module Banner, bạn có thể thay đổi

• Thông tin hình ảnh bao gồm:
  • Thay đổi hình ảnh
  • Thay đổi thẻ ALT
  • Thay đổi liên kết đến hình ảnh

Trang chủ - Module Phụ tùng Xe đạp

Vào Thiết lập giao diện > Trang chủ - Module Phụ tùng Xe đạp, bạn có thể thay đổi

• Thay đổi tiêu đề
• Thay đổi Tab danh mục sản phẩm
• Giới hạn số tab và số sản phẩm hiển thị

Trang chủ - Module Tin tức

Vào Thiết lập giao diện > Trang chủ - Module Tin tức, bạn có thể thay đổi

• Thay đổi tiêu đề và danh mục tin

Thiết lập Sản phẩm

Cung cấp các thiết lập liên quan đến Trang danh mục sản phẩm, Bộ lọc sản phẩm và Trang chi tiết sản phẩm

Trang danh sách sản phẩm

Vào Thiết lập giao diện > Trang danh sách sản phẩm, bạn có thể thay đổi

• Số lượng sản phẩm hiển thị trên 1 trang
• Thiết lập Menu sản phẩm cùng với icon ở đầu trang

• Thiết lập Slider banner
• Chúng tôi cung cấp 2 loại thiết lập khác nhau:
• Cách 1: Lấy thông tin ảnh trong thiết lập giao diện ở mục Thiết lập giao diện > Trang danh sách sản phẩm > Slider Banner đầu trang. Tùy chọn này dành cho trang danh mục không thiết lập slider banner theo cách thứ 2.
• Cách 2: Để thiết lập, làm theo đoạn code bên dưới. Copy và dán vào đầu tiên trong phần mô tả danh mục sản phẩm

								
[gallery-collections image1="Link hình ảnh 1" image2="Link hình ảnh 2" image3="Link hình ảnh 3" link3="Liên kết ảnh 3" link1="Liên kết ảnh 1" link2="Liên kết ảnh 2"]
								
								

• Khối sản phẩm đang khuyến mãi
• Chúng tôi cung cấp 2 loại thiết lập khác nhau:
• Cách 1: Lấy thông tin ảnh trong thiết lập giao diện ở mục Thiết lập giao diện > Trang danh sách sản phẩm > Khối sản phẩm đang khuyến mãi. Tùy chọn này dành cho trang danh mục không thiết lập theo cách thứ 2.
• Cách 2: Để thiết lập, làm theo đoạn code bên dưới. Copy và dán vào trong phần mô tả danh mục sản phẩm (Nếu có thiết lập slider ở phía trên thì dán sau phần code slider)
• Đặt tiêu đề là Khuyến mãi. Chọn thẻ h4 cho tiêu đề

								
[khuyen-mai danhmuc="Tên danh mục sản phẩm khuyến mãi" limit="6" title="Tiêu đề module"]
								
								

• Nội dung mô tả dưới chân trang
• Thiết lập mặc định như hình dưới

• Hoặc nhập vào mô tả của danh mục

• Thiết lập Menu danh mục sản phẩm bên tay trái

Bộ lọc sản phẩm

Vào Thiết lập giao diện > Bộ lọc sản phẩm, bạn có thể thay đổi

• Bộ lọc theo hãng, lấy từ thuộc tính Nhà cung cấp
• Loại sản phẩm, lấy từ thuộc tính loại
• Lọc theo mức giá
• Lọc theo Tag1, Tag2, Tag3, lấy từ tag sản phẩm
• Lọc theo tag tùy chỉnh cho từng danh mục sản phẩm
  • Để dùng bộ lọc tag riêng khác nhau cho từng DMSP. Vui lòng nhập trong mô tả danh mục sản phẩm theo cú pháp Tên bộ lọc (Đặt trong thẻ h6) và dưới tiêu đề h6 sẽ là các giá trị của bộ lọc. Các giá trị cách nhau bằng dấu phẩy (,)

Trang chi tiết sản phẩm

Vào Thiết lập giao diện > Trang sản phẩm, bạn có thể thay đổi

• Tắt bật Biến thể màu
• Thiết lập Khối Shopee: Link sản phẩm trên Shopee, Tên shop và đường dẫn shop
• Mã giảm giá
• Đăng ký nhận thông tin khi sản phẩm hết hàng
• Khối gợi ý sản phẩm mua kèm
• Đặc điểm nổi bật
• Thông số kỹ thuật
• Tin tức về sản phẩm

Thiết lập Khối Shopee

• Thay đổi Logo
• Thay đổi tên Shop, Liên kết đến Shop trên Shopee
• Lấy link sản phẩm trên shopee
  • Vào app Shopee trên điện thoại, vào sản phẩm cần lấy link. Bấm sao chép liên kết
  • Sẽ được liên kết giống thế này: https://vn.shp.ee/Ti8Fehr (định dạng: https://vn.shp.ee/tag)
  • Vào trang sản phẩm trên website. Nhập tag theo cú pháp shopee_[tag]. Trang đó [tag] là nội dung lấy ở bước trên.

Đăng ký nhận thông tin khi sản phẩm hết hàng

Tính năng cho phép khách hàng nhập thông tin để nhận thông báo khi sản phẩm về hàng. Thông tin khách hàng sẽ được lưu trong file Google Sheet.

• Vào https://drive.google.com. Tạo 1 file Google trang tính. Đặt tên Đăng ký nhận thông tin sản phẩm hết hàng
• File gồm các cột thông tin sau: Tên sản phẩm; Thuộc tính; Email; Ngày đăng ký

• Vào Tiện ích mở rộng. Chọn Apps Scripts
• Nhập nội dung sau:

							
function doPost(e) {
  var ss = SpreadsheetApp.openById('SheetID');
  var sheet = ss.getSheetByName('SheetName'); // Adjust the sheet name if necessary
  var data = JSON.parse(e.postData.contents);

  sheet.appendRow([data.sproduct_id, data.svariant_id, data.scustomer_email, new Date()]);

  return ContentService.createTextOutput(JSON.stringify({ 'result': 'success' })).setMimeType(ContentService.MimeType.JSON);
}
							
							

• Trong đó SheetID là id của Trang tính. SheetName là tên của Sheet trang tính

• Tiếp theo bấm vào Triển khai/Tùy chọn triển khai mới

• Chọn Người có quyền truy cập làBất cứ ai. Bấm triển khai

• Sao chép ID triển khai dán vào mục URL webhook ở Thiết lập chung > Trang sản phẩm > KHỐI NHẬN THÔNG TIN KHI SẢN PHẨM HẾT HÀNG

Khối gợi ý sản phẩm mua kèm

Liệt kê các sản phẩm mua kèm với sản phẩm đang xem.

• Nhập tag theo cú pháp bundled_url sản phẩm mua kèm vào phần tag của sản phẩm chính

Đặc điểm nổi bật

Hiển thị hình ảnh về các đặc điểm nổi bật của sản phẩm.

• Đặt tên hình ảnh có kí tự -dac-diem-noi-bat. Rồi upload lên ảnh sản phẩm

Thông số kỹ thuật

• Nhập nội dung theo mẫu như hình: Gồm nội dung ngắn gọn và nội dung chi tiết

Tin tức về sản phẩm

• Để hiển thị tin liên quan đến sản phẩm, nhập theo cú pháp sau trong tag sản phẩm news_tag tin tức. Trong đó tag tin tức là tag của tin liên quan đến sản phẩm cần hiển thị

Trang Blog

Vào Thiết lập giao diện > Trang Blog, bạn có thể thay đổi

• Số lượng tin hiển thị trên 1 trang
• Thiết lập Banner bên phải
• Tin khuyến mãi
• Tùy chỉnh banner trong trang chi tiết tin tức
• Tắt mở tính năng chia sẻ bài viết

Trang Liên hệ

Vào Thiết lập giao diện > Trang liên hệ, bạn có thể thay đổi

• Thông tin địa chỉ, số điện thoại email được lấy từ phần thiết lập chung
• Thay đổi tiêu đề, nội dung mô tả
• Thiết lập bản đồ

Trang Hệ thống cửa hàng

Vào Thiết lập giao diện > Trang Hệ thống cửa hàng, bạn có thể thay đổi

• Tạo 1 trang nội dung và chọn khung giao diện là page.he-thong-cua-hang

• Thay đổi iframe mặc định thành iframe bản đồ của cửa hàng
• Cấu hình danh sách cửa hàng
  • Chọn trang Danh sách cửa hàng. Là trang nội dung vừa tạo
  • Copy Danh sách cửa hàng mẫu và sửa lại nội dung theo cửa hàng.

Trang Bảo hành

• Tạo 1 trang nội dung và chọn khung giao diện là page.guarantee

Hướng dẫn thiết lập Google Sheet và lấy ID triển khai

• Vào Google Drive, Tạo 1 file Google Trang tính mới. Đặt tên Thông tin bảo hành
• File gồm các cột thông tin sau: Số điện thoại; Tên khách hàng; Tên sản phẩm; Số Serial; Ngày tiếp nhận; Trạng thái bảo hành

• Vào Tiện ích mở rộng. Chọn Apps Scripts
• Nhập nội dung sau:

							
function doGet(e) {
  var sheet = SpreadsheetApp.openById('1n1S83nI2eFV4O7ePHG56NagZv6cychkJsBNI_rmtlt0').getSheetByName('Sheet1'); // Thay thế bằng ID của Google Sheets của bạn
  var result = [];
  var Phonenumber = e.parameter.id;
  var data = sheet.getDataRange().getValues();

  data.forEach(function(row) {
    if (row[0] == Phonenumber) {
      result.push({
        'Số điện thoại': row[0],
        'Tên khách hàng': row[1],
        'Tên sản phẩm': row[2],
        'Số Serial': row[3],
        'Ngày tiếp nhận': row[4],
        'Trạng thái bảo hành': row[5],
      });
    }
  });

  return ContentService.createTextOutput(JSON.stringify(result)).setMimeType(ContentService.MimeType.JSON);
}
							
							

• Thay thế bằng ID của Google Sheets của bạn (Ví dụ hiện tại đang là: 1n1S83nI2eFV4O7ePHG56NagZv6cychkJsBNI_rmtlt0)
• Vào Triển khai chọn Tùy chọn triển khai mới

• Chọn Người truy cập là Bất kỳ ai
• Tiếp theo bấm Triển khai

• Sao chép ID triển khai và dán vào thiết lập giao diện

• Vào Thiết lập giao diện/Trang Bảo hành. Dán ID triển khai vừa copy vào.

Các giao diện khác

Tham khảo các giao diện khác của chúng tôi

Wolf Bikini

Wolf Food