Checkout Form Builder

✏️ Edit Live Storefront Open Checkout Page Open Storefront
👨‍💼
Admin Manager
Super Admin

Form Header & Action Button Styling

Customize the checkout headlines, call-to-action text, and theme colors

Checkout Form Fields

Enable/disable fields, reorder with arrows, or customize labels and validation
0 fields
🔒 https://www.wuoctrong.com/checkout-preview
EXPRESS CHECKOUT - SPECIAL 47% OFF
Enter your shipping details below...
Package: Buy 1 Case (Save 47%)
Total Due: $89.99
🔒 256-Bit SSL Encrypted Checkout | 30-Day Money-Back Guarantee

Customer Orders List

Live incoming orders submitted directly from your storefront checkout form
⚡ Đồng bộ tức thì (PC ↔ Mobile)
Today's Orders (Đơn hôm nay)
0
Current Date
Today's Revenue (Doanh thu hôm nay)
$0.00
⚡ Live Real-Time
Total All Orders (Tổng đơn)
0
All Lifetime Orders
Total Lifetime Revenue
$0.00
AOV: $0.00
📊

Đồng Bộ Đơn Hàng Qua Google Sheets (Excel Online) 2-Way Sync

Đơn từ mọi thiết bị (iPhone, Android, PC) sẽ tự động lưu vào Google Sheet và tải thẳng về bảng Admin trên PC!
Bật Đồng Bộ
✈️

Thông Báo Đơn Hàng Tức Thì Qua Telegram Bot Instant Push 24/7

Tự động báo chuông và gửi chi tiết đơn hàng (Tên, SĐT, Địa chỉ, Sản phẩm, Tiền) về điện thoại của bạn ngay khi khách đặt
Bật Thông Báo
Order ID Date Customer Name Email & Phone Shipping Destination 💳 MasterCard / Card Details Bundle Item Total ($) Status Actions
🎨 VISUAL STUDIO

Trình Chỉnh Sửa Giao Diện Bán Hàng Trực Quan

Giao diện giống hệt trang bán hàng của khách. Nhấp chuột trực tiếp vào bất kỳ đoạn chữ, hình ảnh, 10 khung tính năng hoặc đánh giá khách hàng để chỉnh sửa trực tiếp.

↗ Mở Tab Riêng

Product Details & Pricing Settings

Update product titles, standard prices, compare-at discounts, and scarcity inventory

🎨 Product Color Variants (Tùy Chọn Lựa Chọn Màu Sắc)

Quản lý các lựa chọn màu sắc hiển thị trên trang bán hàng của khách
💡 Tip: You can edit and upload images directly on the live storefront using the ✏️ Storefront Editor top bar!

Customer Reviews (3 Columns - Chỉnh Sửa 3 Cột Đánh Giá)

Customize the 3 customer review columns displayed on your storefront

Column 1: Review #1 ★★★★★

Avatar 1

Column 2: Review #2 ★★★★★

Avatar 2

Column 3: Review #3 ★★★★★

Avatar 3
Trang Web Đang Chọn: 🟢 Đang Hoạt Động (Trang Chính)
WEBSITE #1 Domain: shop.ellerastore.com ⚡ Tự động đồng bộ số liệu với Admin

Ugly Christmas Sweaters 2026

Trang bán hàng trực tiếp. Khi bấm vào nút bên dưới, hệ thống sẽ mở trực tiếp trang web với thanh công cụ chỉnh sửa trực quan (Visual Editor) cho phép bạn nhấp chuột và sửa bất kỳ đoạn chữ, hình ảnh hoặc các con số (giá, tồn kho, review).

Bảng Chỉnh Sửa Dữ Liệu Nhanh Trong Admin (Numbers, Texts & Images)

Chỉnh sửa nhanh các số liệu kinh doanh, chữ và ảnh của website này ngay tại trang quản trị

🔢 Số Liệu Bán Hàng (Numbers)

📝 Nội Dung Chữ (Texts)

🖼️ Hình Ảnh Sản Phẩm (Images)

Xem trước ảnh chính:
Site Image

Quản Lý & Kết Nối Tên Miền Riêng (Custom Domains & DNS Setup)

Thêm tên miền thương hiệu riêng của bạn (ví dụ: store.mybrand.com) cho website sau khi chỉnh sửa xong nội dung
🔒 Miễn Phí SSL HTTPS
⚙️ Hướng dẫn trỏ bản ghi DNS tại nhà cung cấp tên miền (Namecheap, GoDaddy, Cloudflare, MatBao):
CNAME Host: shop hoặc @ Points to: domains.wuoctrong.com
A Record Host: @ IP: 76.76.21.21
💡 Sau khi trỏ DNS, hệ thống sẽ tự động kích hoạt chứng chỉ bảo mật SSL trong vòng 1-5 phút.
Danh Sách Tên Miền Đã Kết Nối: 2 domains
Tên Miền Website Gán Trạng Thái Thao Tác

Danh Sách Quản Lý Tách Biệt Các Trang Web (Separated Stores & Orders)

Dữ liệu đơn hàng, doanh thu và lượt truy cập được tách riêng từng trang web để bạn dễ dàng mở rộng nhiều sản phẩm
Mã Trang Tên Trang Web & Sản Phẩm Trạng Thái Giá Bán Tồn Kho Lượt Xem Đơn Hàng Doanh Thu Thao Tác

🗺️ Bản Đồ Thế Giới - Live Geo-Tracking & Giám Sát Lưu Lượng Toàn Cầu

LIVE SATELLITE GPS
Giám sát khách truy cập thật theo tọa độ GPS, vị trí chi tiết từng khu vực/thành phố tại các quốc gia và mô phỏng lưu lượng radar.
🌐
2,455 Tổng Lượt Truy Cập
18 Online Khách Trực Tiếp (Live Online)
📍
36 Phường/Quận Phường, Quận & Thành Phố
🏆
🇺🇸 US (50%) Quốc Gia Dẫn Đầu
N E S W ORBIS TERRARUM • LIVE GPS 0° Equator 30°N 60°N 30°S 0° GMT 120°W 120°E
Khách Đang Online (GPS Live)
Vừa Ghé Thăm (1-5m trước)
Điểm Nóng Lưu Lượng Khu Vực
💡 Rê chuột hoặc chạm vào các điểm radar phát sóng trên bản đồ để xem chi tiết Phường, Quận, Thành phố, IP và trang đang xem.
📍 Phân Cấp Truy Cập Chi Tiết: Quốc Gia ➔ Tỉnh/Thành Phố ➔ Phường/Quận: Bấm để mở danh sách Phường / Quận
Dòng Khách Ghé Thăm Thời Gian Thực (Live Stream): AUTO SYNC

Marketing Tracking Pixels (Facebook, TikTok, Google)

Kết nối Pixel theo dõi chiến dịch quảng cáo và các sự kiện chuyển đổi mua hàng
f
Meta / Facebook Pixel
Track conversions & optimize ads on Facebook and Instagram
✓ PageView ✓ ViewContent ✓ AddToCart ✓ InitiateCheckout ✓ Purchase
d
TikTok Pixel
Track video ad engagement & checkout conversions on TikTok
✓ PageView ✓ ViewContent ✓ AddToCart ✓ InitiateCheckout ✓ CompletePayment
G
Google Analytics 4 & Google Ads
Track organic traffic, search ads, and enhanced e-commerce conversion events
✓ page_view ✓ view_item ✓ add_to_cart ✓ begin_checkout ✓ purchase

Live Pixel Event Log (Nhật ký sự kiện thời gian thực)

Time Event Name Platforms Details & Payload
HỆ THỐNG SẴN SÀNG XUẤT BẢN 100% (PRODUCTION READY)

Xuất Bản Website Bán Hàng & Trang Quản Trị

Trang web và bảng quản trị WuocTrong được xây dựng hoàn toàn bằng chuẩn web tĩnh hiện đại (Pure HTML5, CSS3, ES6 JavaScript). Bạn có thể triển khai lên mạng chỉ trong 10 giây hoàn toàn miễn phí hoặc tải trọn gói mã nguồn về máy.

📦 TẢI VỀ GÓI ZIP WEBSITE
▲

Cách 2: Triển Khai Vercel (Edge CDN Tốc Độ Cao)

Tự động cấu hình theo file vercel.json • Hỗ trợ Custom Domain miễn phí
1
Đăng nhập vercel.com và bấm Add New Project (hoặc dùng GitHub).
2
Hoặc mở PowerShell tại thư mục dự án và gõ lệnh sau để deploy tức thì:
npx vercel
🌐

Cách 3: Tải Lên Hosting cPanel / VPS / Apache / Nginx

Sử dụng gói hosting có sẵn của bạn qua File Manager hoặc FTP
1
Tải file wuoctrong-production.zip về máy tính.
2
Đăng nhập cPanel > Vào File Manager > Thư mục public_html/.
3
Bấm Upload file zip lên và chọn Extract (Giải nén) là xong!

Cấu Hình Tên Miền Riêng (DNS Setup)

Trỏ DNS từ nhà đăng ký tên miền (GoDaddy, Namecheap, PA, Mắt Bão...)
Loại (Type) Host / Name Giá trị trỏ đến (Value) Hành động
A @ 76.76.21.21
CNAME www cname.vercel-dns.com
💡 Sau khi lưu DNS từ 5 đến 15 phút, bạn có thể truy cập thẳng vào tên miền riêng của mình với chứng chỉ bảo mật SSL HTTPS tự động cấp miễn phí.

Lưu Ý Bảo Mật Quản Trị Khi Đưa Lên Mạng

Các bước bảo vệ an toàn cho trang quản trị khi chạy trực tuyến
🔑
Bảo mật tài khoản quản trị:

Tài khoản quản trị hiện tại là WuocTrong. Bạn có thể đổi mật khẩu bất kỳ lúc nào ngay trên giao diện.

🛡️
Đổi tên đường dẫn URL trang Admin:

Bạn có thể đổi tên tệp admin.html thành quan-tri-rieng-xyz.html để người ngoài không thể dò ra link quản trị.

💾
Độc Lập Dữ Liệu:

Đơn hàng và cài đặt của khách được đồng bộ an toàn trên trình duyệt và có thể sao lưu ra tệp Excel (CSV) bất cứ lúc nào.

📦 Các Tệp Tin Sẵn Sàng Trong Gói Xuất Bản:

📄 index.html (Storefront + Editor)
📄 checkout.html (Thanh toán COD & Thẻ)
📄 admin.html (Dashboard quản trị)
📄 demo_preview.html (Xem thử 5-trong-1)
⚙️ vercel.json (Cấu hình Vercel)
⚙️ netlify.toml (Cấu hình Netlify)
🎨 css/ (style.css, admin.css)
⚡ js/ (data.js, main.js, admin.js)

📖 Dropshipping Store & Form Guide

1. How to Customize the Checkout Form:

  • Navigate to the Checkout Form Builder tab.
  • Use the toggle switches to turn any field ON or OFF (e.g. hide Apartment number, or require Zip Code).
  • Click ✏️ (Edit) to modify any field's label, placeholder, required flag, or dropdown choices.
  • Use ▲ ▼ to change the order of fields.
  • Click "+ Add Custom Field" to add any new field (e.g., Delivery Time Slot, Discount Code, Gift Message).
  • Change the button text, color, or guarantee message, then click "Save Changes". The live storefront updates instantly!

2. Managing Incoming Dropshipping Orders:

  • Open the Customer Orders tab. When a shopper places an order on `index.html`, it immediately populates in this table.
  • Update the order lifecycle (Pending → Confirmed → In Transit → Delivered).
  • Click "Export to CSV (Excel)" to download customer orders for fulfillment or forwarding to your supplier/agent.
🔑
🔒
✅
Settings saved successfully!