Dựng landing page bằng AI: tôi tạo xong trang bán hàng chỉ bằng cách mô tả cho nó

Bài viết bởi Nguyễn Hoàng Nam, founder và nhà đào tạo, người vận hành hơn 50 doanh nghiệp online một mình bằng AI. Cập nhật: 01/07/2026.

Dựng landing page bằng AI nghĩa là bạn mô tả trang bằng lời, AI dựng thẳng một trang thật trên nền tảng làm web, không kéo thả, không viết một dòng code. Sáng nay tôi làm đúng như vậy: một trang bán sách 91 khối, sáu phần nội dung, form thu email, dựng xong trong khoảng nửa tiếng, chỉ bằng cách bảo AI “làm cho tôi trang này”. Nhưng phần quan trọng nhất lại nằm ở bước không ai kể: trước khi cài công cụ AI đó, tôi bắt nó nằm lên bàn mổ để kiểm tra xem có mã độc không. Đây là toàn bộ quá trình, đúng từng cú bấm.

Dựng landing page bằng AI thực chất là gì?

Dựng landing page bằng AI là để một trợ lý AI như Claude hay ChatGPT cầm tay lái trong chính công cụ làm web của bạn, thay vì bạn tự kéo từng khối chữ, từng cái nút. Bạn nói “làm trang bán khóa học, tông xanh, có form đăng ký”, AI phân tích, dựng bố cục, viết nội dung, đặt nút, rồi lưu thẳng vào tài khoản của bạn.

Thứ làm cho chuyện này chạy được có một cái tên hơi kỹ thuật: MCP, viết tắt của Model Context Protocol, một chuẩn mở do Anthropic (công ty làm ra Claude) công bố cuối năm 2024 để nối trợ lý AI với phần mềm bên ngoài. Bạn cứ hình dung MCP là một sợi dây nối. Một đầu cắm vào AI, đầu kia cắm vào phần mềm bạn dùng, ở đây là Webcake của Pancake để làm landing page. Có sợi dây đó, AI không còn chỉ “nói cho bạn nghe phải làm gì”. Nó tự tay làm luôn trong tài khoản của bạn.

Ít ai nói với bạn điều này: MCP mới là thứ biến AI từ “cố vấn” thành “nhân viên”. Trước MCP, tôi hỏi ChatGPT cách dựng trang, nó trả về hướng dẫn, rồi tôi vẫn phải tự làm. Sau MCP, tôi giao việc, nó nộp thành phẩm. Khoảng cách giữa hai thứ đó chính là khoảng cách giữa “biết” và “xong”.

Vì sao tôi kiểm tra công cụ AI trước khi cài, và bạn cũng nên?

Một MCP muốn làm việc thay bạn thì phải cầm chìa khóa nhà bạn. Cụ thể ở đây, nó cầm token đăng nhập Webcake của tôi. Cài một công cụ như vậy mà không kiểm tra thì chẳng khác gì đưa chìa khóa cho một người lạ chỉ vì họ mặc đồng phục.

Đa số hướng dẫn trên mạng bảo bạn gõ một dòng lệnh là cài xong. Không ai dạy bạn dừng lại nửa phút để soi xem cái mình sắp cài có sạch không. Đây là bốn thứ tôi đã soi, và bạn có thể yêu cầu AI của bạn soi hộ y hệt:

1. Lệnh chạy ngầm khi cài. Nhiều mã độc giấu trong một thứ gọi là “postinstall”, tức lệnh tự chạy ngay lúc bạn cài mà bạn không thấy. Tôi tải mã nguồn về, mở ra, và xác nhận không có dòng nào như vậy.
2. Token bay đi đâu. Tôi quét toàn bộ mã, liệt kê mọi địa chỉ mạng nó gọi tới. Kết quả sạch: nó chỉ nói chuyện với máy chủ chính thức của Webcake, không có địa chỉ lạ kiểu gửi trộm dữ liệu đi nơi khác.
3. Có chạy lệnh hệ thống bậy không. Tôi tìm các đoạn code có quyền ra lệnh cho máy tính. Có, nhưng chỉ để mở trình duyệt lúc đăng nhập. Không có gì đụng tới file cá nhân.
4. Nó ghi file ở đâu. Tôi kiểm tra nó không đụng tới các thư mục nhạy cảm chứa mật khẩu hay khóa bảo mật. Nó chỉ ghi đúng vào file cấu hình của trợ lý AI.

Còn một chi tiết tôi thích: máy chủ đăng nhập của nó chỉ chạy nội bộ trong máy tôi, khóa lại ở địa chỉ 127.0.0.1, không mở ra ngoài internet. Nghe thì nhỏ, nhưng đó là ranh giới giữa một công cụ đàng hoàng và một công cụ hớ hênh.

(Ngoài lề: bạn không cần biết đọc code để làm bước này. Tôi cũng không viết nổi một dòng code. Tôi chỉ ra lệnh cho AI đọc và báo cáo lại. Nếu tò mò cách tôi làm việc kiểu đó, tôi kể kỹ trong bài tôi không viết nổi một dòng code.)

Và đây là chỗ đáng cười nhất, cũng là bài học đắt nhất trong buổi sáng. Tôi tra công cụ theo một đường link, mổ xẻ nó xong xuôi, kết luận sạch. Thì hóa ra đó là bản của một lập trình viên cá nhân trên GitHub, không phải bản chính chủ. Anh Nam sửa lại cho tôi đúng địa chỉ tài liệu của Pancake, và tôi phải mổ lại từ đầu một package khác. Bài học: một công cụ trông giống, tên gần giống, thậm chí cùng tác giả, vẫn có thể không phải cái bạn cần. Luôn lần về nguồn chính thức trước khi tin.

Cài MCP Webcake trên máy: ba bước tôi đã làm

Sau khi công cụ qua vòng kiểm tra, cài đặt chỉ mất vài phút. Đây là ba bước thật, không lược:

1. Mở cửa sổ gõ lệnh và dán một dòng. Trên máy Mac là ứng dụng Terminal, trên Windows là Command Prompt. Dòng lệnh chính chủ là npx -y webcake-landing-mcp install. Cái này cần phần mềm Node.js cài sẵn, tải miễn phí ở nodejs.org.
2. Đăng nhập Webcake bằng trình duyệt. Công cụ tự mở trình duyệt, tôi bấm Kết nối, xong. Công cụ tự lưu token an toàn ngay trong máy tôi, tôi không phải copy dán tay.
3. Mở lại trợ lý AI. Sau khi cài, phải tắt và mở lại ứng dụng AI một lần thì công cụ mới hiện ra. Đây là chỗ hầu hết mọi người bối rối, tưởng cài hỏng. Không hỏng, chỉ cần khởi động lại.

Bước ba là chỗ hầu hết mọi người vấp, kể cả tôi sáng nay. May là tôi đọc kỹ tài liệu trước khi kịp nghĩ công cụ hỏng.

AI dựng trang thế nào: 91 khối chỉ từ một mô tả

AI dựng cả trang landing 91 khối từ một bản thiết kế có sẵn, không cần tôi kéo thả khối nào. Tôi đã có một file HTML thiết kế landing cho cuốn sách Đội Quân Một Người mà tôi ưng ý. Việc của tôi gọn lỏn: đưa file đó cho AI và bảo “dựng y hệt lên Webcake của tôi”.

Phần này mới đáng nói. AI không copy nguyên khối. Webcake dùng kiểu bố cục tọa độ tuyệt đối, tức mỗi khối chữ, mỗi cái nút phải có tọa độ chính xác trên khung. AI phải tự tính toán bố cục cho cả màn hình máy tính lẫn điện thoại, tự dựng 91 khối riêng biệt: sáu phần nội dung, một cửa sổ cảm ơn hiện lên sau khi khách để lại email, hai form thu email, ảnh bìa sách, huy hiệu “miễn phí”.

Trước khi lưu, có một bước kiểm tra tự động bắt lỗi bố cục. Nó phát hiện vài chỗ chữ dài bị tràn xuống đè lên khối bên dưới, và tự đẩy các ô nhập liệu xuống cho thoáng. Tôi không phải căn tay từng pixel. Với một người từng ngồi kéo thả landing cả buổi tối, chi tiết này là thứ tiết kiệm thời gian nhất.

Ba tấm ảnh của tôi đang nằm trong máy, không có link. AI tự tải chúng lên máy chủ ảnh của Pancake, lấy về đường link mới, rồi gắn vào đúng chỗ. Tôi chỉ ngồi nhìn.

Toàn bộ, từ lúc bắt đầu tới lúc trang được lưu vào tài khoản: khoảng nửa tiếng, trong đó phần lớn thời gian là tôi kiểm tra an toàn ở đầu. Riêng khâu dựng trang chỉ mất ít phút.

Chỗ AI làm được, và chỗ nó chưa làm được

Tôi ghét kiểu bài khoe công cụ mà giấu nhược điểm, nên nói thẳng hai chỗ hụt.

Chỗ thứ nhất: trang đã dựng nhưng chưa tự lên sóng. Bản MCP chạy trên máy chưa nối được với cỗ máy dựng trang tĩnh của Webcake, nên nó mới lưu bản thiết kế chứ chưa xuất ra trang chạy được. Cách xử lý đơn giản: tôi mở trang trong trình chỉnh sửa Webcake, nó tự hiện, bấm Xuất bản là xong. Nhưng nếu tôi không biết chỗ này, tôi sẽ tưởng AI làm hỏng. Nó không hỏng. Toàn bộ 91 khối vẫn nằm nguyên trong tài khoản.

Chỗ thứ hai: gửi sách tự động thì AI chưa lo được. Form thu email đổ về hệ thống khách hàng của Pancake, nhưng việc gửi file PDF cuốn sách cho người vừa để lại email thì tôi vẫn phải tự bật kịch bản gửi mail. AI dựng cái phễu, nhưng đổ nước vào phễu vẫn là việc tôi phải cấu hình.

Đừng tin lời hứa “AI làm hết mọi thứ”. Thực tế nó làm hết phần dựng, phần khó nhất và chán nhất, còn vài mắt xích cuối vẫn cần bàn tay người. Với tôi, đánh đổi đó vẫn quá hời.

Ai nên dùng cách này, ai chưa nên?

Cá nhân tôi sẽ khuyên bạn dùng cách này nếu bạn thuộc nhóm hay dựng nhiều landing, mỗi tuần vài trang bán hàng, thu lead, sự kiện. Tốc độ và việc bỏ được khâu kéo thả là thứ thay đổi cuộc chơi.

Nhưng nếu bạn chỉ làm đúng một trang duy nhất và không định làm thêm, thì học cả quy trình MCP có khi lâu hơn tự kéo thả một buổi. Lúc đó, cứ dùng trình chỉnh sửa Webcake bình thường.

Còn nếu bạn định giao chìa khóa tài khoản cho bất kỳ công cụ AI nào, dù là cái này hay cái khác, thì làm ơn chạy vòng kiểm tra bốn bước ở trên trước. Không phải vì công cụ nào cũng xấu, mà vì bạn không có gì để mất khi kiểm tra, và mất rất nhiều nếu không.

Câu hỏi thường gặp

Dựng landing page bằng AI có cần biết code không?

Không. Tôi dựng nguyên trang 91 khối mà không viết một dòng code. Bạn chỉ mô tả bằng lời, AI lo phần kỹ thuật. Việc “biết chữ” thời nay là biết ra lệnh cho AI, không phải biết lập trình.

MCP là gì, nói cho dễ hiểu?

MCP là sợi dây nối AI với phần mềm bạn dùng, để AI tự tay làm việc trong tài khoản của bạn thay vì chỉ hướng dẫn. Ví dụ trong bài, MCP nối trợ lý AI với công cụ làm web Webcake.

Cài công cụ AI lạ có an toàn không?

Không mặc nhiên an toàn. Một công cụ như vậy thường cầm token đăng nhập của bạn. Trước khi cài, hãy kiểm tra bốn thứ: lệnh chạy ngầm, token bay đi đâu, có chạy lệnh hệ thống bậy không, và nó ghi file ở đâu. Bạn có thể nhờ chính AI đọc và báo cáo hộ.

Dựng trang xong là trang tự lên mạng luôn à?

Chưa chắc. Trong trường hợp của tôi, AI lưu xong bản thiết kế nhưng tôi vẫn phải mở trình chỉnh sửa Webcake bấm Xuất bản, và gắn tên miền thì trang mới có địa chỉ cố định.

Cách này chỉ làm được với Webcake thôi à?

Không. MCP là một chuẩn chung, ngày càng nhiều phần mềm có MCP riêng. Webcake chỉ là ví dụ tôi dùng hôm nay vì tôi cần một landing page. Nguyên tắc kiểm tra an toàn và cách giao việc cho AI thì áp dụng cho mọi công cụ.

Bước tiếp theo của bạn

Buổi sáng nay gói gọn một bài học tôi lặp đi lặp lại: người kiếm được tiền với AI không phải người biết nhiều công cụ nhất, mà là người biết giao việc và biết kiểm tra. Giao cho AI phần nặng, giữ lại phần cần cái đầu tỉnh táo, và luôn soi công cụ trước khi trao chìa khóa. Công cụ thì ai cũng tải được. Thói quen soi trước khi trao chìa khóa thì không.

Nếu bạn muốn biến kiểu làm việc này thành một hệ thống ra tiền thật trong 30 ngày tới, tôi đã vẽ sẵn lộ trình trong bài 30 ngày tới bạn sẽ ở đâu.

Về tác giả. Nguyễn Hoàng Nam là founder và nhà đào tạo, người vận hành hơn 50 doanh nghiệp online nhỏ cùng lúc, một mình, bằng AI và tự động hóa. Anh không viết code, mà học cách bắt các công cụ hiện đại làm việc thay cả một ê kíp. Anh chia sẻ toàn bộ cách làm ở nam.academy.

Nguồn tham khảo: Tài liệu chính thức Webcake Landing MCP (docs.pancake.biz), trang Model Context Protocol, và chính phiên làm việc ngày 01/07/2026 được ghi lại trong nhật ký của tôi.