Button Boardgame Admin

Đăng nhập để quản lý nội dung website

Demo: mật khẩu là admin123

Trang chủ

Chỉnh tiêu đề, mô tả và nút kêu gọi hành động

✓ Đã lưu
Tiêu đề chính (Hero)
Gõ đúng từ xuất hiện trong một trong 3 dòng trên
Nút kêu gọi hành động
Xem trước

Lịch chơi

Quản lý các buổi chơi trong tuần

✓ Đã lưu

Board Game

Quản lý thư viện board game của quán

✓ Đã lưu

Game Master

Quản lý đội ngũ dẫn chơi

✓ Đã lưu

Phòng chơi

Quản lý các phòng chơi, sức chứa và điều kiện Block phòng

✓ Đã lưu

Liên hệ & Nút

Cập nhật số điện thoại và link Messenger hiển thị trên website

✓ Đã lưu
📞 Nút Gọi Đặt Bàn Ngay
Nhập số có dấu cách hoặc không — hiển thị trên nút và gọi trực tiếp khi bấm
💬 Nút Messenger
Vào Facebook Page → About → tìm mục "Messenger link" để lấy link chính xác

Kết nối Cloud

Đồng bộ dữ liệu admin lên tất cả thiết bị qua JSONBin.io (miễn phí)

✓ Đã lưu
☁️
Tại sao cần kết nối Cloud?
Không có cloud, thay đổi từ admin chỉ lưu trên máy này — khách xem website trên điện thoại sẽ không thấy. Sau khi cài, mọi thay đổi tự động đồng bộ cho tất cả.
Hướng dẫn lấy JSONBin miễn phí (3 bước):
1. Vào jsonbin.io → Đăng ký tài khoản miễn phí
2. Vào API Keys → copy Secret Key (bắt đầu bằng $2b$...)
3. Vào BinsCreate Bin → đặt tên → copy BIN ID (dãy số/chữ)
Dán vào 2 ô bên dưới rồi bấm Lưu & Đồng bộ lần đầu.

⚠️ Quan trọng để mọi thiết bị thấy dữ liệu:
Sau khi lưu xong, copy BIN ID dán vào file index.html dòng:
const CLOUD_BIN_ID = 'DÁN_BIN_ID_VÀO_ĐÂY';
Rồi upload lại index.html lên Netlify — khách trên mọi thiết bị sẽ thấy cùng dữ liệu.
📁 Cấu trúc thư mục ảnh trên Netlify
📁 buttonboardgame/
   ├── index.html
   ├── admin.html
   └── 📁 images/
         ├── 📁 schedule/   ← ảnh buổi chơi
         ├── 📁 gm/         ← ảnh game master
         └── 📁 rooms/      ← ảnh phòng chơi

Upload cả thư mục buttonboardgame lên Netlify → dùng link dạng buttonboardgame.com/images/schedule/ten-anh.jpg dán vào ô URL trong admin.

Lấy từ trang Bins → tên bin → URL hoặc mục Details
Lấy từ Account → API Keys. Chỉ lưu trên máy này, không gửi đi đâu ngoài JSONBin.

Thư viện ảnh

Upload lên Cloudinary → copy link → dán vào ô hình ảnh

✓ Đã upload
☁️
Cài đặt Cloudinary (miễn phí)

Upload không giới hạn, lấy link dùng ngay.

3 bước cài một lần duy nhất:
1. Vào cloudinary.com → Đăng ký miễn phí (25GB)
2. Settings → Upload → Add upload presetSigning Mode: Unsigned → Save
3. Copy Cloud Name (Dashboard) + Upload Preset Name dán vào ô dưới