Create pages from the template library

What is the template library for?#

The template library (Templates screen, "Mẫu giao diện") is a collection of ready-made pages by industry, including Homepages (multi-section company websites) and Landing Pages (single-goal sales or lead pages). When you pick a template, LDPage copies its entire design and content into a new page that you can edit freely in the editor. If nothing fits, start from a blank page or ask the AI Agent to design a template from your description.

1. 1

   Open Landing Pages in the left menu, then choose Template library (Thư viện mẫu) under Build.

2. 2

   The header shows the total number of templates (for example 102 professional templates for every industry) and two shortcuts: Start from a blank page (Bắt đầu từ trang trắng) and Design a template with AI Agent (Thiết kế mẫu bằng AI Agent).

3. 3

   Below are the filter bar (it sticks to the top while scrolling) and the template grid; more cards load as you scroll near the end, or click Show more templates (Xem thêm mẫu).

1. Search and filter templates#

1. 1

   Type a keyword in the search box ("Tìm mẫu theo ngành hoặc phong cách…"). LDPage searches template names, industries, styles and descriptions.

2. 2

   Pick a page type with the All / Homepage / Landing Page buttons (Tất cả / Homepage / Landing Page). The faded number next to each button tells you how many templates that choice will return.

3. 3

   Choose an industry in the Industry: all (Ngành: tất cả) dropdown; the list narrows to the selected group.

4. 4

   Click a group chip on the second row: All groups, E-commerce, Services or Other (Tất cả nhóm, Thương mại điện tử, Dịch vụ, Khác). Changing the group resets the industry filter.

5. 5

   While filters are active, the right side shows Found X/Y matching templates and a Clear filters (Xóa bộ lọc) button.

2. Quick view and demo#

Each card shows a preview rendered from the actual template, a Landing Page or Homepage badge at the top left, the name, a two-line description and industry/style tags. The button row has Use template (main button), ↗ View demo (opens the demo page in a new tab) and ✦ Customize this template with AI.

1. 1

   Hover over the card image to see the Quick view (Xem nhanh) label, then click the image to open the full-page preview.

2. 2

   In the preview, click the monitor or phone icon to switch between desktop and mobile; scroll to see every section.

3. 3

   The preview header has Open demo ↗, Customize with AI and Use this template (Dùng mẫu này). Click × or press Esc to close.

3. Create a page from a template#

1. 1

   Click Use template on a card (or Use this template in the preview). The "Use template <name>" dialog explains that the full design and content will be copied into a new page.

2. 2

   The Page name field (Tên trang) is prefilled as "<template name> — bản của tôi" (my copy). Change it to something easy to recognize in your page list, such as the campaign name.

3. 3

   Click Create page (Tạo trang) or press Enter in the name field. The button changes to Creating… and LDPage opens the new page in the editor.

4. 4

   Click Cancel (Hủy) or × to pick another template.

4. Start from a blank page#

1. 1

   Click Start from a blank page at the top of the Templates screen.

2. 2

   Enter a Page name (for example "Trang chủ Mộc Studio") and choose the Page type: Landing Page or Homepage.

3. 3

   Click Create page. The editor opens with a completely empty page; add sections and elements from the editor's Add tab.

A blank page suits you when you already have a clear layout or prefer assembling sections from the editor library instead of reworking a full template.

5. Design a template with the AI Agent#

Click Design a template with AI Agent (or the ✦ button on a card to customize that exact template). The "AI Agent thiết kế mẫu" dialog opens; if you have unfinished sessions, a Continue a recent design section (Tiếp tục bản thiết kế gần đây) appears at the top with a Continue button.

1. 1

   Choose the design approach (Cách thiết kế): AI designs from scratch (AI thiết kế từ đầu, Recommended — the Agent decides the page type, layout, sections, colors, fonts and all content) or Based on an existing template (Dựa trên mẫu có sẵn — the Agent reads a template's structure and redesigns it). For the latter, pick a base template or leave "✦ Let the Agent choose the best template".

2. 2

   Describe what you want in "Bạn muốn giao diện thế nào?" (How should it look?) — at least 10 and at most 2000 characters. Be specific about the product, colors, mood and sections to add or remove. Click the + style suggestions below to insert them quickly.

3. 3

   Fill in Brand name and Industry (both optional) and choose the page content language (Ngôn ngữ nội dung trang, Vietnamese by default).

4. 4

   Choose the Page type: Let the agent decide, Landing Page or Homepage (hidden when you selected a specific base template).

5. 5

   Choose Styles (multiple allowed): Minimal, Luxury, Youthful, Tech, Warm, Natural, Dynamic, Classic (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

   Optional: Use the brand color as the primary color (pick a color code); for the template-based approach there is also Change only the design, keep the template content (the Agent changes colors, fonts, layout and section order without rewriting text).

7. 7

   Click Start designing (Bắt đầu thiết kế). The button is enabled only when the description has 10+ characters, a base template is chosen (if you picked a specific one) and AI is configured on the system.

6. Track progress, give feedback and open the editor#

1. 1

   After you click Start designing, the left column shows Agent activity step by step: Analyze the request (or read the base template), Plan the design, Write content & build the page, Quality check (H1, contrast, CTA).

2. 2

   The right column is a live preview that fills in section by section; switch desktop/mobile with the two icons. For template-based designs, AI design / Original template buttons let you compare.

3. 3

   The design is saved automatically to My pages (Trang của tôi) as soon as the AI finishes (the status line reads "Đã tự lưu vào Trang của tôi lúc …"). The default name is "<brand> — thiết kế AI"; rename it in the Page name box under the preview.

4. 4

   Not satisfied? Type feedback in "Chưa ưng ý? Góp ý để Agent chỉnh tiếp" (for example switch to green, remove the FAQ) and click Redesign (Thiết kế lại); each run creates a new version. Click Edit request (Sửa yêu cầu) to return to the form.

5. 5

   Click Open editor to edit (Mở editor để chỉnh sửa). The editor opens on the AI tab so you can keep refining by chat or by drag and drop like any page.

Troubleshooting#

1. 1

   Start designing is disabled: make sure the description has at least 10 characters; if the dialog says AI API is not configured (Chưa cấu hình API AI), ask an administrator to set up the AI Provider.

2. 2

   Error about running out of AI generations or AI credits for the month: upgrade the plan or wait until next month, as the message says.

3. 3

   Cannot create a page because the plan's maximum number of pages is reached: delete unused pages or upgrade.

4. 4

   Connection lost while the AI is writing: click Retry (Thử lại); anything already auto-saved stays in My pages.

5. 5

   Reloaded the browser mid-design: the address keeps the session ID, so reopening the Templates screen restores the design, or use Continue a recent design.