Để làm website cho khách hàng bằng AI, hãy bắt đầu từ một kết quả nhỏ đã thống nhất: website phục vụ ai, có những nội dung gì và khách hàng sẽ vận hành ra sao. Công cụ như Lovable có thể tạo trang từ yêu cầu của bạn. Công việc của bạn là diễn đạt rõ nhu cầu của khách hàng, kiểm tra phần đã xây dựng và bàn giao website để khách hàng sử dụng, duy trì được.
Nếu mới dùng Lovable, hãy luyện tập với một doanh nghiệp giả định trước khi cam kết nhận việc có trả phí. Hướng dẫn làm website đầu tiên bằng Lovable giới thiệu giao diện và cách tạo website đơn giản. Bài này tập trung vào các việc cần làm cùng khách hàng: thống nhất phạm vi, duyệt nội dung, nghiệm thu và bàn giao.
Chúng ta sẽ dùng Fern & Pot, một dịch vụ chăm sóc cây trong nhà giả định dành cho văn phòng và quán cà phê nhỏ. Bản mô tả công việc và các prompt dưới đây là ví dụ tự soạn để luyện tập, không phải dự án đã bàn giao hay website chúng tôi đã xây dựng và kiểm thử trong Lovable.
1. Thống nhất website đầu tiên cần làm gì
Hãy hỏi khách hàng muốn người truy cập làm gì tiếp theo. “Chúng tôi muốn một website hiện đại” cho bạn định hướng về hình thức. “Người quản lý văn phòng cần hiểu dịch vụ chăm sóc cây rồi gửi email cho chúng tôi” cho bạn một kết quả có thể xây dựng và kiểm tra.
Viết bản mô tả công việc ngắn và nhờ khách hàng xác nhận trước khi bắt đầu. Với Fern & Pot, hai bên có thể thống nhất như sau:
| Điều cần quyết định | Phiên bản đầu đã thống nhất |
|---|---|
| Người truy cập | Người quản lý văn phòng hoặc quán cà phê đang tìm dịch vụ chăm sóc cây trong nhà |
| Mục đích | Giới thiệu dịch vụ và mời người truy cập hỏi thêm qua email |
| Các trang | Trang chủ, Dịch vụ và Liên hệ, dùng một ngôn ngữ đã thống nhất |
| Nội dung | Đánh giá tình trạng cây, chăm sóc định kỳ và thay chậu; mô tả cùng hình ảnh đã duyệt |
| Hành động chính | Đường dẫn gửi email đến địa chỉ đã thống nhất với khách hàng |
| Cập nhật | Người xây dựng sửa nội dung theo yêu cầu, theo thỏa thuận bảo trì riêng |
| Chưa nằm trong phạm vi | Biểu mẫu hỏi thông tin, đặt lịch, thanh toán, tài khoản khách hàng và trang quản trị để chủ website sửa nội dung |
Thống nhất cả người duyệt văn bản, nơi tập hợp phản hồi, những chỉnh sửa nằm trong phạm vi công việc đã thỏa thuận và thời điểm khách hàng cần cung cấp tài liệu. Nếu sau đó khách hàng muốn thêm đặt lịch trực tuyến, hãy giải thích phần việc phát sinh và thống nhất lại phạm vi trước khi thêm.
Website ba trang không tự có công cụ để chủ website chỉnh sửa các trang đó. Nếu khách hàng cần tự cập nhật nội dung, hãy quyết định cách thực hiện trước khi chọn phương án xây dựng.
2. Thu thập nội dung và thống nhất quyền kiểm soát tài khoản
Đề nghị khách hàng cung cấp mô tả dịch vụ chính xác, thông tin liên hệ, khu vực phục vụ, tên doanh nghiệp, logo và hình ảnh được phép sử dụng. Ghi rõ phần nào còn thiếu. Đừng dùng đánh giá, chứng nhận hay giá do AI bịa ra để lấp chỗ trống.
Ghi lại các quyết định về tài khoản cùng với nội dung. Workspace là không gian trong Lovable để quản lý dự án và người cộng tác. Với dự án thật, hãy thống nhất khách hàng sẽ kiểm soát workspace từ đầu hay bạn sẽ cung cấp dịch vụ quản lý website lâu dài.
| Trách nhiệm | Phần việc của người xây dựng | Phần việc của khách hàng |
|---|---|---|
| Mô tả công việc và chỉnh sửa | Ghi lại các trang, chức năng, phần loại trừ và thay đổi | Xác nhận phạm vi và chọn một người duyệt |
| Thông tin doanh nghiệp và hình ảnh | Sắp xếp tài liệu nhận được, chỉ ra phần còn thiếu | Cung cấp thông tin đúng và duyệt việc sử dụng hình ảnh, logo |
| Xây dựng và kiểm tra | Làm theo mô tả, ghi kết quả kiểm tra và vấn đề chưa xử lý | Duyệt câu chữ và thử hành trình chính của người truy cập |
| Tài khoản và chi phí | Liệt kê dịch vụ cần dùng, quyền truy cập và khoản phí định kỳ | Xác nhận người kiểm soát tài khoản, người thanh toán và gia hạn |
| Yêu cầu hỏi thông tin | Kết nối và kiểm tra kênh liên hệ đã thống nhất | Theo dõi kênh đó và trả lời người truy cập |
| Bảo trì | Giải thích cách cập nhật và xử lý lỗi | Quyết định ai yêu cầu, duyệt và thanh toán công việc tiếp theo |
Mời từng người bằng tài khoản riêng thay vì dùng chung mật khẩu. Cấp quyền vào đúng dự án và xem họ cần vai trò nào. Lovable hỗ trợ cộng tác ở cấp dự án và workspace. Credit là đơn vị tính mức sử dụng trong Lovable. Người cộng tác dùng credit của workspace chứa dự án. Hãy thống nhất ai trả phí xây dựng và chỉnh sửa về sau.
Nếu dùng tên miền riêng, ghi rõ ai quản lý việc đăng ký, gia hạn và thiết lập kết nối. Kết nối tên miền với website không chuyển quyền đăng ký tên miền sang chủ mới. Xem tài liệu tên miền của Lovable khi lên kế hoạch cho bước này.
3. Xây dựng một hành trình hoàn chỉnh rồi chỉnh sửa
Chuyển bản mô tả đã duyệt thành yêu cầu cho Lovable. Prompt là lời yêu cầu bạn gửi cho AI. Hướng dẫn bắt đầu chính thức trình bày cách tạo dự án từ một yêu cầu bằng văn bản và chỉnh sửa trong phần chat của dự án.
Khi luyện tập, thay cả hai chỗ YOUR_TEST_EMAIL bên dưới bằng địa chỉ bạn kiểm soát. Ví dụ yêu cầu website bằng tiếng Anh. Với dự án thật, hãy chỉ rõ ngôn ngữ website đã thống nhất với khách hàng và kiểm tra nội dung được tạo bằng ngôn ngữ đó.
Build a small English-language website for Fern & Pot, a fictional indoor plant-care service used for practice.
Audience: managers of small offices and cafes.
Purpose: explain the services, then help the visitor enquire by email.
Create three pages: Home, Services, and Contact, with navigation between them.
Services: Plant assessment, Regular care visits, and Repotting. Use short factual descriptions without prices or guarantees.
Add an "Email us" link that opens mailto:YOUR_TEST_EMAIL, and show YOUR_TEST_EMAIL on the Contact page.
Use a readable design that works on phones and desktop screens. Make all three pages reachable from the phone navigation.
Show "Practice website for a fictional business" on every page. Use simple plant illustrations rather than photos of supposed clients.
Do not invent testimonials, certifications, an address, service areas, or opening hours.
Do not add forms, booking, payments, customer accounts, a database, or an owner editing dashboard.Giải thích: prompt này xác định người truy cập, các trang và kênh email, đồng thời nêu phần chưa nằm trong phạm vi. Nhờ vậy, bạn có thể đối chiếu kết quả với công việc đã thống nhất.
Kiểm tra cả ba trang trước khi yêu cầu trau chuốt thêm giao diện. Xem menu, tên dịch vụ, địa chỉ email và thông báo đây là website luyện tập. Ghi ngắn gọn yêu cầu đã gửi, phần đã thay đổi và những gì đã kiểm tra.
Để luyện tập chỉnh sửa, đổi tên một dịch vụ mà không mở rộng phạm vi:
Rename "Regular care visits" to "Scheduled plant care" everywhere on the website. Keep its description, the other services, navigation, email destination, and design unchanged. Do not add features.Giải thích: prompt này chỉ yêu cầu đổi tên dịch vụ ở mọi nơi và nêu rõ phần cần giữ nguyên, giúp bạn kiểm tra AI có sửa đúng yêu cầu hay không.
Sau khi sửa, tìm tên cũ trên các trang và kiểm tra lại đường dẫn email. Việc sửa văn bản hoàn tất khi nội dung đổi đúng yêu cầu và hành trình hiện có của người truy cập vẫn hoạt động.
Với phản hồi của khách hàng, hãy chuyển “làm cho tốt hơn” thành một thay đổi có thể quan sát. “Trên điện thoại, đường dẫn Liên hệ bị menu che mất” chỉ ra vấn đề cụ thể để tìm nguyên nhân. Tập hợp phản hồi ở một nơi đã thống nhất để các ý kiến trái ngược không trở thành những yêu cầu xây dựng mâu thuẫn.
4. Nghiệm thu bằng kết quả có thể quan sát
Đối chiếu website với bản mô tả cùng khách hàng. Làm rõ việc duyệt nội dung và kiểm tra chức năng: khách hàng biết mô tả dịch vụ có đúng hay không; bạn còn phải xác minh thao tác liên hệ có hoạt động.
| Mục kiểm tra | Bằng chứng để nghiệm thu |
|---|---|
| Các trang và menu | Mở được Home (Trang chủ), Services (Dịch vụ) và Contact (Liên hệ); truy cập đủ ba trang từ menu trên máy tính và điện thoại |
| Nội dung doanh nghiệp | Khách hàng duyệt tên, mô tả, thông tin liên hệ và hình ảnh |
| Thao tác gửi email | Đường dẫn mở bản nháp đến đúng người nhận trên thiết bị đã cấu hình ứng dụng email |
| Tiếp nhận liên hệ | Gửi riêng một email có đánh dấu là thử nghiệm và khách hàng xác nhận đã nhận được |
| Giao diện điện thoại | Đọc được văn bản, dùng được nút và menu; trang không cuộn ngang |
| Khả năng sử dụng cơ bản | Nhãn đường dẫn dễ hiểu, thấy rõ đường dẫn hoặc nút đang nhận thao tác từ bàn phím và vẫn đọc được chữ khi phóng to |
| Phiên bản đã xuất bản | URL dành cho người truy cập hiển thị nội dung đã duyệt; thao tác liên hệ và menu đều hoạt động khi kiểm tra lại như trên |
Đường dẫn email mở bản nháp; nó không gửi thư, lưu yêu cầu hay xác nhận lịch hẹn. Nếu thiết bị chưa cấu hình ứng dụng email, hãy xem địa chỉ đích và thử trên thiết bị khác đã cấu hình. Hiển thị địa chỉ email để người truy cập có thể sao chép.
Nếu phạm vi dự án thật có biểu mẫu, thêm một kiểm tra nghiệm thu riêng: gửi yêu cầu được đánh dấu là thử nghiệm, tìm tại nơi nhận đã thống nhất và nhờ khách hàng xác nhận đọc được. Kiểm tra cả dữ liệu không hợp lệ, gửi thất bại và quyền truy cập các yêu cầu đã lưu. Hướng dẫn tạo landing page bằng AI giải thích hành trình này chi tiết hơn.
Xử lý các vấn đề còn mở trước khi nói website đã hoàn tất. Nếu chưa giải thích hoặc kiểm tra được tính năng mới, hãy thu hẹp phần bàn giao hoặc nhờ người có kinh nghiệm hỗ trợ trước khi chào tính năng đó cho khách hàng.
5. Xuất bản và bàn giao quyền kiểm soát
Nhờ khách hàng duyệt nội dung và địa chỉ công khai dự kiến. Thay tài liệu giả định trước khi ra mắt website cho doanh nghiệp thật. Làm theo quy trình xuất bản của Lovable, rồi mở URL dành cho người truy cập trong một phiên trình duyệt khác và trên điện thoại. Sau mỗi lần sửa tiếp theo, dùng Publish → Publish changes và kiểm tra lại phần bị ảnh hưởng; sửa bản xem trước không tự cập nhật website đã xuất bản.
Gửi khách hàng ghi chú bàn giao ngắn với các thông tin sau:
- Địa chỉ website và dự án: URL công khai và nơi chỉnh sửa website.
- Quyền kiểm soát tài khoản: ai kiểm soát dự án, workspace, tên miền và dịch vụ kết nối; xác nhận quyền cần có bằng chính tài khoản của khách hàng.
- Chi phí và gia hạn: dịch vụ đang dùng, người trả từng khoản phí và người theo dõi mức sử dụng hoặc thông báo gia hạn.
- Tiếp nhận liên hệ: yêu cầu đến đâu và ai theo dõi nơi đó.
- Cách cập nhật: cách yêu cầu sửa nội dung, duyệt, xuất bản và kiểm tra phiên bản người truy cập nhìn thấy.
- Khôi phục và hỗ trợ: nơi giữ mã nguồn hoặc bản sao để khôi phục, cách xử lý thay đổi làm hỏng website và phạm vi hỗ trợ đi kèm.
Trong Lovable, mời người cộng tác, chuyển quyền sở hữu dự án cho một thành viên khác trong workspace và chuyển dự án sang workspace khác là các thao tác riêng. Xem tài liệu dự án hiện hành cho phương án đã chọn. Kiểm tra quyền quản lý tên miền, thanh toán và dịch vụ kết nối riêng, thay vì cho rằng một thao tác với dự án sẽ chuyển mọi thứ.
Nếu cam kết bàn giao mã nguồn, hãy ghi rõ khách hàng truy cập ở đâu. Chỉ một bản sao mã nguồn không bao gồm mọi tài khoản, yêu cầu đã lưu hay dịch vụ đang chạy. Hướng dẫn về quyền sở hữu và hosting của Lovable giải thích vì sao mã nguồn, hosting và dịch vụ backend cần được quyết định riêng.
Kết thúc bằng buổi hướng dẫn khách hàng: đăng nhập bằng tài khoản của họ, tìm dự án, kiểm tra nơi nhận liên hệ và thực hiện quy trình cập nhật đã thống nhất. Ghi lại quyền bạn giữ để bảo trì và lý do cần giữ.
Chọn dự án đầu tiên bạn có thể duy trì
Dự án luyện tập phù hợp có người truy cập rõ ràng, vài trang với nội dung ít thay đổi, tài liệu đã duyệt và kênh liên hệ đơn giản. Hãy xây dựng, hoàn thành các kiểm tra và tập bàn giao trước khi nhận dự án có dữ liệu riêng tư, tài khoản hay kết nối phức tạp.
Với công việc có trả phí, thống nhất phần việc và hỗ trợ lâu dài bằng văn bản. Nêu rõ ai sửa lỗi trong phần bàn giao, ai xử lý thay đổi nội dung về sau và cách báo giá tính năng mới. Website đã hoạt động công khai không có nghĩa là hai bên đã thống nhất những trách nhiệm này. Phí công cụ xây dựng chỉ là một phần chi phí vận hành. Đọc hướng dẫn giá Lovable để hiểu giới hạn sử dụng và hướng dẫn chi phí ứng dụng tạo bằng AI để lập ngân sách tổng thể.
Khóa học xây sản phẩm số đầu tiên bằng AI của RianVibe dùng ứng dụng Todo để luyện viết yêu cầu cho Lovable, chỉnh sửa, xử lý dữ liệu, kiểm tra kết quả và áp dụng phương pháp vào dự án riêng. Phần giới thiệu miễn phí; khóa đầy đủ có phí, tách biệt với phí các công cụ. Khóa học giúp luyện nền tảng, không bao quát toàn bộ việc kinh doanh freelance hay bảo đảm bạn sẵn sàng cho mọi dự án khách hàng.
Nguồn về quy trình được kiểm tra ngày 9 tháng 10 năm 2026: hướng dẫn bắt đầu Lovable, cộng tác, dự án và quyền sở hữu, tên miền, xuất bản và quyền sở hữu cùng hosting.
Câu hỏi thường gặp
Người mới có thể làm website cho khách hàng bằng AI không?
Bạn có thể học bằng cách xây dựng một website luyện tập nhỏ. Trước khi nhận dự án khách hàng, hãy chắc chắn mình có thể làm và kiểm tra chức năng đã thống nhất, giải thích chi phí và bàn giao đúng quyền truy cập. Yêu cầu có dữ liệu riêng tư hoặc kết nối phức tạp có thể cần người có kinh nghiệm hỗ trợ.
Ai nên sở hữu tài khoản Lovable và tên miền?
Thống nhất trước khi bắt đầu. Với website do khách hàng kiểm soát, dùng tài khoản của họ rồi mời người xây dựng. Dịch vụ quản lý website có thể áp dụng cách khác, nhưng hai bên cần hiểu rõ quyền truy cập, thanh toán, cập nhật và quy trình khi muốn chuyển đi. Dùng tài khoản riêng thay vì chia sẻ mật khẩu.
Khách hàng có thể tự sửa website sau bàn giao không?
Chỉ qua cách cập nhật bạn đã thống nhất và cung cấp. Có quyền vào dự án không tự mang lại một trang quản trị nội dung đơn giản. Hãy hướng dẫn quy trình thực tế, dù là chỉnh trong Lovable, dùng công cụ riêng cho chủ website hay gửi yêu cầu bảo trì cho bạn.
Website nhỏ có cần biểu mẫu liên hệ không?
Không. Kênh email hoặc nhắn tin hoạt động tốt có thể đáp ứng yêu cầu. Biểu mẫu cần thêm nơi lưu hoặc dịch vụ nhận yêu cầu, quy tắc truy cập và các bước kiểm tra. Chọn khi nó giúp quy trình của khách hàng, và thống nhất ai đọc, trả lời yêu cầu.