Tạo trang từ thư viện mẫu

Thư viện mẫu dùng để làm gì?#

Thư viện mẫu (mục Mẫu giao diện) là kho trang dựng sẵn theo ngành, gồm Homepage (website giới thiệu nhiều mục) và Landing Page (trang bán hàng/thu thông tin một mục tiêu). Chọn một mẫu, LDPage sao chép toàn bộ giao diện và nội dung mẫu thành trang mới của bạn để sửa tự do trong editor. Nếu chưa thấy mẫu ưng ý, bạn có thể bắt đầu từ trang trắng hoặc nhờ AI Agent thiết kế mẫu theo mô tả.

1. 1

   Mở Landing Pages ở menu trái, rồi chọn Thư viện mẫu trong nhóm Xây dựng.

2. 2

   Đầu trang hiển thị tổng số mẫu (ví dụ 102 mẫu chuyên nghiệp cho mọi ngành) cùng hai lối tạo nhanh: Bắt đầu từ trang trắng và Thiết kế mẫu bằng AI Agent.

3. 3

   Bên dưới là thanh lọc (dính lại khi cuộn) và lưới thẻ mẫu; lưới tự hiện thêm mẫu khi bạn cuộn gần cuối, hoặc bấm Xem thêm mẫu.

1. Tìm và lọc mẫu#

1. 1

   Gõ từ khoá vào ô Tìm mẫu theo ngành hoặc phong cách… — LDPage tìm trong tên mẫu, ngành, phong cách và mô tả.

2. 2

   Chọn loại trang ở nhóm nút Tất cả / Homepage / Landing Page. Con số mờ cạnh mỗi nút cho biết chọn nút đó sẽ ra bao nhiêu mẫu.

3. 3

   Chọn ngành trong ô Ngành: tất cả (danh sách ngành tự thu hẹp theo nhóm đang chọn).

4. 4

   Bấm chip nhóm ở hàng thứ hai: Tất cả nhóm, Thương mại điện tử, Dịch vụ hoặc Khác. Đổi nhóm sẽ đặt lại bộ lọc ngành.

5. 5

   Khi đang lọc, góc phải hiện Tìm thấy X/Y mẫu phù hợp và nút Xóa bộ lọc để quay về toàn bộ thư viện.

2. Xem nhanh và xem demo#

Mỗi thẻ mẫu hiển thị ảnh xem trước dựng từ chính trang mẫu, nhãn Landing Page hoặc Homepage ở góc trên trái, tên, mô tả hai dòng và thẻ ngành/phong cách. Hàng nút cuối thẻ gồm Dùng mẫu (nút chính), ↗ Xem demo (mở trang demo ở tab mới) và ✦ Tùy biến mẫu này bằng AI.

1. 1

   Rê chuột lên ảnh thẻ để thấy nhãn Xem nhanh, rồi bấm vào ảnh để mở hộp xem trước toàn trang.

2. 2

   Trong hộp xem trước, bấm biểu tượng màn hình hoặc điện thoại để chuyển giữa bản desktop và bản mobile; cuộn để xem toàn bộ các section.

3. 3

   Thanh trên hộp có Mở demo ↗, Tùy biến bằng AI và Dùng mẫu này. Bấm × hoặc phím Esc để đóng.

3. Tạo trang từ mẫu#

1. 1

   Bấm Dùng mẫu trên thẻ (hoặc Dùng mẫu này trong hộp xem trước). Hộp thoại Dùng mẫu <tên mẫu> mở ra, ghi rõ toàn bộ giao diện và nội dung mẫu sẽ được sao chép vào trang mới.

2. 2

   Ô Tên trang được điền sẵn dạng <tên mẫu> — bản của tôi. Đổi thành tên dễ nhận biết trong danh sách trang của bạn, ví dụ tên chiến dịch.

3. 3

   Bấm Tạo trang (hoặc nhấn Enter trong ô tên). Nút chuyển thành Đang tạo… rồi LDPage mở thẳng editor của trang mới.

4. 4

   Bấm Hủy hoặc × nếu muốn chọn mẫu khác.

4. Bắt đầu từ trang trắng#

1. 1

   Bấm Bắt đầu từ trang trắng ở đầu trang Mẫu giao diện.

2. 2

   Nhập Tên trang (ví dụ Trang chủ Mộc Studio) và chọn Loại trang: Landing Page hoặc Homepage.

3. 3

   Bấm Tạo trang. Editor mở ra với trang trống hoàn toàn — bạn tự thêm section và phần tử từ tab Thêm của editor.

Trang trắng phù hợp khi bạn đã có bố cục rõ ràng hoặc muốn ghép từ các section mẫu trong thư viện của editor thay vì sửa lại cả một mẫu.

5. Thiết kế mẫu bằng AI Agent#

Bấm Thiết kế mẫu bằng AI Agent (hoặc nút ✦ trên một thẻ để tùy biến đúng mẫu đó). Hộp thoại AI Agent thiết kế mẫu mở ra; nếu có phiên thiết kế dở dang, mục Tiếp tục bản thiết kế gần đây hiện ở đầu để bạn bấm Tiếp tục.

1. 1

   Chọn Cách thiết kế: AI thiết kế từ đầu (Khuyên dùng — Agent tự quyết định loại trang, bố cục, section, màu, font và toàn bộ nội dung) hoặc Dựa trên mẫu có sẵn (Agent đọc cấu trúc một mẫu rồi thiết kế lại). Với cách thứ hai, chọn mẫu gốc trong danh sách hoặc để ✦ Để Agent tự chọn mẫu phù hợp nhất.

2. 2

   Viết mô tả ở ô Bạn muốn giao diện thế nào? — tối thiểu 10 ký tự, tối đa 2000 ký tự. Nêu rõ sản phẩm, màu sắc, cảm xúc, section cần thêm/bớt. Có thể bấm các gợi ý phong cách có dấu + bên dưới để chèn nhanh vào mô tả.

3. 3

   Điền Tên thương hiệu và Ngành (đều tùy chọn), chọn Ngôn ngữ nội dung trang (mặc định Tiếng Việt).

4. 4

   Chọn Loại trang: Để agent quyết định, Landing Page hoặc Homepage (mục này ẩn khi bạn đã chọn một mẫu gốc cụ thể).

5. 5

   Chọn Phong cách (chọn nhiều): Tối giản, Sang trọng, Trẻ trung, Công nghệ, Ấm áp, Tự nhiên, Năng động, Cổ điển.

6. 6

   Tùy chọn thêm: Dùng màu thương hiệu làm màu chủ đạo (chọn mã màu), và với cách Dựa trên mẫu có sẵn còn có Chỉ đổi giao diện, giữ nguyên nội dung mẫu (Agent chỉ thay màu, font, bố cục, thứ tự section, không viết lại chữ).

7. 7

   Bấm Bắt đầu thiết kế. Nút chỉ bấm được khi mô tả đủ 10 ký tự, đã chọn mẫu gốc (nếu chọn mẫu cụ thể) và hệ thống đã cấu hình AI.

6. Theo dõi tiến trình, góp ý và mở editor#

1. 1

   Sau khi bấm Bắt đầu thiết kế, cột trái hiện Hoạt động của Agent theo từng bước: Phân tích yêu cầu (hoặc đọc cấu trúc mẫu gốc), Lên kế hoạch thiết kế, Viết nội dung & dựng trang, Kiểm tra chất lượng (H1, độ tương phản, CTA).

2. 2

   Cột phải là bản xem trước hiện dần theo từng section; chuyển desktop/mobile bằng hai biểu tượng. Khi thiết kế dựa trên mẫu, có thêm nút Bản AI thiết kế / Mẫu gốc để so sánh.

3. 3

   Bản thiết kế tự lưu vào Trang của tôi ngay khi AI hoàn tất (dòng trạng thái báo Đã tự lưu vào Trang của tôi lúc …). Tên trang mặc định dạng <tên thương hiệu> — thiết kế AI, sửa được ở ô Tên trang phía dưới xem trước.

4. 4

   Chưa ưng ý: nhập góp ý vào ô Chưa ưng ý? Góp ý để Agent chỉnh tiếp (ví dụ đổi sang tông xanh lá, bỏ phần FAQ) rồi bấm Thiết kế lại; mỗi lần chạy lại tạo một phiên bản mới. Bấm Sửa yêu cầu để quay về form ban đầu.

5. 5

   Bấm Mở editor để chỉnh sửa. Editor mở ở tab AI để bạn tiếp tục chỉnh bằng hội thoại hoặc kéo thả như trang thường.

Xử lý vướng mắc#

1. 1

   Nút Bắt đầu thiết kế mờ: kiểm tra mô tả đã đủ 10 ký tự; nếu hộp thoại báo Chưa cấu hình API AI, nhờ quản trị viên cấu hình AI Provider.

2. 2

   Báo lỗi hết lượt AI hoặc hết credit AI trong tháng: nâng cấp gói hoặc chờ sang tháng sau theo thông báo.

3. 3

   Không tạo được trang vì vượt số trang tối đa của gói: xoá bớt trang không dùng hoặc nâng cấp gói.

4. 4

   Mất kết nối khi AI đang viết: bấm Thử lại; bản đã tự lưu vẫn nằm trong Trang của tôi.

5. 5

   Tải lại trình duyệt khi đang thiết kế: địa chỉ trang giữ mã phiên, mở lại Mẫu giao diện sẽ khôi phục đúng bản thiết kế, hoặc dùng mục Tiếp tục bản thiết kế gần đây.