Trước đây, để tạo một trang đích có sức hút về mặt trực quan, bạn phải thuê lập trình viên hoặc học cách viết mã. Nhưng giờ đây, với sự tích hợp của ChatGPT và Gemini vào Trình tạo Trang của Selldone, điều đó đã trở thành quá khứ. Quy trình làm việc mới được hỗ trợ bởi trí tuệ nhân tạo này cho phép bất kỳ ai—dù có kinh nghiệm kỹ thuật hay không—chuyển đổi một hình ảnh đơn giản, một bản phác thảo, hay thậm chí là một ý tưởng sơ bộ thành một phần hoàn chỉnh và đáp ứng đầy đủ cho cửa hàng trực tuyến hoặc trang đích. Mọi thứ đều được thực hiện một cách tức thì trong hệ sinh thái Selldone mà không cần mã hóa thủ công.
Dù bạn đang xây dựng thương hiệu cá nhân hay quản lý một doanh nghiệp trực tuyến, phương pháp này giúp bạn dễ dàng khởi chạy các trang hiện đại, được hoàn thiện chỉ trong vài phút.
Từ Ý tưởng đến Thành phần chỉ trong Phút chốc
Giả sử bạn vô tình thấy một thiết kế mà bạn thích. Có thể đó là một trang giới thiệu sản phẩm trên một trang web khác, một banner quảng cáo bạn tạo ra trên Canva, hay thậm chí chỉ là một ảnh chụp màn hình mà bạn đã lưu lại. Bạn không cần phải tìm cách để viết mã nó hay bắt đầu từ đâu. Chỉ cần tải lên hình ảnh hoặc mô tả bố cục, và yêu cầu ChatGPT (sử dụng plugin của Selldone) hoặc Gemini chuyển đổi nó thành một phần của trang đích. AI nắm rõ cả định dạng kỹ thuật của Selldone và cấu trúc của các thành phần động Vue được sử dụng trong nền tảng. Bạn sẽ nhận được một khối mã sẵn sàng để sao chép và dán trực tiếp vào Trình tạo Trang Selldone. Phần này sẽ bao gồm:
Tất cả văn bản và tiêu đề
Hình ảnh và liên kết
Nút bấm, phông chữ và màu sắc
Các tính năng động như thẻ sản phẩm hoặc đánh giá
Quan trọng nhất, nó sẽ tự động đáp ứng trên máy tính bàn, máy tính bảng và di động.
Quy trình đơn giản cho Kết quả mạnh mẽ
Để thêm phần này vào trang Selldone của bạn, hãy làm theo các bước sau:
Tải lên hoặc mô tả ý tưởng thiết kế của bạn cho ChatGPT hoặc Gemini.
Yêu cầu một thành phần Vue tương thích với Trình tạo Trang Selldone.
Sao chép mã đã tạo.
Trong Trình tạo Trang Selldone, kéo và thả phần tử Mã vào trang đích
Dán mã vào tab Vue và lưu lại.
Tải lên hoặc mô tả ý tưởng thiết kế của bạn cho ChatGPT hoặc Gemini.
Mẹo: Từ máy tính để bàn của bạn, tải lên hình ảnh thiết kế mà bạn ưu tiên cho ChatGPT. Cùng với hình ảnh, cung cấp một giải thích chi tiết để giúp tạo ra một thành phần chính xác hơn và giảm thiểu các sửa đổi trong tương lai.
Đề xuất Mẫu:
Phần mới của bạn đã hoạt động, được định hình đầy đủ và sẵn sàng cho di động. Bây giờ bạn có thể tùy chỉnh nó thông qua bảng thuộc tính hoặc quay lại AI yêu cầu chỉnh sửa—dù đó là điều chỉnh bố cục, thay đổi màu sắc, thêm tính năng, hoặc thay thế văn bản.
Đề Xuất Đề Xuất cho Kết Quả Tốt Nhất
Để giúp AI hiểu chính xác bạn cần gì, chúng tôi đề xuất sử dụng đề xuất này:
Vui lòng tạo một thành phần Vue đáp ứng cho Trình tạo Trang Selldone dựa trên hình ảnh hoặc mô tả này. Tất cả văn bản, nút bấm, hình ảnh, màu sắc, và phông chữ nên được xác định bên trong đối tượng thuộc tính. Thành phần phải tuân theo tiêu chuẩn Vuetify 3, phản hồi trên các thiết bị và tuân thủ quy tắc của Selldone bao gồm không thẻ tự đóng. Nếu có thể, bao gồm thẻ sản phẩm, sao đánh giá, và nút hành động. Đối với tất cả văn bản và thẻ và nút, vui lòng thêm bộ chọn màu sắc trực quan, kích thước phông chữ, độ đậm phông chữ và đường viền.
Bạn có thể sử dụng lại đề xuất này bất kỳ khi nào muốn tạo hoặc điều chỉnh một phần. Nó đảm bảo mã được tạo ra một cách sạch sẽ và phù hợp với yêu cầu của Selldone.
Hoàn toàn có thể tùy chỉnh, Hoàn toàn có thể mở rộng
Một khi phần của bạn đã được đặt, bạn không bị giới hạn bởi những gì bạn đã bắt đầu. Bạn có thể yêu cầu ChatGPT hoặc Gemini thay đổi bất kỳ điều gì:
Thay thế hoặc di chuyển một hình ảnh
Cập nhật tiêu đề và tiêu đề phụ
Thêm nút mới, thanh trượt, đánh giá, hoặc banner
Điều chỉnh phong cách và kích thước văn bản
Sửa đổi khoảng cách và bố cục để có một cái nhìn khác biệt
Bạn có thể tiếp tục mở rộng trang với các phần mới. Không có giới hạn về số lượng thành phần mà bạn có thể thêm và tất cả chúng sẽ được xây dựng trên cùng một cấu trúc đáng tin cậy, linh hoạt. Mỗi yếu tố đều có thể chỉnh sửa. Màu sắc có thể thay đổi thông qua bộ chọn trực quan, và hình ảnh có thể thay thế hoặc tải lên dễ dàng. Trải nghiệm được thiết kế để trực quan, ngay cả khi bạn chưa bao giờ sử dụng trình tạo trang trước đây.
Các Lỗi Có Thể Xảy Ra
Lỗi #1
Nếu bạn gặp lỗi sau khi dán mã vào trình tạo Selldone (như hiển thị trong hình dưới đây), đơn giản chỉ cần yêu cầu ChatGPT hoặc Gemini giúp bạn giải quyết chúng.
Các công cụ sẽ tự động phản hồi và bắt đầu sửa mã cho bạn.
My Chat with Gemini and its Answer to the Error
Lỗi #2
Nếu bạn sao chép và dán mã trong tab HTML, phần sẽ được hiển thị dưới dạng trống:
Như bạn có thể thấy, tôi đã nhập nhầm mã vào tab HTML, điều mà tôi không nên làm.
Lỗi #3
Đôi khi, khi bạn yêu cầu thêm một thanh trượt, băng chuyền, hoặc thanh cuộn vào một phần, bạn có thể nhận thấy các yếu tố không mong muốn như các chấm thêm, gạch ngang, hoặc nút mũi tên xuất hiện bên ngoài phần. Điều này thường xảy ra vì ChatGPT đã sử dụng MDI (Material Design Icons) thay vì sử dụng các icon Material chính thức của Google. Để khắc phục, hãy đảm bảo yêu cầu ChatGPT chỉ sử dụng các Material Icons chính thức của Google.
Trước khi bạn bắt đầu, hãy đọc các mẹo sau:
Đôi khi, sau khi công cụ trả lời, bạn có thể cần yêu cầu nó viết toàn bộ mã. Nếu các thay đổi là nhỏ và mã gốc dài, nó có thể thích đưa ra hướng dẫn để thay thế các dòng cụ thể thay vì viết lại toàn bộ khối.
Khuyên bạn nên bắt đầu một cuộc trò chuyện mới trên Selldone ChatGPT cho mỗi phần mới. Tiếp tục từ một phiên trước có thể khiến công cụ áp dụng các chỉ dẫn cũ không liên quan đến thành phần mới của bạn.
Đôi khi, ChatGPT có thể cung cấp cho bạn một đầu vào trong các thuộc tính thành phần Selldone để nhập URL hình ảnh, nhưng hình ảnh của bạn được lưu trữ cục bộ trên máy tính của bạn. Trong những trường hợp như vậy, hãy yêu cầu ChatGPT định nghĩa phần tử (ví dụ: băng chuyền hoặc thanh trượt) dưới dạng một đối tượng, để bạn có thể tải hình ảnh trực tiếp thay vì sử dụng URL.
Nếu một hình ảnh chứa nhiều yếu tố trực quan, bạn có thể đơn giản tải nó lên ChatGPT và yêu cầu mô tả. Sau đó, sao chép mô tả đó và sử dụng nó như là một đề xuất để yêu cầu ChatGPT tạo thành phần. Cách tiếp cận này thường dẫn đến kết quả tốt hơn và chính xác hơn.
Tại sao điều này quan trọng
Với quy trình làm việc này, bất kỳ ai cũng có thể từ một ý tưởng trực quan đến một phần đáp ứng, sẵn sàng cho sản xuất trong vài phút. Không còn phải đợi lập trình viên hay vật lộn với các trình tạo bố cục. Không cần phải học Vue, CSS, hay thiết kế đáp ứng. Mọi thứ AI tạo ra đều được tối ưu hóa để trông đẹp trên tất cả các thiết bị. Bạn không cần lo lắng về việc làm hỏng bố cục, điều chỉnh kích thước hình ảnh, hay viết quy tắc phong cách. Các phần tuân theo các tiêu chuẩn nghiêm ngặt dựa trên ngôn ngữ thiết kế của Selldone và các thực tiễn tốt nhất. Bạn sẽ dành nhiều thời gian hơn để sáng tạo và ít thời gian hơn để sửa chữa.
Hãy Thử Ngay Hôm Nay
Bắt đầu rất đơn giản. Chọn một phần bạn muốn tạo—dù đó là lấy cảm hứng từ một trang web khác, một bản phác thảo, hay một tờ rơi sản phẩm—và mô tả nó cho ChatGPT hoặc Gemini bằng đề xuất được đề xuất. Bạn sẽ nhận được mã, dán nó vào Selldone, và trang đích của bạn sẽ sống động.
Đó là nhanh chóng. Đó là dễ dàng. Và nó mở rộng. Không có rào cản cho sự sáng tạo, và không có ngưỡng trên cho bạn đi bao xa. Với AI và Selldone, xây dựng các trang web mạnh mẽ, đẹp mắt giờ đây đơn giản như việc mô tả những gì bạn muốn.
Add Comment
