---
title: "Cách tạo website bằng AI với Claude"
description: "Dựng một trang giới thiệu cửa hàng bằng Claude ngay trên trình duyệt, sửa nội dung bằng tiếng Việt, rồi mở quyền cho khách xem mà không cần tài khoản."
canonical: "https://200lab.io/blog/cach-tao-website-bang-ai-voi-claude"
published: "2026-09-25T01:56:30Z"
updated: "2026-09-25T01:56:30Z"
authors: ["Hướng nội"]
tags: ["AI"]
series: "Cách tạo website bằng AI cho người mới"
reading_minutes: 10
access: "public"
---

Bạn có một cửa hàng nhỏ và muốn có trang web để gửi cho khách, nhưng chưa từng làm web và cũng không biết lập trình. Bài viết này sẽ hướng dẫn bạn cách dùng ngôn ngữ tự nhiên để "nhờ" Claude AI dựng web. Bạn có thể thoải mái yêu cầu AI chỉnh sửa giao diện cho đến khi ưng ý, sau đó tạo một đường dẫn (link) để gửi ngay cho khách hàng. Cuối bài là cách đổi giá về sau mà không phải gửi lại đường dẫn mới.

## 1. Kết quả thực tế của website hoàn chỉnh

![Toàn bộ trang giới thiệu Xưởng Nến Mộc ở khổ máy tính, từ đầu trang đến cuối trang.](https://assets.200lab.io/sha256/19/19f4f9b11a03072029226336652ab96f0933a149713859d42ee9e7c063ddbf5e/generations/c8b464e5e8b3a576d264e15b22c2824382cdca9dda0725e9196a6707f124af30)

Để dễ hình dung, mình đã chạy thử các bước trong bài cho một cửa hàng giả định tên là "Xưởng Nến Mộc". Kết quả thu được là một trang web hiển thị trọn vẹn thông tin thiết yếu: 4 loại sản phẩm kèm giá, địa chỉ, giờ mở cửa, cùng hai nút chức năng để khách nhấn vào gọi điện hoặc nhắn tin Facebook.

Khi làm xong, hệ thống cấp cho bạn một đường dẫn dạng claude.ai/artifact/.... Khách hàng bấm vào là xem được ngay trên điện thoại hoặc máy tính mà không cần phải có tài khoản Claude. Bạn cũng không tốn tiền mua tên miền riêng (địa chỉ web mang tên cửa hàng).

Dù vậy, giải pháp này có hai điểm hạn chế bạn cần lưu ý trước khi dùng:

- **Không cam kết vĩnh viễn**: Anthropic không nêu rõ đường dẫn này tồn tại được bao lâu. Nếu trang web này quan trọng với việc kinh doanh, bạn nên có phương án sao lưu chứ đừng phụ thuộc hoàn toàn vào nó.
- **Chỉ dừng ở mức giới thiệu**: Web làm ra chủ yếu để khách xem hàng hoá và lấy thông tin liên hệ. Không có giỏ hàng, không thanh toán trực tuyến và không có quản lý kho. Khi cửa hàng lớn lên và cần những tính năng đó, bạn vẫn sẽ cần đến lập trình viên chuyên nghiệp.

## 2. Những điều cần chuẩn bị trước khi làm

Bạn chỉ cần một máy tính có kết nối mạng, trình duyệt web và tài khoản Claude đã đăng nhập. Mọi thao tác đều thực hiện trực tiếp trên trình duyệt mà không phải cài đặt thêm bất kỳ phần mềm nào.

- **Chuẩn bị nội dung**: Trước khi bắt đầu, hãy soạn sẵn ra một file ghi chú hoặc sổ tay các thông tin: tên cửa hàng, đoạn giới thiệu ngắn, danh sách sản phẩm kèm giá, giờ mở cửa, địa chỉ, số điện thoại và đường dẫn Facebook. Việc này giúp bạn dễ dàng đối chiếu, tránh sai sót (nhất là giá tiền) khi AI tạo xong trang web.
- **Về chi phí và hạn mức**: Bạn có thể dùng gói Free (miễn phí) hoặc Pro (20 USD/tháng). Tuy nhiên, mọi gói đều có giới hạn số lượt hỏi AI. Nếu bạn dùng gói Free và hết hạn mức giữa chừng, bạn chỉ cần chờ sang hôm sau hoặc cân nhắc trả phí để làm tiếp.
- **Về bảo mật**: Theo chính sách mặc định, nội dung trò chuyện của bạn có thể được dùng để cải thiện AI. Dù bạn có thể tắt quyền này trong phần cài đặt, tốt nhất là không nên đưa các thông tin quá nhạy cảm hay dữ liệu thật của khách hàng lên nền tảng.

Về chi phí, nếu bạn dùng luôn đường dẫn Claude cấp thì các khoản phải trả như sau:

| Bạn dùng gói nào | Chi phí AI mỗi tháng | Chi phí giữ trang | Tên miền riêng | Tổng mỗi tháng |
| --- | --- | --- | --- | --- |
| Gói Free, còn trong hạn mức | 0 USD | Không phải trả riêng | Không mua | 0 USD |
| Gói Pro, trả theo tháng | 20 USD | Không phải trả riêng | Không mua | 20 USD, chưa gồm thuế |

## 3. Cách mô tả cho AI dựng Website

**Bước 1. Tạo cuộc trò chuyện mới:** Mở [Claude](https://claude.ai/new) và tạo một phiên chat mới. Bạn cứ để nguyên chế độ trò chuyện (Chat) bình thường.

![Màn hình trò chuyện mới của Claude trước khi gõ gì, ở chế độ Chat.](https://assets.200lab.io/sha256/bd/bd6848e67a1536e92cb4035e3c969855002b2a533b41cde9036577c7deee85e6/generations/dcdf19bc681780d5bd11d8df56d7599b72f966d199c1402b89c658efd0ed3a6d)

**Bước 2. Gửi mô tả trang cho Claude.**

![Đoạn mô tả Xưởng Nến Mộc đã gõ xong trong ô nhập, trước khi bấm gửi.](https://assets.200lab.io/sha256/4b/4b16df860a5b9ad20589990c2d6197fcfcf2e70832e4922805225012e9bf0dca/generations/6ad43396b04cca0c73e5a41ea795b3455d68f17499a2d8be448e85a04736ba49)

Thay vì hỏi lắt nhắt từng câu, bạn hãy gom toàn bộ thông tin cửa hàng thành một đoạn văn hoàn chỉnh rồi gửi một lần. Dưới đây là mẫu câu lệnh, bạn có thể thay bằng thông tin thực tế của mình:

> Mình có một cửa hàng nến thơm nhỏ tên là Xưởng Nến Mộc, bạn làm giúp mình một trang web giới thiệu cửa hàng nhé. Cửa hàng mình làm nến sáp đậu nành thủ công ở Đà Lạt, mùi hương lấy từ cỏ cây quanh vùng, mỗi mẻ chỉ làm 30 cây. Trang cần có 4 sản phẩm kèm giá: Nến Thông Đà Lạt 185.000đ, Nến Sả Chanh 165.000đ, Nến Cà Phê Sữa 195.000đ, Nến Hoa Hồng Cổ 210.000đ. Giờ mở cửa 9h đến 18h, thứ Hai đến Chủ nhật. Địa chỉ 42 Trần Hưng Đạo, Phường 10, Đà Lạt. Số điện thoại 0900 000 000, Facebook fb.com/xuongnenmoc. Mình muốn trang trông ấm áp, mộc mạc, có nút gọi điện và nút nhắn Facebook, xem trên điện thoại cũng đẹp.

**Bước 3. Xem kết quả:** Sau khoảng 2-3 phút, màn hình sẽ chia đôi: bên trái là phản hồi của Claude, bên phải là bản xem thử (preview) của trang web. Hãy đối chiếu lại thật kỹ các thông tin, đặc biệt là phần giá bán với bản ghi chú ban đầu.

![Màn hình chia hai phần, bên trái là câu trả lời của Claude, bên phải là khung xem thử hiện trang web.](https://assets.200lab.io/sha256/36/36fc3d95e1cee17a5b0150089e4f648029502cab378dc711ab063e9410b82b42/generations/86b8e01c1c1dc23de10e1ee70c74dfca83c1588e34675346a5eded8f634b95ec)

## 4. Kiểm tra và sửa nội dung do AI viết

Nếu có chỗ nào chưa ưng, bạn cứ nhắn trực tiếp yêu cầu sửa ngay trong cuộc trò chuyện đó.

- **Bước 1. Đưa ra yêu cầu cụ thể**: Hãy nói rõ ràng khu vực cần sửa. Ví dụ: "Thêm dòng: Nhận làm nến theo yêu cầu, cần đặt trước 3 ngày" hoặc "Đổi giờ mở cửa thành 8:00–21:00". Tránh ra lệnh chung chung kiểu "sửa cho đẹp hơn". Lưu ý nhỏ: Trước khi bấm gửi, hãy nhìn lại ô nhập chữ để tránh lỗi dán lặp (double-paste) nội dung.

![Yêu cầu thêm dòng đặt trước 3 ngày và đổi giờ mở cửa, đã gõ trong ô nhập.](https://assets.200lab.io/sha256/1f/1f6853910b462e16a33373c6b8a3f8fd123c7fa55e0a5248403cf1ca79c9514c/generations/2294748920025cc6bc221a3079a7106a9f2011bb9691473d63acb84947cf33d3)

- **Bước 2. Kiểm tra lại bản xem thử:** Đừng chỉ đọc dòng chữ AI báo đã làm xong. Bạn phải nhìn trực tiếp vào trang web bên phải xem nội dung đã thực sự thay đổi chưa.

![Khung xem thử sau khi sửa, đã có dòng nhận đặt nến và giờ mở cửa 8:00 đến 21:00.](https://assets.200lab.io/sha256/e6/e66a6b45b4d6c4665cc547e97e9181f05afb8561fb015d15661531556be6da81/generations/8a6863f5fe7a0b33052f5c9a78e5d821bacf9cc9e6209afa07672b78461d8ef2)

- **Bước 3. Kiểm tra hiển thị trên điện thoại**: Bạn có thể kéo thu hẹp cửa sổ trình duyệt trên máy tính lại để xem trang web tự động xếp lại bố cục ra sao. Nhưng để chắc ăn nhất, bạn vẫn nên mở đường dẫn trang web trên chính điện thoại của mình để bấm thử các nút.

![Trang Xưởng Nến Mộc trong cửa sổ hẹp 430 điểm, nội dung xếp một cột và hai nút liên hệ nằm dưới màn hình.](https://assets.200lab.io/sha256/97/9772d70c2c07a5fd7cfa1178f423f3d60a41d68f84d3262b0dc503afc60bd890/generations/5d4e51e1e108aa64058ffde53acac59057f9f0d9695a32969d401a563f4f7e46)

## 5. Mở quyền truy cập và chia sẻ website

Mặc định, trang web vừa tạo ra chỉ có mình bạn xem được. Để khách hàng có thể truy cập, bạn cần thực hiện các thao tác sau:

- **Bước 1. Mở cài đặt chia sẻ:** Bấm vào nút **Share** (biểu tượng ổ khóa) ở góc trên bên phải của khung xem thử. Đừng cố đi tìm nút "**Publish**" vì giao diện Claude hiện không dùng nút này.

![Hộp Share của Claude, mục Who has access đang để Only you, có nút Copy link; email đã được làm mờ.](https://assets.200lab.io/sha256/bd/bd0712463f03e810a0b1505aa60b117d5a7e1f4d6a854b79c80c1489bdc86171/generations/65bb075242dfaecc117bd76744ec1c365ec665fb8c0ba746fca527183ce90176)

- **Bước 2. Cấp quyền xem công khai**: Trong hộp thoại vừa mở, ở mục **Who has access**, đổi từ **Only you** (Chỉ mình bạn) sang **Anyone with the link** (Bất kỳ ai có đường dẫn). Claude sẽ hiện bảng thông báo, bạn bấm xác nhận **Share publicly**. Lúc này, bạn chỉ việc nhấn **Copy link** là có đường dẫn để gửi khách.

![Danh sách quyền xem có Only people invited và Anyone with the link.](https://assets.200lab.io/sha256/7e/7e65cdb9a6351ed00c8ea171bbb59d699faa859d7a629de8f4c292fb703e478c/generations/1f41cc92c855eb4d3f0403bddad5276fa9825f8be6c4b34e3a49829b691da075)

![Hộp xác nhận Share with anyone who has the link, kèm hai nút Cancel và Share publicly.](https://assets.200lab.io/sha256/1e/1ef18c207ce21763b8ce367a8a7a1244bd89a3daa48e7d19a3a4e041d533253d/generations/dcc141551925cf10a6c121b9cf712fb6f9662c1cd2c539d7c9432c3b23f21ec8)

![Hộp chia sẻ sau khi xác nhận, quyền đã đổi thành Anyone with the link.](https://assets.200lab.io/sha256/90/90fc781ee167de003c5c2af1572b3883571dd31da9adca8582759b08ee4207f4/generations/08d62062e747476794b53b6d5035859a25293867728fddf3ff31bc9d81eed66c)

- **Bước 3. Kiểm tra chéo:** Hãy dán đường dẫn vừa copy vào một trình duyệt ẩn danh (Incognito/Private) để đóng vai trò làm khách truy cập, xem trang web có hiển thị bình thường không.

![Trang Xưởng Nến Mộc mở trong cửa sổ Private của Safari, chưa đăng nhập Claude, vẫn còn nút Sign in ở góc.](https://assets.200lab.io/sha256/f3/f350d0253d7467882325359b6f6d26c7fa64790ee0d86ade41a959328b93ca83/generations/f9c2127d66f81862fd98ad0ec9405406c021bf6a4d859a22c5776123edecd2c4)

- **Bước 4. Đóng quyền truy cập (khi cần)**: Nếu không muốn ai xem nữa, bạn lại vào nút **Share**, đổi quyền từ mục **Who has access** về lại trạng thái **Only people invited** (Chỉ người được mời). Từ lúc đó, những ai bấm vào link cũ sẽ bị từ chối truy cập. Lưu ý: Việc đóng quyền xem này khác với việc bạn xóa hẳn cuộc trò chuyện.

## 6. Các lỗi thường gặp và cách xử lý

Đây là những vấn đề thực tế mình đã gặp phải trong quá trình làm ví dụ này:

- **Không tìm thấy nut Publish**: Tài liệu hướng dẫn của Anthropic có nhắc đến nút Publish, nhưng trên giao diện thực tế lại không hề có. Bạn cứ bỏ qua và đi theo hướng tìm nút Share rồi đổi quyền sang Anyone with the link như hướng dẫn ở trên.
- **Copy được link nhưng khách vẫn không mở được**: Ngay từ lúc trang web vừa tạo xong, nút Copy link đã có sẵn khiến nhiều người tưởng chừng như thế là xong. Tuy nhiên, quyền mặc định lúc này vẫn là Only you. Bạn bắt buộc phải đổi quyền và bấm Share publicly thì người khác mới xem được. Hãy luôn mở thử link bằng cửa sổ ẩn danh để kiểm tra.
- **Lỗi dán lặp nội dung ở ô nhập liệu**: Khi gửi lệnh sửa giờ mở cửa, chữ trong ô nhập của mình bị dán đúp thành hai lần. Lời khuyên là bạn hãy chịu khó nhìn lại ô nhập một lượt trước khi bấm gửi, vì nếu gửi nội dung lặp lại, Claude cũng sẽ thực hiện việc sửa đổi hai lần.
- **Một số chức năng không phản ứng khi bấm:** Mình đã thử bấm nút **Gọi điện** hoặc nhấn Enter trên trình duyệt, nhưng máy tính không mở ứng dụng gọi điện hay hiện ra hộp thoại nào cả. Cách xử lý chuẩn nhất: bạn hãy điền số điện thoại thật của cửa hàng, sau đó mở web bằng điện thoại của chính bạn để bấm thử, vì điện thoại mới là nơi khách hàng thao tác.
- **Quên xác nhận sau khi yêu cầu thay đổi**: Khi trang web đã được chia sẻ công khai, mọi yêu cầu sửa giá hay sửa nội dung sẽ làm hiện ra hộp thoại Replace existing artifact. Nếu bạn không bấm xác nhận ở hộp thoại này, web của khách vẫn sẽ chỉ hiện mức giá cũ. Chi tiết thao tác này được hướng dẫn cụ thể ở phần 7.

## 7. Cập nhật giá qua nút Replace trên Claude

Trong quá trình vận hành, khi có biến động về giá, bạn có thể cập nhật thông tin trực tiếp lên đường dẫn cũ mà không cần tạo link mới. Điều kiện bắt buộc là bạn phải giữ lại phiên trò chuyện gốc đã tạo ra trang web đó.

- **Bước 1. Yêu cầu cập nhật dữ liệu**: Nhập lệnh vào phiên chat gốc. Ví dụ: "Đổi giá Nến Thông Đà Lạt thành 195.000đ".

![Yêu cầu đổi giá Nến Thông Đà Lạt thành 195.000đ, gửi trong đúng cuộc trò chuyện cũ.](https://assets.200lab.io/sha256/c4/c4cc11c859d98609cce510cd51da5f054a8e5fa246937a571dc1779bc8de430f/generations/faa104d20d62ac97a5c75d464d0682a5f0af6f4d29908e6893a6d7a4cbe2c48f)

- **Bước 2. Xác nhận ghi đè (Replace)**: Khác với các lần chỉnh sửa trước khi chia sẻ link, lúc này Claude sẽ hiện một hộp thoại xác nhận Replace existing artifact (Ghi đè lên giao diện hiện tại). Nhấp vào nút Replace để đồng ý áp dụng nội dung mới lên đường dẫn cũ.

![Hộp Replace existing artifact với ba lựa chọn Replace, Allow for this chat và Deny.](https://assets.200lab.io/sha256/4b/4bf98fa1e783e2cba166102e461ca073606020f7cb6bccf702b8f7880dadcb27/generations/3db8f97f08b98f7af5e74e374c1c9e8953430e6e317b53666245c698cf226047)

![Giá Nến Thông Đà Lạt đã thành 195.000đ khi mở lại đúng đường dẫn cũ trong cửa sổ ẩn danh.](https://assets.200lab.io/sha256/1c/1cefd8916e78a0d73b269cca73b54df48ec2b417ae95a4bb4515e5bf4d6389ea/generations/48be0805238a4d34a1a7543bbf885c7ce2c817b97c74b8c3037bd4f63cea4701)

- **Bước 3. Nghiệm thu**: Mở lại đường dẫn bạn đã gửi cho khách bằng cửa sổ ẩn danh. Thông tin giá sẽ được cập nhật tự động (VD: lên mức 195.000đ) mà không cần bạn phải thao tác Share publicly thêm lần nào. Nếu muốn hoàn tác, chỉ cần yêu cầu Claude trả về giá cũ và tiếp tục nhấn Replace.

![Giá Nến Thông Đà Lạt đã về lại 185.000đ ở đúng đường dẫn cũ.](https://assets.200lab.io/sha256/c2/c2debe88bc83845fb9fa149184d757138e99f832a044e63a8e185406d3c5c91a/generations/046bee53278eab8301005ea50a00059e921db259bb5445bd172a30b4a7b528fe)

## Nguồn tham khảo

- [Bảng giá và tính năng các gói Claude](https://claude.com/pricing), Anthropic.
- [Chia sẻ Artifacts và các mức quyền truy cập](https://support.claude.com/en/articles/9547008-publish-and-share-artifacts).
- [Artifacts là gì và dùng thế nào](https://support.claude.com/en/articles/9487310-what-are-artifacts-and-how-do-i-use-them), Anthropic.
- [Dữ liệu của tôi có được dùng để huấn luyện mô hình không](https://privacy.claude.com/en/articles/10023580-is-my-data-used-for-model-training).