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

Wolf Home

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.

Version: 1.0
Author: Wolf Themes

Created: 30 August, 2025
Update: 30 August, 2025

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

Kích thước sử dụng cho ảnh sản phẩm đề nghị: 600x600 pixels
Kích thước sử dụng cho ảnh tin tức sẽ đề nghị: 800x500 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
- Thời gian hiển thị sau khi load trang.
- Thời gian hiển thị lại sau khi đóng.

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

Đầ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
Bật tắt chức năng tìm kiếm thông minh
Thiết lâp Menu cho website
Thiết lâp Nọi dung khuyến mãi

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.

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 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 Khuyến mãi Thương hiệu

Vào Thiết lập giao diện > Trang chủ - Module Khuyến mãi Thương hiệu, bạn có thể thay đổi

Thay đổi hình ảnh
Thay đổi nội dung và liên kết

Trang chủ - Module Flash Sale

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

Ảnh tiêu đề
Thiết lập sản phẩm hiển thị: Danh mục sản phẩm, số lượng sản phẩm, nút liên kết.

Trang chủ - Module Thương hiệu nổi bật

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

Chọn ảnh danh mục
Thay đổi tiêu đề, danh mục sản phẩm

Trang chủ - Module Banner

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

Thay đổi thông tin banner: Hình ảnh, thẻ ALT, liên kết

Trang chủ - Module Sản phẩm 1

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

Thay đổi tiêu đề
Thay đổi Danh mục và số lượng sản phẩm
Thiết lập hình ảnh cho module

Trang chủ - Module Sản phẩm 2

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

Thay menu sản phẩm
Thay đổi danh mục, số lượng sản phẩm
Thay ảnh banner

Trang chủ - Module Sản phẩm 3

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

Thay đổi tiêu đề
Thay đổi menu tab
Thay đổi ảnh đại diện menu

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

Tiêu đề
Danh mục và số lượng tin hiển thị
Nội dung nút xem thêm

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
2 nội dung khuyến mãi
Ảnh banner mặc định đầu trang
Top sản phẩm bán chạy
Menu danh mục sản phẩm
Nội dung mô tả ở cuối trang

2 nội dung khuyến mãi

Menu danh mục sản phẩm

Mô tả; Ảnh banner đầu trang; Flash sale; Bộ lọc theo danh mục

Để hiển thị, sử dụng đoạn shortcode bên dưới. Đặt vào phần mô tả danh mục sản phẩm

								
Nội dung mô tả ngắn

------

[collections-img colimg1="Ảnh 1" colimgalt1="Thẻ ALT" colimglink1="Liên kết" colimg2="Ảnh 2" colimgalt2="Thẻ ALT" colimglink2="Liên kết" colimg3="Ảnh 3" colimgalt3="Thẻ ALT" colimglink3="Liên kết"]

------

[collections-sales danhmuc="Tên danh mục" limit="6" title="Tiêu đề module"]

------

[collections-filter content="

Tiêu đề lọc (Chọn thẻ h6)

Các tag lọc, cách nhau dấu ;

"]

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
Khuyến mãi và ưu đãi
Khối Banner
Đă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ố nổi bật và chi tiết
Tin tức sản phẩm

Định nghĩa metafield

Tạo các metafield bên dưới để nhập thông tin cho trang chi tiết sản phẩm

Giờ vàng giá sốc

Sử dụng Quản lý số lượng tồn kho. Nhập số lượng tồn kho

Nhập metafield total_stock, là tổng sô sản phẩm. Phải lớn hơn số lượng tồn kho thực tế.

Nhập metafield time, cho thời gian đếm ngược. Định dạng giờ:phút:giây

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

Nhập nội dung vào phần mô tả ngắn của sản phẩm

Thông số sản phẩm

Gồm có thông số nổi bật và thông số chi tiết

Thông số nổi bật

Nhập metafield thongsonoibat. Có thể là hình ảnh hoặc bảng.

Thông số chi tiết

Nhập metafield thongso. Nhập theo mẫu bên dưới.

Tin tức sản phẩm

Nhập metafield tintuc. Ở đây nhập tag tin cần hiển thị.

Khuyến mãi và ưu đãi

Thiết lập nội dung hiển thị mặc định cho toàn bộ sản phẩm

Để thiết lập khuyến mãi khác nhau cho từng sản phẩm. Nhập metafield khuyenmai

Đă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) {
  try {
    var ss = SpreadsheetApp.openById('SheetID');
    var sheet = ss.getSheetByName('Sheet1');

    // Xử lý dữ liệu
    var data = e.parameter; // Dành cho application/x-www-form-urlencoded

    // Kiểm tra dữ liệu hợp lệ
    if (!data.scustomer_email || !data.sproduct_id) {
      return ContentService
        .createTextOutput(JSON.stringify({ result: 'error', message: 'Missing required fields' }))
        .setMimeType(ContentService.MimeType.JSON)
        .addHeader('Access-Control-Allow-Origin', '*')
        .addHeader('Access-Control-Allow-Methods', 'POST, OPTIONS')
        .addHeader('Access-Control-Allow-Headers', 'Content-Type');
    }

    // Thêm dữ liệu vào Google Sheet
    sheet.appendRow([data.sproduct_id, data.svariant_id || '', data.scustomer_email, new Date()]);

    // Trả về phản hồi thành công
    return ContentService
      .createTextOutput(JSON.stringify({ result: 'success', message: 'Data saved successfully' }))
      .setMimeType(ContentService.MimeType.JSON)
      .addHeader('Access-Control-Allow-Origin', '*')
      .addHeader('Access-Control-Allow-Methods', 'POST, OPTIONS')
      .addHeader('Access-Control-Allow-Headers', 'Content-Type');
  } catch (error) {
    return ContentService
      .createTextOutput(JSON.stringify({ result: 'error', message: error.message }))
      .setMimeType(ContentService.MimeType.JSON)
      .addHeader('Access-Control-Allow-Origin', '*')
      .addHeader('Access-Control-Allow-Methods', 'POST, OPTIONS')
      .addHeader('Access-Control-Allow-Headers', 'Content-Type');
  }
}

function doGet(e) {
  // Xử lý yêu cầu OPTIONS cho CORS preflight
  return ContentService
    .createTextOutput()
    .setMimeType(ContentService.MimeType.JSON)
    .addHeader('Access-Control-Allow-Origin', '*')
    .addHeader('Access-Control-Allow-Methods', 'POST, OPTIONS')
    .addHeader('Access-Control-Allow-Headers', 'Content-Type');
}

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.

Để thiết lập các sản phẩm mua kèm khác nhau cho từng sản phẩm. Vào Cấu hình/ Metafield/ Sản phẩm

Thêm Định nghĩa metafield đặt tên fbt_products. Chọn Kiểu Văn bản nhiều dòng

Vào sản phẩm cần thêm sản phẩm mua kèm. Chọn Metafield

Nhập danh sách các url của sản phẩm mua kèm vào Metafield fbt_products. Mỗi url cách nhau bằng dấu phẩy. hỗ trợ tối đa 4 sản phẩm

Video sản phẩm

Copy link video từ youtube dán vào metafield video.

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 đầu trang
Tắt mở tính năng chia sẻ bài viết

Trang chi tiết bài viết

Chúng tôi cung cấp 3 mẫu shortcode để hiển thị sản phẩm trong nội dung bài viết

Mẫu hiển thị 1

Dán đoạn này vào vị trí cần hiển thị. Thay nội dung cần thiết

							
[article-top-products danhmuc="Tên danh mục sản phẩm" limit="5" title="Tiêu đề hiển thị bên ngoài"]

Mẫu hiển thị 2

Dán đoạn này vào vị trí cần hiển thị. Thay nội dung cần thiết

							
[article-one-product alias="url sản phẩm"]

Mẫu hiển thị 3

Dán đoạn này vào vị trí cần hiển thị. Thay nội dung cần thiết

							
[article-one-product2 alias="url sản phẩm"]

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

Tạo 1 trang google sheet có các cột như hình ảnh.

Vào menu Tệp/Chia sẻ/Xuất bản lên web

Bấm xuất bản. Copy đường dẫn dán vào URL CSV Danh sách cửa hàng trong thiết lập

Thiết lập các module trang Khuyến mãi

Demo: https://wolf-home.mysapo.net/top-deal-soc

Tạo 1 danh mục sản phẩm. Chọn khung giao diện collection.promotion

Chúng tôi cung cấp 5 module shortcode khác nhau. Bạn có thể sắp xép tuỳ ý.

1. Module hình ảnh full màn hình.

Gồm hình ảnh cho desktop và mobile

Copy mã Shortcode và thay liên kết hình ảnh

								
[promotionbanner title="Thẻ ALT" url="Đường dẫn" image="Ảnh Desktop" imagemb="Ảnh mobile"]

2. Module sản phẩm 1

Copy mã Shortcode và thay nội dung và hình ảnh

								
[promotiontopproducts title="Tiêu đề" image="Ảnh" danhmuc="Tên danh mục" limit="10"]

3. Module 6 hình ảnh

Copy mã Shortcode và thay nội dung và hình ảnh

								
[promotionlistbanner image1="Ảnh 1" url1="Liên kết 1" alt1="Thẻ ALT 1" image2="Ảnh 2" url2="Liên kết 2" alt2="Thẻ ALT 2" image3="Ảnh 3" url3="Liên kết 3" alt3="Thẻ ALT 3" image4="Ảnh 4" url4="Liên kết 4" alt4="Thẻ ALT 4" image5="Ảnh 5" url5="Liên kết 5" alt5="Thẻ ALT 5" image6="Ảnh 6" url6="Liên kết 6" alt6="Thẻ ALT 6"]

4. Module Sản phẩm 2

Copy mã Shortcode và thay nội dung và hình ảnh

								
[promotionbanner2 title="Tiêu đề" url="Liên kết ảnh" image="Ảnh Desktop" imagemb="Ảnh Mobile" danhmuc="Tên danh mục" limit="10"]

5. Module Tab Sản phẩm

Copy mã Shortcode và thay nội dung và hình ảnh

								
[promotiontabs menu="Tên menu hiển thị" limit="15" icon1="Ảnh icon 1" icon2="Ảnh icon 2" icon3="Ảnh icon 3" icon4="Ảnh icon 4" icon5="Ảnh icon 5" icon6="Ảnh icon 6"]

Trang tra cứu thông tin bảo hành

Demo: https://wolf-home.mysapo.net/tra-thong-tin-bao-hanh

Tạo 1 trang nội dung. Chọn khung giao diện page.baohanh

1. Chuẩn bị Google Sheet

Tạo một file Google Sheet mới với các cột có tiêu đề (dòng 1) chính xác như sau. Đây sẽ là cơ sở dữ liệu bảo hành của bạn.

phone	customer_name	product_name	serial_number	purchase_date	expiry_date	status
0905123456	Nguyễn Văn A	Robot hút bụi ABC	SN-112233	01/08/2025	01/08/2026	Còn bảo hành
0987654321	Trần Thị B	Máy lọc không khí XYZ	SN-445566	15/02/2024	15/02/2025	Hết hạn
0912345678	Lê Văn C	Nồi chiên không dầu Z	SN-778899	20/07/2025	20/07/2027	Còn bảo hành

2. Tạo Web App bằng Google Apps Script (API)

Bước này sẽ biến file Sheet của bạn thành một API bảo mật, chỉ trả về thông tin khi có mã tra cứu đúng.

Trong file Google Sheet, vào menu Extensions (Tiện ích mở rộng) -> Apps Script.
Xóa hết code mặc định và dán đoạn mã sau vào:

								
// File: Code.gs
function doGet(e) {
  const lookupValue = e.parameter.phone;
  const response = {};

  if (!lookupValue) {
    response.status = "error";
    response.message = "Vui lòng cung cấp mã tra cứu.";
  } else {
    const sheet = SpreadsheetApp.getActiveSpreadsheet().getSheets()[0];
    const data = sheet.getDataRange().getValues();
    const headers = data.shift();
    const lookupColumnIndex = headers.indexOf('phone');

    if (lookupColumnIndex === -1) {
      response.status = "error";
      response.message = "Không tìm thấy cột 'phone' trong Google Sheet.";
    } else {
      const foundRow = data.find(row => String(row[lookupColumnIndex]).trim() === String(lookupValue).trim());

      if (foundRow) {
        response.status = "found";
        let rowData = {};
        headers.forEach((header, index) => {
          let cellValue = foundRow[index];
          if ((header === 'purchase_date' || header === 'expiry_date') && cellValue instanceof Date) {
            rowData[header] = Utilities.formatDate(cellValue, Session.getScriptTimeZone(), "yyyy-MM-dd");
          } else {
            rowData[header] = cellValue;
          }
        });
        response.data = rowData;
      } else {
        response.status = "not_found";
        response.message = "Không tìm thấy thông tin bảo hành.";
      }
    }
  }
  return ContentService
    .createTextOutput(JSON.stringify(response, null, 2))
    .setMimeType(ContentService.MimeType.JSON);
}

Triển khai Web App:

Nhấn nút màu xanh Deploy -> New deployment.
Nhấn vào biểu tượng bánh răng (⚙️) và chọn Web app.
Trong phần "Configuration":
Execute as: Me (email của bạn).
Who has access: Chọn Anyone (Rất quan trọng).
Nhấn Deploy, cho phép các quyền cần thiết.
Sao chép lại URL của Web app. Đây là link API của bạn.

Vào thiết lập giao diện. Chọn trang bảo hành, dán link API vào URL Web App.

Trang Giới thiệu

Demo: https://wolf-home.mysapo.net/gioi-thieu

Tạo 1 trang nội dung. Chọn khung giao diện page.about

Trang này chúng tôi cung cấp 3 shortcode. Cho phép khách hàng tự thay đổi vị trí, nội dung hoặc thêm nhiều mục khác nhau.

Shortcode 1

Copy mã Shortcode và thay nội dung và hình ảnh

								
[aboutimg img="Link hình ảnh" alt="Thẻ ALT"]

Shortcode 2

Copy mã Shortcode và thay nội dung và hình ảnh

								
[about1 title="Tiêu đề chính" content="Nội dung giới thiệu" image="Link hình ảnh lớn" speedimg1="Link ảnh icon 1" speedtitle1="Tiêu đề icon 1" speedcontent1="Nội dung icon 1" speedimg2="Link ảnh icon 2" speedtitle2="Tiêu đề icon 2" speedcontent2="Nội dung icon 2" speedimg3="Link ảnh icon 3" speedtitle3="Tiêu đề icon 3" speedcontent3="Nội dung icon 3"]

Shortcode 3

Copy mã Shortcode và thay nội dung và hình ảnh

								
[about2 title="Tiêu đề chính" content="Nội dung giới thiệu" img="Link hình ảnh"]

Các giao diện khác

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

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

Wolf Home

Cài đặt

Thiết lập chung

Popup Banner khuyến mãi

Thông tin liên hệ

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

Popup Góc trái

Bố cục

Đầu trang

Chân trang

Trang chủ

Trang chủ - Module Slider

Trang chủ - Module Khuyến mãi Thương hiệu

Trang chủ - Module Flash Sale

Trang chủ - Module Thương hiệu nổi bật

Trang chủ - Module Banner

Trang chủ - Module Sản phẩm 1

Trang chủ - Module Sản phẩm 2

Trang chủ - Module Sản phẩm 3

Trang chủ - Module Tin tức

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

Trang danh sách sản phẩm

2 nội dung khuyến mãi

Menu danh mục sản phẩm

Mô tả; Ảnh banner đầu trang; Flash sale; Bộ lọc theo danh mục

Bộ lọc sản phẩm

Trang chi tiết sản phẩm

Định nghĩa metafield

Giờ vàng giá sốc

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

Thông số sản phẩm

Thông số nổi bật

Thông số chi tiết

Tin tức sản phẩm

Khuyến mãi và ưu đãi

Đă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

Video sản phẩm

Trang Blog

Trang chi tiết bài viết

Mẫu hiển thị 1

Mẫu hiển thị 2

Mẫu hiển thị 3

Trang Liên hệ

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

Thiết lập các module trang Khuyến mãi

1. Module hình ảnh full màn hình.

2. Module sản phẩm 1

3. Module 6 hình ảnh

4. Module Sản phẩm 2

5. Module Tab Sản phẩm

Trang tra cứu thông tin bảo hành

1. Chuẩn bị Google Sheet

2. Tạo Web App bằng Google Apps Script (API)

Triển khai Web App:

Trang Giới thiệu

Shortcode 1

Shortcode 2

Shortcode 3

Các giao diện khác

Wolf Bikini

Wolf Food

Wolf Bike

Wolf Mart

Wolf Calie

Wolf Cookware