AI Editor
AI Editor là một bảng chat bên trong Flow & Paywall Builder. Mô tả thay đổi bằng ngôn ngữ thông thường, và Adapty sẽ viết lại, thay đổi kiểu dáng hoặc sắp xếp lại màn hình bạn đang xem. Sau đó Adapty sẽ cho bạn biết những gì đã thay đổi, và chỉ một cú nhấp là có thể hoàn tác lại.
Bạn có thể chỉnh sửa kết quả thủ công, tiếp tục nhập prompt, hoặc hoàn tác toàn bộ thay đổi.
Cách hoạt động
- Mở AI Editor: Nhấp vào nút ở bảng bên trái.
- Mỗi màn hình một chat: Tiêu đề bảng hiển thị tên màn hình đang được chỉnh sửa, và mỗi prompt chỉ áp dụng cho màn hình đó. Chuyển màn hình từ menu thả xuống, và bản xem trước sẽ cập nhật theo.
- Lịch sử prompt dùng chung: Bất kỳ thành viên nào trong nhóm mở một màn hình flow đều thấy các prompt bạn đã gửi — tiếp tục công việc của đồng nghiệp thay vì làm lại từ đầu.
- Lấy cảm hứng: Mở Prompts library và chọn danh mục prompt — Visual, Content, Layout, hoặc Products. Phần ý tưởng prompt trên trang này cho thấy những gì editor có thể làm.
- Một prompt, một bước hoàn tác: AI áp dụng toàn bộ thay đổi từ một prompt cùng lúc, và Undo sẽ hoàn tác tất cả chúng cùng nhau.
- Canvas bị khóa trong khi AI xử lý: Bạn không thể chọn hoặc thay đổi các thành phần trên màn hình cho đến khi prompt được xử lý xong. Bạn có thể ngắt quá trình tạo bất cứ lúc nào.
- Chỉnh sửa prompt đã gửi: Để điều chỉnh một prompt đã gửi, nhấp Retry . Flow editor sẽ đưa prompt đó trở lại ô nhập liệu.
- Chưa có gì được triển khai cho đến khi bạn xuất bản: Thay đổi của bạn chỉ đến tay người dùng sau khi bạn lưu và xuất bản flow.
Làm việc với hình ảnh
Đính kèm hình ảnh và hướng dẫn AI sử dụng chúng làm tài liệu tham khảo trực quan, hoặc đặt chúng lên màn hình. Mỗi tin nhắn có thể chứa tối đa 5 hình ảnh: các tệp JPEG, PNG và WebP, mỗi tệp tối đa 5 MB.
- Tạo màn hình từ ảnh chụp màn hình: Đính kèm ảnh chụp màn hình của một paywall tham khảo và nhập lệnh
Build a screen like this. AI sẽ thiết kế lại màn hình đang mở để giống với ảnh đó. - Đặt ảnh đính kèm: Đính kèm ảnh và nói rõ vị trí, ví dụ
Use this as the hero imagehoặcMake this the background. - Debug màn hình: Đính kèm ảnh chụp màn hình để minh họa lỗi, và mô tả vấn đề.
Ý tưởng gợi ý
Thử các gợi ý sau để xem AI Editor có thể giúp bạn cải thiện như thế nào. Bạn luôn có thể hoàn tác các thay đổi.
Thử nghiệm hướng thiết kế mới
Prompt: Give the paywall a dark, premium feel
AI sẽ viết lại nội dung, thay đổi kiểu dáng các thành phần và áp dụng bảng màu mới — chỉ trong một lệnh duy nhất. Thử hướng thiết kế mới cho flow của bạn, rồi giữ lại hoặc hoàn tác tùy ý.
Xây dựng niềm tin với phần đánh giá và nhận xét
Prompt: Add a social proof section with star rating and short testimonials
AI thêm một container, phần đánh giá sao, và các thẻ nhận xét phía trên nút mua — tất cả đều là các thành phần mới, không phải chỉnh sửa lại. Hãy yêu cầu một phần chưa có trên màn hình và AI sẽ xây dựng nó.
Làm cho màn hình dày đặc dễ đọc trong một lần nhắc
Prompt: Shorten all the text
AI rút gọn tất cả các phần tử văn bản trên màn hình cùng lúc và giữ nguyên ý nghĩa của từng phần. Cắt gọn cả màn hình chỉ với một lần nhắc thay vì chỉnh sửa từng phần tử một.
Giữ CTA trên màn hình với sticky footer
Prompt: Add a sticky footer with the main subscribe button
AI tạo một footer được ghim ở cuối màn hình và di chuyển nút đăng ký vào đó. Chỉ cần đặt tên một mẫu bố cục mobile và AI sẽ xây dựng cho bạn.
Làm nổi bật ưu đãi với giá gạch ngang
Prompt: Show the original price crossed out on the discounted plan
AI tìm gói có ưu đãi, gạch ngang giá gốc và hiển thị giá sau ưu đãi bên cạnh. Kết quả tương tự nếu thực hiện thủ công sẽ mất nhiều bước hơn.
Hướng người dùng đến gói tốt nhất chỉ trong một câu
Prompt: Push users towards the yearly plan
Chỉ cần nêu mục tiêu, AI sẽ tự chọn cơ chế phù hợp. Nó tự động chọn thẻ gói năm, thêm huy hiệu Best Value, và viết lại nhãn gói để củng cố ưu đãi — ba thay đổi phối hợp nhau, áp dụng đồng thời hoặc không áp dụng gì cả.
Làm cho CTA nổi bật mà không cần chọn màu sắc hay kích thước
Prompt: Make the subscribe button the most prominent element
AI sẽ tăng độ tương phản của nút, phóng to kích thước và thêm khoảng trống xung quanh — mà không cần bạn chỉ định một con số cụ thể nào. Chỉ cần mô tả kết quả bạn muốn và để AI quyết định các thông số.
Chia nhỏ giá năm thành chi phí mỗi ngày
Prompt: Break down the annual plan price to a daily cost
Adapty đã tính sẵn giá theo ngày cho mỗi gói đăng ký, và AI sẽ hiển thị thêm thông tin đó ngay bên dưới giá năm. Giá theo tuần, theo tháng và theo năm cũng đều có sẵn.
Thêm lựa chọn sản phẩm với các gói và giá thực tế
Prompt: Add a products group with real prices
Nếu bạn đã thêm sản phẩm vào bảng Products, AI có thể tạo nhóm sản phẩm với các sản phẩm được gán sẵn, tên sản phẩm và biến sản phẩm tương ứng.
Nếu màn hình chưa có sản phẩm nào, AI sẽ thêm các thẻ gói với giá mẫu và nhãn thay thế. Để hiển thị giá từ cửa hàng của bạn, hãy chọn sản phẩm trong dropdown sản phẩm của từng thẻ, rồi yêu cầu AI kết nối giá.
Tạo kiểu cho một thẻ sản phẩm và áp dụng cho các thẻ còn lại
Prompt: Apply the selected state of the first card to the other cards
Tạo kiểu trạng thái được chọn cho một thẻ sản phẩm thủ công, sau đó nhờ AI áp dụng kiểu đó cho các thẻ còn lại. AI sẽ cập nhật trạng thái được chọn của tất cả các thẻ khác, giúp bạn không phải lặp lại thao tác từng thẻ một.
Tiếp tục tinh chỉnh mà không cần bắt đầu lại
Prompt: Softer background, and move the trial line closer to the button
Chat ghi nhớ màn hình và prompt trước của bạn, nên khi tinh chỉnh tiếp theo không cần lặp lại. Chỉnh cho đến khi màn hình trông ổn — mỗi prompt là một bước hoàn tác riêng.
AI editor không thể làm gì
AI Editor có thể thay đổi kiểu dáng, viết lại và sắp xếp lại màn hình mà bạn chỉ định. Tuy nhiên, nó không thể:
- Chỉnh sửa nhiều màn hình cùng lúc: Chuyển sang màn hình cần sửa rồi nhập prompt lại.
- Tạo hoặc tải media: AI không thể tạo ảnh hay tải ảnh từ link. Nó chỉ dùng ảnh bạn đính kèm vào chat. Khi dựng lại màn hình từ ảnh chụp màn hình, các vị trí ảnh sẽ để trống. Chat không nhận video, vì vậy hãy thêm thủ công.
- Tạo biến tùy chỉnh hoặc logic điều kiện: AI chỉ viết các biến sản phẩm có sẵn như giá theo ngày vào nội dung. Biến tùy chỉnh và phân nhánh là phần bạn tự thiết lập.
- Thiết lập điều hướng và liên kết: Kết nối hành động điều hướng và liên kết thủ công.
- Chọn sản phẩm muốn cung cấp: Thêm sản phẩm trong bảng Products tự tay. AI chỉ tạo thẻ gói cho các sản phẩm đã được liệt kê ở đó.
Adapty có thể nới lỏng các giới hạn này trong các phiên bản tương lai.