Hôm nay mình sẽ hướng dẫn anh em cách làm web bằng AI từ bản giới thiệu dịch vụ có sẵn trong Canvas. Làm xong, anh em có một trang web để gửi người khác xem thử.
Mình đọc tài liệu chính thức của Gemini để soạn hướng dẫn này, nên các tên nút và thứ tự bước đều theo tài liệu đó. Mình chưa thử. Trước khi làm trên bản giới thiệu dịch vụ của mình, anh em có thể mở tài liệu chính thức và đối chiếu lại từng thao tác được hướng dẫn bên dưới.
Bước một: Anh em bắt đầu cách làm web bằng AI
Anh em cần đăng nhập Gemini Apps trên gemini.google.com trước khi bắt đầu. Bên dưới ô nhập, anh em bấm nút Add files, chọn Canvas để bắt đầu. Sau đó, anh em gõ prompt nhờ Gemini viết bản giới thiệu dịch vụ từ nội dung anh em đưa.
Ở đây, prompt là lời anh em gõ để dặn AI việc cần làm. Nếu muốn tải file kèm prompt, anh em bấm Add files.
Anh em dán nội dung sẵn có vào ô nhập cùng prompt, rồi ghi rõ dịch vụ dành cho ai và người đọc cần làm gì sau khi xem. Nếu nội dung nằm trong file, anh em bấm Add files để tải file lên cùng prompt, không cần dán. Mình gợi ý anh em dùng prompt mẫu dưới đây, rồi thay phần trong ngoặc bằng thông tin dịch vụ của anh em.
Bạn hãy dựa vào nội dung dưới đây để viết bản giới thiệu dịch vụ [tên dịch vụ] cho [nhóm khách]. Mình muốn người đọc xem xong sẽ nhắn để đặt lịch tìm hiểu dịch vụ. Bạn hãy giữ nguyên tên dịch vụ và cách liên hệ trong phần nội dung mình cung cấp.
Prompt mẫu đã dặn giữ nguyên tên dịch vụ và cách liên hệ, anh em có gì khác cần giữ thì thêm vào. Anh em đọc lại một lượt rồi bấm Submit để gửi cho Gemini.
Bước hai: Anh em sửa bản giới thiệu bằng prompt
Mình khuyên anh em chốt chữ xong xuôi trong Canvas rồi hãy tạo trang web, vì tài liệu không nói cách chỉnh trang sau khi đã tạo.
Anh em bắt đầu với phần mở đầu, nhờ Gemini nói rõ dịch vụ dành cho ai và giải quyết việc gì, rồi đọc lại phần đó trước khi chuyển sang sửa phần liên hệ.
Mỗi lượt, anh em nên yêu cầu nó sửa một việc cụ thể. Ví dụ, anh em nhờ nó rút gọn đoạn giới thiệu trước, xong mới nhờ dời phần liên hệ lên cao, để anh em dễ xem Gemini sửa đúng ý chưa. Với bản văn bản, anh em có thể bấm Change length để chỉnh độ dài, hoặc Change tone để đổi giọng thân mật hay trang trọng, hai nút này nằm trong khung Canvas bên phải.
Nếu muốn sửa một đoạn trong bản văn bản, anh em bôi đen đoạn đó, nhập yêu cầu rồi nhấn Enter. Anh em bôi đen đoạn cần sửa rồi bấm Suggest edits để Gemini gợi ý chỉnh sửa. Mọi thay đổi trong Canvas đều được tự lưu.
Nút Select & ask trong tài liệu nằm ở phần dành cho app, mình chưa biết nó có dùng được với trang web không. Nên anh em cứ sửa ở bản văn bản trong Canvas như trên, xong mới tạo trang.
Bước ba: Đọc lại bản giới thiệu rồi tạo trang web
Anh em đọc lại bản giới thiệu trong Canvas, nếu cần thì sửa thẳng chữ trong đó hoặc nhờ Gemini sửa, vì thay đổi được tự lưu. Anh em sửa xong rồi hãy chuyển bản giới thiệu thành trang web.
Anh em so tên dịch vụ, thông tin liên hệ và những gì mình hứa với khách với nội dung gốc. Mấy chỗ này sai là mất uy tín liền.
Ở góc trên bên phải khung Canvas, anh em bấm Create, chọn Web page để tạo trang từ bản giới thiệu.
Tài liệu ghi tính năng Create này chưa dùng được với người dưới 18 tuổi.
Sau khi trang hiện ra, anh em xem bản preview (trang xem thử trước khi gửi cho người khác) để kiểm tra bố cục rồi mới chia sẻ.
Bước bốn: Anh em gửi link bản preview
Anh em bấm Share & export ở góc trên bên phải khung Canvas, rồi bấm Copy link cạnh link g.co/gemini/share ở phía trên.
Nếu anh em đang chia sẻ một app thì xem phần thông tin app hiện ra trước khi lấy link. Nếu anh em chia sẻ app, ai có link công khai cũng xem và sửa được dữ liệu của app đó, nên soát kỹ trước khi gửi.
Với trang web, mình chưa thấy tài liệu nói rõ ai xem được link, nên anh em coi link này như link công khai. Anh em đừng để thông tin riêng tư trong trang. Với chỗ anh em chưa sẵn sàng cho người ngoài đọc, anh em nên xoá khỏi trang trước khi gửi link, kể cả khi mục đích gửi chỉ là để nhờ người khác góp ý.
Sau khi bấm Copy link, anh em dán link vào tin nhắn hoặc email gửi người cần góp ý. Lúc gửi, anh em nhờ người nhận xem phần mở đầu đã giúp họ hiểu dịch vụ dành cho ai chưa, rồi hãy bàn tới màu sắc.
Khi gửi tin nhắn, mình sẽ nhắc người nhận mở link bằng trình duyệt để xem bản preview. Theo tài liệu, link chia sẻ Canvas chỉ mở được trên gemini.google.com, không mở được trong app Gemini trên điện thoại.
Lỗi hay gặp
Phần này chỉ dành cho app: muốn xem lỗi và log của bản preview, anh em bấm Show console ở góc trên bên phải khung Canvas. Log là phần ghi lại những gì đã xảy ra khi app chạy, giúp anh em thấy chỗ nào bị lỗi. Nếu anh em chỉ làm trang giới thiệu thì bỏ qua đoạn này.
Nếu trang hiện ra không đúng ý, anh em mô tả chỗ chưa đúng vào ô nhập để nhờ Gemini sửa, rồi xem lại bản preview. Nếu vẫn chưa ưng, anh em quay lại bản văn bản, chỉnh chữ rồi bấm Create > Web page tạo lại.
Theo tài liệu, người nhận mở link công khai, bấm Copy Canvas ở phía dưới để có bản riêng và tự chỉnh sửa tiếp. Tính năng này chưa dùng được với người dưới 18 tuổi. Anh em nhắn rõ cho người nhận: chỉ xem và góp ý, hay bấm Copy Canvas để sửa tiếp trên bản riêng của họ.
