Chương 7
🎨 Tạo Landing Page
Thiết kế trang bán hàng, nội dung và kéo thả
🎥 Video Hướng Dẫn: Tạo Landing Page Siêu Nhanh Bằng AI Gemini - Deepseek
🎥 Video Hướng Dẫn: Thiết Kế Trang Giới Thiệu Món Ăn AILADI - Chuẩn Mực Chuyên Nghiệp
🤔 Landing Page Là Gì?
Landing Page là trang giới thiệu sản phẩm — nơi bạn kể chuyện về sản phẩm, đặt hình ảnh đẹp, liệt kê lợi ích, và có nút "Mua ngay" to lớn.
Khách nhấn vào link quảng cáo của bạn → vào landing page → xem thông tin → nhấn mua → điền địa chỉ → đặt hàng.
Ví dụ landing page thường có:
- ✅ Tiêu đề hấp dẫn
- ✅ Ảnh/video sản phẩm
- ✅ Danh sách lợi ích
- ✅ Đánh giá khách hàng
- ✅ Giá và ưu đãi rõ ràng
- ✅ Nút "Mua ngay" dễ nhìn
1
Mở Trình Thiết Kế (Builder)
Có 2 cách mở Builder để thiết kế landing page cho sản phẩm:
Cách 1: Từ danh sách sản phẩm
- 1. Vào Sản phẩm
- 2. Nhấn nhãn đỏ "Thiếu Landing" trên card sản phẩm
- 3. Builder sẽ mở ra
Cách 2: Từ menu Builder
- 1. Nhấn menu "Builder" ở thanh trên
- 2. Chọn sản phẩm muốn thiết kế
- 3. Builder sẽ mở ra
💡 Builder là gì?
Builder là công cụ thiết kế trực quan — bạn thêm các khối nội dung (block) và chỉnh sửa ngay trên màn hình, giống như soạn Word nhưng trực quan hơn. Không cần biết code!
2
Cách Dùng Builder Để Tạo Nội Dung
Giao diện Builder có 2 khu vực chính:
Bảng Block (trái)
Danh sách các khối nội dung: tiêu đề, ảnh, văn bản, nút bấm, đánh giá...
Khu vực xem trước (phải)
Hiển thị trực tiếp trang landing page đang được thiết kế
Quy trình làm việc với Builder:
-
1
Nhấn "+ Thêm block" hoặc kéo block từ bảng bên trái vào trang
Ví dụ: block "Tiêu đề lớn", block "Ảnh", block "Nội dung văn bản", block "Nút CTA"...
-
2
Nhấn vào block đã thêm để chỉnh sửa nội dung
Gõ tiêu đề, dán ảnh, thay đổi màu sắc, font chữ...
-
3
Sắp xếp thứ tự các block bằng cách kéo lên xuống
-
4
Nhấn "Lưu" (nút màu xanh lá) để lưu lại
⚠️ Nhớ lưu thường xuyên!
Builder không tự lưu. Nếu đóng trình duyệt hoặc mất mạng mà chưa nhấn Lưu, toàn bộ nội dung vừa tạo sẽ mất. Nhấn Lưu sau mỗi lần thêm/sửa block.
3
Dùng AI Để Viết Nội Dung Tự Động 🤖
Hệ thống tích hợp AI Google Gemini có thể tự động viết nội dung landing page cho bạn dựa trên thông tin sản phẩm — rất tiện lợi!
Cách dùng AI tạo Landing Page:
- 1. Trong Builder, tìm nút "Tạo bằng AI" hoặc biểu tượng ✨ AI
- 2. Mô tả sản phẩm của bạn vào ô nhập liệu
- 3. Chọn phong cách: chuyên nghiệp / thân thiện / mạnh mẽ...
- 4. Nhấn "Tạo nội dung"
- 5. AI sẽ viết toàn bộ nội dung → nhấn "Áp dụng" để đưa vào Builder
- 6. Đọc lại và chỉnh sửa cho phù hợp với sản phẩm thực tế của bạn
💡 AI chưa dùng được?
Bạn cần cài API key Gemini trước. Xem hướng dẫn tại Chương 9 — Chatbot AI để biết cách lấy và cài API key.
4
Xem Trước và Lấy Link Để Chia Sẻ
Xem trước Landing Page
Nhấn nút "Xem trước" trong Builder → trang mở ra ở tab mới → bạn thấy đúng như khách hàng sẽ thấy
Lấy link để chia sẻ
Sau khi lưu, link landing page là: website.com/slug-sản-phẩm.html
Copy link này để đăng lên Facebook, Zalo, TikTok, chạy quảng cáo...
⚠️ Lưu ý khi chia sẻ link
Luôn test link trước khi chia sẻ: mở trình duyệt ẩn danh (Ctrl+Shift+N) → dán link vào → xem trang hiển thị đúng chưa → thử bấm "Mua ngay" xem trang đặt hàng có hiện ra không.
🏠 Chỉnh Sửa Trang Chủ Website
Trang chủ là trang đầu tiên khách thấy khi vào website.com. Bạn có
thể chỉnh sửa trang chủ tương tự như landing page:
-
1
Vào menu "Trang chủ" trong admin
-
2
Chỉnh sửa nội dung HTML trang chủ
-
3
Dùng mã đặc biệt
[PRODUCT_SELECT]để tự động hiện danh sách sản phẩm
💡 Cần biết HTML?
Trang chủ dùng HTML trực tiếp nên cần biết chút ít HTML cơ bản. Nếu không biết, nhờ người hỗ trợ kỹ thuật viết cho hoặc dùng AI (ChatGPT) để tạo code HTML trang chủ.
🚀 Cần hỗ trợ hoặc không có thời gian tự cài đặt?
Đội ngũ kỹ thuật AILADI sẵn sàng cài đặt trọn gói nhanh chóng, hoặc giải đáp mọi thắc mắc 24/7 qua AI Chatbot.
✅ Hoàn Thành Chương 7!
Tiếp theo: chuyển sang bài học tiếp theo trong lộ trình.
Chương 8: 📋 Quản Lý Đơn Hàng