Soạn thảo code — AI Code Playground

Chưa lưu

Quản lý

Trang

Đặt trong

Kéo 1 khối từ bên trái vào đây, hoặc bấm vào khối đó để thêm.

Chạm chữ để sửa · chạm ảnh để đổi

100%

Thuộc tính

Chọn 1 khối trên canvas để chỉnh sửa.

console.log / warn / error & lỗi runtime từ code của bạn

Xem trước

Cấu hình trang

Tên trang

Đường dẫn

Header / Footer dùng chung

Header

Footer

Chọn "Mặc định" thì sau này đổi cái mặc định, trang tự đổi theo.

của project

Sửa tên ngay trong danh sách. "Mặc định" là cái áp cho mọi trang chưa chọn riêng.

SEO — hiện gì khi chia sẻ link / lên Google

Tiêu đề
Mô tả
Ảnh chia sẻ

Tiêu đề

Mô tả ngắn

Ảnh chia sẻ

Không cho Google lập chỉ mục trang này

Khi chia sẻ link, người khác thấy:

Chưa có ảnh chia sẻ

Tạo Prompt AI

Cách viết code

Gộp chung 1 file

Phù hợp nếu bạn không rành code — dán nguyên 1 khối vào ô HTML là chạy được ngay.

Tách riêng HTML / CSS / JS

Phù hợp website phức tạp, dễ phát triển tiếp — dán đúng từng phần vào 3 ô tương ứng. Cần chút kinh nghiệm.

Loại website muốn tạo

Phong cách thiết kế

Tone màu website — mỗi màu đều có thể bật gradient (chuyển 2 màu) riêng

Hình ảnh sử dụng — tạo nhóm ảnh (hoặc dùng gợi ý Logo/Thumbnail cho ảnh đơn lẻ), tải ảnh thẳng vào từng nhóm

Tất cả ảnh đã tải lên

Form thu thập thông tin khách hàng — có thể tạo nhiều form khác nhau, mỗi form 1 mục đích riêng

SEO & chia sẻ link

Tiêu đề trang (thẻ <title>) Để AI tự viết lại cho hay hơn (bỏ tích thì giữ nguyên y hệt nội dung đã nhập)

Mô tả SEO (meta description) Để AI tự viết lại cho hay hơn (bỏ tích thì giữ nguyên y hệt nội dung đã nhập)

Ảnh thumbnail khi chia sẻ link

Chưa chọn ảnh

Mã theo dõi quảng cáo (Pixel) — để trống nếu không dùng quảng cáo

Facebook Pixel ID

TikTok Pixel ID

Mô tả thêm về website của bạn

Prompt đã tạo — copy và dán vào ChatGPT / Claude / Gemini...

Bấm "Mở ChatGPT/Claude/Gemini" bên dưới — prompt sẽ tự copy sẵn, chỉ cần dán (Ctrl+V) vào ô chat.

Tài nguyên

Tất cả hình ảnh

Cài đặt

Landing này

Hệ thống

Kích thước giao diện

Thu nhỏ hoặc phóng to thanh công cụ trên cùng, hàng HTML/CSS/JS, thanh xem trước — và ở chế độ Kéo thả là bảng khối bên trái, bảng thuộc tính bên phải, bảng điều khiển dưới cùng.

Chữ trên các nút

Màn hình hẹp không đủ chỗ cho cả thanh công cụ trên 1 hàng — thay vì đẩy bớt nút xuống hàng thứ hai, có thể rút gọn chỉ còn icon. Chế độ "Chỉ icon" rút gọn thêm bảng khối và bảng điều khiển ở chế độ Kéo thả; bảng thuộc tính luôn giữ nguyên chữ.

Mô tả chức năng khi di chuột

Ở chế độ Kéo thả, di chuột lên các nút trên thanh công cụ của khối đang chọn sẽ hiện ngay tên và mô tả chi tiết chức năng ở cạnh dưới màn hình. Tắt đi thì chỉ còn tên nút, hiện sau khoảng 1 giây như bình thường.

SEO của landing

Tiêu đề

Mô tả ngắn

0 ký tự — Google thường hiện khoảng 150-160 ký tự đầu.

Ảnh chia sẻ

Nên dùng ảnh ngang khoảng 1200×630px.

Không cho Google lập chỉ mục

Xem thử khi chia sẻ link

Chưa có ảnh chia sẻ

SEO của từng trang

Mỗi trang chọn dùng SEO mặc định ở trên hoặc SEO riêng trong Cấu hình trang (bấm vào tên trang trên thanh danh sách trang). Trang con dùng SEO mặc định có tiêu đề dạng "Tên trang | Tiêu đề".

Mã đo lường & quảng cáo

Nhập mã ID, hoặc dán nguyên đoạn mã nền tảng đưa cho bạn — hệ thống tự lấy đúng ID. Mã chỉ chạy trên trang đã xuất bản (kể cả tên miền riêng), không chạy trong khung xem thử để lượt xem của chính bạn không bị tính vào số liệu.

fFacebook PixelĐang bật

Meta Events Manager → Nguồn dữ liệu → chọn Pixel → ID tập dữ liệu. Tự gửi sự kiện PageView.

GGoogle Analytics 4Đang bật

Analytics → Quản trị → Luồng dữ liệu → Mã đo lường.

AGoogle AdsĐang bật

Google Ads → Mục tiêu → Chuyển đổi → Thẻ Google (mã bắt đầu bằng AW-).

TGoogle Tag ManagerĐang bật

Dùng Tag Manager thì không cần điền lại các mã đã cấu hình bên trong đó.

♪TikTok PixelĐang bật

TikTok Ads Manager → Công cụ → Sự kiện → Sự kiện web → mã Pixel. Tự gửi sự kiện xem trang.

Mã chèn thêm

Cho nền tảng khác (xác minh Google Search Console, Zalo OA, khung chat...). Mã được chèn nguyên văn vào trang xuất bản.

Trong thẻ <head>

Ngay đầu thẻ <body>

Tên miền riêng

Gắn tên miền bạn đã mua (vd tencongty.vn) để khách vào thẳng website này, thay cho địa chỉ aicode.27biggroup.com/ten-project.

Quản lý tất cả tên miền của tài khoản

Đã lưu vào tài khoản — đăng nhập ở thiết bị khác cũng có các cài đặt này Đang lưu vào tài khoản… Chỉ lưu trên trình duyệt này. Đăng nhập để dùng cài đặt trên thiết bị khác Chưa lưu được lên tài khoản — sẽ tự thử lại khi có mạng hoặc lần mở sau

SEO và Quảng cáo được lưu cùng project khi bấm Lưu.

Nên thiết kế trên máy tính

Trang thiết kế này dành cho màn hình máy tính — kéo thả, căn bố cục và đổi kích thước cần chuột và màn hình rộng.

Trên điện thoại bạn vẫn sửa được chữ và hình ảnh: chạm vào chữ để sửa, chạm vào ảnh để đổi ảnh, hoặc mở Danh sách để sửa lần lượt.

Sửa chữ

Xuất bản

Đã xuất bản — mọi người đã xem được

Vẫn mở được bằng:

Gói miễn phí: link chỉ tồn tại 30 phút kể từ lúc xuất bản — hết hạn thì quay lại đây bấm "Xuất bản" lại. Nâng cấp gói để bỏ giới hạn này.

Địa chỉ xuất bản

Tên miền của hệ thống Miễn phí

Địa chỉ dự phòng — vẫn mở được song song với tên miền riêng.

Tên miền riêng Tài khoản trả phí

Hiển thị khi gửi link

Chưa có ảnh chia sẻ