KASAHN Admin — Dashboard

📋 Đơn Hàng

📦 Sản Phẩm

⚙️ Cài Đặt

📖 Hướng Dẫn

Thêm Sản Phẩm Mới

Tên Sản Phẩm *

Danh Mục

Giá Hiển Thị *

Ghi Chú Giá

Badge Sản Phẩm (không chọn = Bình thường)

Bình thường

⭐ Bestseller

🆕 Sản phẩm mới

🎁 Mùa Lễ Hội

🔥 Hot

💥 Sale Off

✦ Khác

Mô Tả Ngắn *

Ảnh & Video Sản Phẩm (3–5 ảnh + 1 video — upload file hoặc dán link Google Drive)

🖼 Thêm Ảnh (≤5MB/ảnh, tự nén) 🎬 Thêm Video (≤10MB)

Thông Số Kỹ Thuật (mỗi dòng: Tên thông số | Giá trị)

Tuỳ Chọn Sản Phẩm (Tên nhóm | Lựa chọn 1, Lựa chọn 2, …)

🔗 Xem trang chủ

Danh Sách Sản Phẩm (0)

🔐 Đổi Mật Khẩu Admin

✅ Thay đổi mật khẩu được lưu ngay vào trình duyệt này — không cần sửa file hay upload lại Netlify.
⚠️ Lưu ý: mật khẩu lưu trong localStorage của trình duyệt. Nếu xoá data trình duyệt, mật khẩu về mặc định: Ho@ngNguyenKasahn1987

Mật Khẩu Hiện Tại

Mật Khẩu Mới

Xác Nhận Mật Khẩu Mới

Thương Hiệu & Hero

Tên Thương Hiệu

Tagline (dưới tiêu đề)

Tiêu đề Hero (dùng \n để xuống dòng)

Mô tả Hero

Thống kê 1

Thống kê 2

Thống kê 3

Logo

Chưa có logo

Màu Sắc Thương Hiệu

Màu Chính (Primary)

Màu Nhấn (Accent)

Xem trước:

PRIMARY

ACCENT

Màu mặc định

Thông Tin Liên Hệ

Số Điện Thoại / Zalo (hiển thị)

Zalo (ID để tạo link zalo.me/xxx)

Telegram Username

WhatsApp (quốc tế, không dấu +, ví dụ 84901234567)

Địa Chỉ

Giờ Làm Việc

🌐 Mạng Xã Hội & Sàn TMĐT

🔗 Dán link đầy đủ (https://...) — icon sẽ tự hiện ở footer trang chủ. Để trống nếu không dùng.

🎵 TikTok — link kênh

▶️ YouTube — link kênh

🛒 Shopee — link shop

🏷️ Lazada — link shop

Cấu Hình Telegram Bot

🔔 Khi cấu hình đúng, mỗi đơn hàng mới sẽ tự động nhắn tin thẳng vào Telegram của bạn — không bỏ lỡ đơn nào!

Bot Token (từ @BotFather)

Chat ID của bạn (từ @userinfobot)

🟢 Kết Nối Google Sheets

📊 Mỗi đơn hàng mới sẽ tự động ghi vào Google Sheet — đầy đủ tên, SĐT, sản phẩm, tuỳ chọn, giá, trạng thái, ghi chú. Admin cũng có thể đồng bộ thủ công toàn bộ đơn bất cứ lúc nào.

Google Apps Script Web App URL

Các cột trong Google Sheet:

STT · Mã Đơn · Ngày Đặt · Ngày Giao DK · Tên KH · SĐT · Sản Phẩm · Tuỳ Chọn · SL · Giá Niêm Yết · Ghi Chú Khách · Loại · Trạng Thái · Ghi Chú Admin · Nguồn · Lần Cập Nhật

Trạng thái và dòng được tô màu tự động.
Cột Ngày Giao DK admin tự điền trực tiếp trong Sheet.

📋 Thông Tin Doanh Nghiệp & QR Code

Hiển thị trong popup "Thông Tin" trên trang chủ

🏢 Tên Doanh Nghiệp

📱 Số ĐT / Zalo / WhatsApp

🏦 Số Tài Khoản Ngân Hàng

Tên Ngân Hàng

🌐 Địa Chỉ Website

✉️ Email

📍 Địa Chỉ

Trường Thông Tin Tự Thêm (tuỳ chọn) — ví dụ: Mã số thuế, Fanpage…

📲 Mã QR Code (hiển thị trong popup)

💡 Ảnh QR nên là PNG/JPG vuông. Mỗi QR có tên và mô tả. Tối đa 4 QR.

🌐 Fix Edge / Firefox / Safari không cập nhật:
Mỗi trình duyệt có localStorage riêng. Để mọi trình duyệt + Telegram hoạt động đồng nhất:
① Lưu Cài Đặt → ② Xuất kasahn-config.js → ③ Đặt file vào thư mục KASAHN-website cùng với index.html → ④ Kéo thả lại cả thư mục lên Netlify. Xong — tất cả trình duyệt đều đọc cùng 1 nguồn config.

📖 Hướng Dẫn Cài Đặt & Vận Hành

Bước 1 — Tạo Bot Telegram

Nhận thông báo đơn hàng tức thì

Mở Telegram, tìm @BotFather, nhắn lệnh /newbot. Đặt tên và username cho bot. BotFather sẽ trả về token dạng: 7123456789:AAFxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Dán token vào tab Cài Đặt → Bot Token. Sau đó tìm @userinfobot, nhắn bất cứ gì — bot sẽ trả về Chat ID của bạn.

💡 Bot có thể nhận thông báo cả vào Group Telegram — chỉ cần thêm bot vào group và dùng Chat ID của group.

Bước 2 — Deploy lên Netlify (miễn phí)

Đưa website lên Internet chỉ trong 2 phút

1. Vào netlify.com → Sign up bằng email hoặc GitHub (miễn phí).
2. Kéo thả cả thư mục chứa index.html, admin.html, và file logo vào ô "Drop folder here".
3. Netlify tạo domain ngay lập tức: https://ten-ban-chon.netlify.app 4. Vào Site Settings → Domain để đổi tên thành thứ bạn muốn, ví dụ kasahn.netlify.app.

💡 Mỗi khi sửa config hoặc sản phẩm trong admin, thay đổi được lưu vào localStorage trên Netlify — khách hàng xem trang sẽ thấy ngay vì cùng domain!

Bước 3 — Đổi Mật Khẩu Admin

2 cách đổi mật khẩu an toàn

Cách 1 (Khuyên dùng): Vào tab ⚙️ Cài Đặt → Đổi Mật Khẩu Admin — thay đổi ngay lập tức, không cần upload file.

Cách 2 (Dự phòng): Mở file admin.html bằng Notepad, tìm dòng: const ADMIN_PASS_DEFAULT = 'Ho@ngNguyenKasahn1987'; Thay bằng mật khẩu mới, lưu lại rồi upload lại lên Netlify.

💡 Mật khẩu đổi qua Cài Đặt được lưu trong localStorage — nếu xoá data trình duyệt, mật khẩu sẽ về lại mặc định trong file.

Bước 4 — Quản Lý Đơn Hàng

Quy trình xử lý đơn hiệu quả

Khi khách đặt hàng: (1) Bạn nhận thông báo Telegram ngay lập tức. (2) Đơn xuất hiện trong tab Đơn Hàng của trang này. (3) Gọi lại xác nhận với khách. (4) Cập nhật trạng thái đơn — khách có thể theo dõi trực tiếp trên trang bằng cách nhập số điện thoại. (5) Thêm "Ghi chú phản hồi" — khách sẽ thấy khi tra cứu đơn.

💡 Bạn có thể xuất CSV để lưu trữ dữ liệu đơn hàng hoặc import vào Excel.

Bước 5 — Tùy Chỉnh Sản Phẩm

Thêm/sửa/xoá sản phẩm không cần code

Vào tab Sản Phẩm → Nhấn "+ Thêm Sản Phẩm". Điền đầy đủ thông tin, upload ảnh thực tế của sản phẩm (optional), thêm các nhóm tuỳ chọn (màu, kích thước, chất liệu…). Nhấn Lưu — sản phẩm xuất hiện ngay trên trang bán hàng.

Cần hỗ trợ thêm?

Trang web này được xây dựng bằng HTML/CSS/JS thuần, không cần backend hay database — hoàn toàn miễn phí vận hành vĩnh viễn trên Netlify.
Tất cả dữ liệu cài đặt và sản phẩm được lưu trong localStorage của trình duyệt trên server Netlify, chia sẻ giữa index.html và admin.html cùng domain.