Thư viện Snippet cho Section
Khi thêm section mới, bạn không bắt đầu từ trang trắng. 81 mẫu (snippet) cho 28 loại section đã có nội dung tiếng Việt sẵn sàng – chỉ cần chọn, xem trước và chèn.
Mở thư viện
Trong Editor, rê chuột vào ranh giới giữa hai section → bấm nút Thêm section ("Thêm section tại đây"), hoặc dùng phím tắt Cmd/Ctrl + Shift + N. Hộp thoại Thêm section mới mở theo 2 bước:
- Bước 1 – Chọn loại section (Hero, Dịch vụ, Bảng giá, FAQ…).
- Bước 2 – Chọn snippet: thẻ mini-preview hiển thị bố cục thật của mẫu, nội dung tiếng Việt, có cả ảnh placeholder.
28 loại section có sẵn (81 mẫu)
| Loại | Số snippet | Dùng khi |
|---|---|---|
| Trang chính (Hero) | 4 | Mở đầu trang – CTA chính |
| Dịch vụ | 4 | Liệt kê dịch vụ chính — có mẫu Thẻ lật cho spa |
| Tính năng | 4 | Lợi ích nổi bật — có mẫu Thẻ lật |
| Bảng giá | 3 | Gói combo, menu giá |
| Đánh giá | 3 | Niềm tin, social-proof |
| Câu hỏi (FAQ) | 3 | Trả lời câu hỏi hay gặp |
| Thư viện ảnh | 6 | Lưới đều, masonry, trước & sau, bộ lọc món |
| Liên hệ | 3 | Form + Map + NAP |
| Giới thiệu | 2 | Câu chuyện thương hiệu |
| CTA Banner | 4 | Chốt hành động — có mẫu Ưu đãi Tết / Trung Thu |
| Thống kê | 3 | Số liệu, thành tựu |
| Đội ngũ | 3 | Đội ngũ, chuyên gia |
| Bản tin (Newsletter) | 3 | Thu email, khuyến mãi |
| Nội dung | 3 | Đoạn văn dài, sứ mệnh, câu chuyện |
| Quy trình | 3 | Các bước làm việc |
| Thực đơn | 3 | Quán ăn, cà phê — menu chia nhóm |
| Giờ mở cửa | 3 | Giờ tiêu chuẩn, lưới 7 ngày, 24/7 |
| Tin cậy (Trust) | 2 | Đối tác, chứng nhận |
| Logo trượt vô hạn | 2 | Báo chí nhắc đến, logo đối tác chạy ngang |
| Video ngắn (Reels) | 2 | Dải video dọc 9:16 — dán link TikTok/YouTube của bạn |
| Sản phẩm | 2 | Lưới sản phẩm, sản phẩm hot |
| Trước & Sau | 2 | Spa, sửa chữa — kéo thanh so sánh |
| Đặt lịch | 2 | Spa/salon, lịch tư vấn |
| Dòng thời gian | 3 | Hành trình, mốc theo năm |
| Showcase tương tác | 1 | Tab dịch vụ với preview lớn |
| Tuyển dụng | 2 | Tin tuyển dụng, văn hóa công ty |
| Đếm ngược | 3 | Khuyến mãi, ra mắt, Flash Sale cuối tuần |
| Thanh thông báo | 3 | Banner khuyến mãi, thông báo, chữ chạy khai trương |
Mẫu khuyến mãi & mùa lễ
Nhóm mẫu dành riêng cho chiến dịch ngắn ngày — chèn 1 cú nhấp, sửa ngày giờ là chạy:
- "Ưu đãi Tết / Trung Thu" (CTA Banner) – banner mùa lễ với ảnh nền festive.
- "Flash Sale cuối tuần" (Đếm ngược) – đồng hồ đếm ngược "kết thúc sau…".
- "Khai trương — chữ chạy" (Thanh thông báo) – dòng chữ chạy ngang kiểu marquee.
- "Khuyến mãi giới hạn" (CTA Banner) và "Banner khuyến mãi" (Thanh thông báo) – đẩy ưu đãi đang chạy.
Tìm kiếm thông minh
- Không cần gõ dấu: gõ
banggiavẫn ra Bảng giá;cau hoivẫn ra Câu hỏi. - Tìm theo cả tên loại lẫn tên snippet (vd.
combora mẫu giá combo).
Yêu thích & lọc
Trên mỗi thẻ snippet có icon ngôi sao – bấm để đánh dấu yêu thích. Trạng thái lưu trong localStorage theo trình duyệt nên giữ qua các phiên làm việc.
- Bộ lọc Chỉ yêu thích ở đầu picker để chỉ xem các snippet đã sao.
- Mặc định: snippet yêu thích luôn xếp lên đầu danh sách.
Đề xuất thông minh theo ngành
Đầu picker có dải "Đề xuất cho bạn" – các loại section hợp ngành nghề website hiện tại, và tự bỏ qua loại đã có trên trang (không gợi ý hero thứ hai).
- Quán cà phê → "Quán cà phê" (thực đơn), "Lưới ảnh đều", "Grid với đánh giá sao", "Khuyến mãi giới hạn".
- Spa / làm đẹp → "Salon / Spa làm đẹp" (hero), "Spa / Làm đẹp" (dịch vụ), "Bảng giá dịch vụ", "Liên hệ Zalo".
- Cửa hàng → "Cửa hàng / Shop" (hero), "Tính năng sản phẩm", "FAQ mua hàng", "Nhận khuyến mãi" (bản tin).
Ngoài dải đề xuất, các snippet phù hợp ngành còn có badge nhỏ Đề xuất ở góc thẻ để dễ nhận ra khi cuộn cả danh sách.
{{biz.phone}}, {{biz.address}}, {{biz.hoursToday}}… nên chèn xong là tự lấy NAP từ tab Doanh nghiệp. Chi tiết: trang NAP-Tokens.