36 подписчиков
Конверсионный лендинг на GetCourse: правила | Часть 1
❗За последние годы работы с платформой GetCourse я пересмотрела десятки курсов и лендингов — как собственных, так и клиентов. Заметила одну простую вещь: оформление напрямую влияет на вовлечённость и конверсию.
Даже самые сильные продукты часто теряют клиентов из-за небольших ошибок в структуре страницы или визуале.
Чтобы вам не наступать на те же грабли — делюсь своими правилами оформления лендинга, которые всегда использую на практике и рекомендую клиентам. Это простые вещи, которые действительно работают.
1⃣ Не ломайте Геткурс
Это одно из самых важных правил, которое надо запомнить! В целом конструктор платформы уже адаптивен под разные устройства, и многие визуальные вещи можно сделать, не прибегая к стилизации кодом.
Или можно использовать уже готовые шаблоны — например, из нашего магазина. Если вы все же будете самостоятельно менять визуал стилями или делать ручную адаптацию, то всегда держите в голове это правило.
2⃣Соблюдайте баланс внутренних и внешних отступов
Для удобного чтения структура должна быть читабельной сразу:
➖ Расстояние внутри блока (между заголовком и текстом) всегда меньше, чем снаружи (между целыми блоками).
➖Связанные элементы должны быть ближе друг к другу, а смысловые части — дальше.
Чтобы добавить внешний отступ без хаоса в коде, используйте готовый пустой блок:
➖Зайдите в «Конструктор страниц»
➖Откройте раздел «Все блоки»
➖Выберите «Пустой блок»
➖Отрегулируйте размер отступа по необходимости
➖Настройте его видимость, если нужно сделать отступ только на компьютере или только на мобильных (эта настройка доступна для любого пустого блока в свойствах)
🔎Смотрите скриншот
3⃣Сохраняйте аккуратность оформления
Обратите внимание на такие детали:
➖Отступы между блоками
➖Расстояние от края блока до заголовка
➖Промежуток между заголовком и текстом
➖Кнопки должны быть визуально отделены от остального контента
➖Отступы от текста или кнопки до края блока тоже важны
На разных устройствах эти расстояния могут смотреться по-разному. На компьютере большие отступы выглядят естественно, а на мобильных иногда — как пустое место. Используйте функцию видимости блоков, чтобы оформить страницу адаптивно.
🎥Продолжение — в следующих постах.
💻Сохраняйте в избранном, чтобы не потерять основные правила!
#СоветыОтГетшоп #Лендинг
1 минута
3 дня назад