Создание визуально привлекательной целевой страницы раньше подразумевало найм разработчиков или изучение кодирования. Но теперь с интеграцией ChatGPT и Gemini в Page Builder от Selldone, это больше не обязательно. Этот новый рабочий процесс на базе ИИ позволяет любому человеку — независимо от технического опыта — преобразовать простое изображение, набросок или даже грубую идею в красивый, полностью адаптивный блок для своего онлайн-магазина или целевой страницы. Всё выполняется в рамках экосистемы Selldone, без необходимости ручного кодирования.
Будь то создание личного бренда или управление онлайн-бизнесом, этот метод позволяет легко запускать стильные, современные страницы за считанные минуты.
От концепции к компоненту за считанные минуты
Представьте, что вы наткнулись на дизайн, который вам понравился. Возможно, это демонстрация продукта на другом сайте, маркетинговый баннер, который вы создали в Canva, или просто скриншот, который вы сохранили. Вам не нужно разбираться, как это закодировать или с чего начать. Просто загрузите изображение или опишите макет, и попросите ChatGPT (с использованием плагина Selldone) или Gemini преобразовать его в блок для целевой страницы. Искусственный интеллект понимает как технический формат Selldone, так и структуру динамических компонентов Vue, используемых на платформе. Вы получите код, готовый к копированию и вставке, подходящий для Page Builder от Selldone. Этот блок будет включать:
Весь текст и заголовки
Изображения и ссылки
Кнопки, шрифты и цвета
Динамические функции, такие как карточки продуктов или отзывы
Самое главное, он будет автоматически адаптивным для настольных компьютеров, планшетов и мобильных устройств.
Простой процесс для мощных результатов
Чтобы добавить этот блок на вашу страницу Selldone, выполните следующие шаги:
Загрузите или опишите вашу идею дизайна в ChatGPT или Gemini.
Запросите компонент Vue, совместимый с Page Builder от Selldone.
Скопируйте сгенерированный код.
В Page Builder от Selldone, перетащите элемент "Код" на целевую страницу
Вставьте код на вкладке Vue и сохраните.
Загрузите или опишите вашу идею дизайна в ChatGPT или Gemini.
Совет: С вашего компьютера загрузите предпочитаемое изображение дизайна в ChatGPT. Вместе с изображением дайте подробное объяснение, чтобы помочь создать более точный компонент и минимизировать будущие исправления.
Пример запроса:
Ваш новый блок активен, полностью стилизован и готов для мобильных устройств. Теперь вы можете настраивать его через панель свойств или вернуться к ИИ для запроса изменений — будь то корректировка макета, изменение цветов, добавление функций или замена текста.
Рекомендуемый запрос для лучшего результата
Чтобы помочь ИИ точно понять ваши потребности, рекомендуем использовать этот запрос:
Пожалуйста, создайте адаптивный компонент Vue для Page Builder от 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. Чтобы это исправить, убедитесь, что вы попросили ChatGPT использовать только официальные значки Material от Google.
Перед тем как начать, ознакомьтесь с этими советами:
Иногда после ответа инструмента вам может потребоваться попросить его написать полный код. Если изменения незначительны и оригинальный код длинный, он может предпочесть дать вам инструкции по замене определенных строк вместо переписывания всего блока.
Рекомендуется начать новый сеанс ChatGPT от Selldone для каждого нового блока. Продолжение из предыдущей сессии может вызвать у инструмента выполнение старых инструкций, не относящихся к вашему новому компоненту.
Иногда ChatGPT может дать вам ввод в свойства компонента Selldone для ввода URL изображения, но ваше изображение хранится локально на вашем компьютере. В таких случаях попросите ChatGPT определить элемент (например, карусель или слайдер) как объект, чтобы вы могли загружать изображения непосредственно вместо использования URL-адресов.
Если изображение содержит много визуальных элементов, вы можете просто загрузить его в ChatGPT и попросить описание. Затем скопируйте это описание и используйте его в качестве запроса для просьбы ChatGPT сгенерировать компонент. Такой подход часто приводит к лучшим и более точным результатам.
Почему это важно
С помощью этого рабочего процесса любой может перейти от визуальной концепции к адаптивной, готовой к производству секции целевой страницы за считанные минуты. Больше не нужно ждать разработчиков или бороться с конструкторами макетов. Не нужно учить Vue, CSS или адаптивный дизайн. Все, что генерирует ИИ, уже оптимизировано для красивого отображения на всех устройствах. Вам не нужно беспокоиться о нарушении макета, изменении размера изображений или написании стилей. Эти блоки следуют строгим стандартам, основанным на языке дизайна Selldone и лучших практиках. Вы будете тратить больше времени на создание и меньше времени на исправление.
Попробуйте сами сегодня
Начать просто. Выберите блок, который вы хотите создать — будь то вдохновленный другим сайтом, эскизом или флаером продукта — и опишите его ChatGPT или Gemini, используя рекомендуемый запрос. Вы получите код, вставите его в Selldone, и ваша целевая страница оживет.
Это быстро. Это просто. И это не имеет ограничений. Нет предела креативности и потолка того, как далеко вы можете зайти. С помощью ИИ и Selldone создание мощных, красивых веб-страниц теперь так же просто, как описать то, что вы хотите.
Add Comment
