Створення візуально привабливої цільової сторінки раніше вимагало наймати розробників або вчитися кодувати. Але тепер, із інтеграцією ChatGPT та Gemini у конструктор сторінок Selldone, це більше не є необхідністю. Цей новий робочий процес на основі ШІ дозволяє будь-кому — незважаючи на технічний досвід — перетворити просте зображення, ескіз або навіть абстрактну ідею на красивий, повністю адаптивний розділ для їхнього онлайн-магазину або цільової сторінки. Все це робиться миттєво в системі Selldone без вимоги ручного кодування.
Незалежно від того, чи будуєте ви особистий бренд або керуєте онлайн-бізнесом, цей метод дозволяє легко запускати вишукані, сучасні сторінки за кілька хвилин.
Від концепції до компоненту за хвилини
Припустимо, ви натрапляєте на дизайн, що вам подобається. Можливо, це демонстрація товару на іншому вебсайті, маркетинговий банер, створений у Canva, або просто скриншот, що ви зберегли. Вам не потрібно розбиратися, як його закодувати або з чого почати. Просто завантажте зображення або опишіть макет і попросіть ChatGPT (використовуючи плагін Selldone) або Gemini перетворити його на розділ цільової сторінки. ШІ розуміє як технічний формат Selldone, так і структуру динамічних компонентів Vue, що використовуються на платформі. Ви отримаєте блок коду, готовий до копіювання і вставки, який ідеально підходить до конструктора сторінок Selldone. Цей розділ включатиме:
Весь текст і заголовки
Зображення і посилання
Кнопки, шрифти і кольори
Динамічні функції такі як картки товарів або відгуки
Найголовніше, він буде адаптивним на робочому столі, планшеті і мобільному автоматично.
Простий процес для потужних результатів
Щоб додати цей розділ на вашу сторінку Selldone, виконайте наступні кроки:
Завантажте або опишіть ідею дизайну для ChatGPT або Gemini.
Запросіть компонент Vue, що сумісний з конструктором сторінок Selldone.
Скопіюйте згенерований код.
У конструкторі сторінок Selldone перетягніть елемент коду на цільову сторінку
Вставте код у вкладку Vue і збережіть.
Завантажте або опишіть ідею дизайну для ChatGPT або Gemini.
Порада: З вашого робочого столу завантажте зображення дизайну в ChatGPT. Разом із зображенням надайте детальне пояснення, щоб створити більш точний компонент і зменшити кількість подальших змін.
Приклад запиту:
Ваш новий розділ активний, повністю створений і готовий для мобільних пристроїв. Ви тепер можете налаштувати його через панель властивостей або повернутися до ШІ, щоб попросити про редагування — будь то зміна макета, зміна кольорів, додавання функцій або заміна тексту.
Рекомендований запит для найкращих результатів
Щоб допомогти ШІ точно зрозуміти ваші потреби, ми рекомендуємо використовувати цей запит:
Будь ласка, створіть адаптивний компонент Vue для конструктора сторінок Selldone, використовуючи це зображення або опис. Весь текст, кнопки, зображення, кольори і шрифти повинні бути визначені всередині об'єкта властивостей. Компонент повинен відповідати стандартам Vuetify 3, бути адаптивним на всіх пристроях та дотримуватись правил Selldone, включаючи відсутність самозакриваючихся тегів. Якщо застосовно, включіть картки товарів, зірки рейтингу та кнопки дій. Для всіх текстів, карток і кнопок, будь ласка, додайте візуальний колірний змішувач, розмір шрифту, вагу шрифту і радіус.
Ви можете повторно використовувати цей запит у будь-який час, коли хочете створити або відрегулювати розділ. Він забезпечує чисту генерацію коду та відповідає вимогам Selldone.
Повністю налаштовується, повністю масштабується
Як тільки ваш розділ розміщений, ви не обмежені тим, з чого почали. Ви можете попросити ChatGPT або Gemini змінити все що завгодно:
Замінити або перемістити зображення
Оновити заголовки і підзаголовки
Додати нові кнопки, слайдери, відгуки або банери
Відрегулювати стилі і розміри тексту
Змінити відступи і макет для іншого вигляду
Ви можете постійно розширювати сторінку новими розділами. Немає обмежень на кількість компонентів, які ви можете додати, і кожен з них буде побудований на тому ж надійному, гнучкому шаблоні. Кожен елемент є редагованим. Кольори можуть бути змінені за допомогою візуальних змішувачів, а зображення можуть бути легко завантажені або замінені. Досвід створений для того, щоб бути інтуїтивним навіть якщо ви ніколи не використовували конструктори сторінок.
Можливі помилки
Помилка №1
Якщо ви стикаєтеся з помилками після вставки коду в конструктор Selldone (як показано на зображенні нижче), просто попросіть ChatGPT або Gemini допомогти вам вирішити їх.
Інструменти автоматично відповідатимуть і почнуть виправляти для вас код.
My Chat with Gemini and its Answer to the Error
Помилка №2
Якщо ви копіюєте і вставляєте код у вкладку HTML, розділ буде показано як порожній:
Як бачите, я помилково ввів код у вкладку HTML, чого робити не слід було.
Помилка №3
Іноді, коли ви запитуєте додати слайдер, карусель або прокрутку до розділу, ви можете виявити небажані елементи, такі як зайві точки, тире або стрілки, які з'являються за межами розділу. Це зазвичай відбувається, тому що ChatGPT використовував MDI (Material Design Icons) замість вимогливих шрифтів Google Material Icons. Щоб виправити це, переконайтеся, що ви попросите ChatGPT використовувати лише офіційні матеріальні іконки Google.
Перед тим як почати, прочитайте ці поради:
Іноді після відповіді інструмента може бути необхідно попросити його написати весь код. Якщо зміни мінімальні і оригінальний код довгий, він може надати вам інструкції для заміни конкретних рядків замість переписування всього блоку.
Рекомендується розпочати нову розмову ChatGPT у Selldone для кожного нового розділу. Продовження з попередньої сесії може спричинити використання інструментом старих інструкцій, які не мають стосунку до вашого нового компоненту.
Іноді ChatGPT може надати вам введення в Selldone властивостей компонента для введення URL зображення, але ваше зображення зберігається локально на вашому комп'ютері. У таких випадках попросіть ChatGPT визначити елемент (наприклад, карусель або слайдер) як об'єкт, аби ви могли завантажувати зображення безпосередньо замість використання URL-адрес.
Якщо зображення містить багато візуальних елементів, ви можете просто завантажити його до ChatGPT і попросити опис. Потім скопіюйте цей опис і використайте інструкцію, щоб попросити ChatGPT створити компонент. Цей підхід часто веде до кращих і точніших результатів.
Чому це важливо
За допомогою цього робочого процесу будь-хто може перейти від візуальної концепції до адаптивного, готового до виробництва розділу за кілька хвилин. Ніякого більше очікування на розробників або боротьби з конструкторами макетів. Немає потреби вивчати Vue, CSS, або адаптивний дизайн. Все, що генерується ШІ, вже оптимізовано, щоб виглядати гарно на всіх пристроях. Вам не доведеться турбуватися про порушення макета, зміну розміру зображень або написання стилів. Розділи дотримуються суворих стандартів на основі дизайну і кращих практик Selldone. Ви проведете більше часу на створення і менше часу на виправлення.
Спробуйте самі вже сьогодні
Почати просто. Оберіть розділ, який ви хочете створити — чи то натхненний іншим вебсайтом, ескізом чи флаєром продукту — і опишіть його ChatGPT або Gemini, використовуючи рекомендований запит. Ви отримаєте код, вставите його в Selldone, і ваша цільова сторінка оживе.
Це швидко. Це легко. І це відкрито. Немає обмежень на творчість і ніякого ліміту на те, наскільки далеко ви можете зайти. З ШІ і Selldone, створення потужних, красивих веб-сторінок тепер настільки просто, наскільки просто описати, що вам потрібно.
Add Comment
