Сайт
Конверсия

5 способов повысить конверсию сайта за 5 минут.

Рассказываем о лайфхаках, способных поднять конверсию сайта, на внедрение каждого из которых уйдёт не больше 5 минут. Засекайте время!

21.04.2021 · 5 минут
Обычно, когда нужно сделать большое и важное дело, то не знаешь как к нему подступиться. Работа над повышением конверсии сайта это, безусловно, огромная работа, но её можно разделить на мелкие подзадачи и сегодня мы приведём 5 примеров, которые могут изменить конверсию и на внедрение которых нужно не более 5 минут.
Как проверять изменение конверсии.
Начнём с самого главного. Ведь нам важно не только внести изменения на сайт, но и проверить, что они действительно принесли пользу.

Для тестирования правок в mottor существуют А/Б тесты. Суть таких тестов проста: создаётся копия сайта и туда вносится корректировка. Например, меняется подзаголовок. После этого включается тест, в ходе которого все пользователи, переходящие на сайт, будут автоматически разделяться на две равные группы и распределяться между двумя версиями сайта. То есть одна половина будет видеть изменённую копию сайта, вторая — исходный вариант. 
! Сразу оговоримся, что тест недоступен на тарифе «Лайт».
Посмотрите это видео. В нём мы рассказываем, как запустить тест.
Теперь перейдём непосредственно к лайфхакам.
Лайфхак 1. Придумайте новый оффер.
Оффер — главное коммерческое предложение сайта. Обычно его размещают на первой секции, и именно он привлекает главное внимание пользователей.

Существует множество способов и формул для создания оффера. В этой статье мы расскажем о 5 методах, которые сами часто используем в работе.
1. Товар или услуга + выгода + выгода
Суть формулы проста — вы пишите название товара или услуги и добавляете два преимущества.
Пример:
#1. Конструктор сайтов за 690 рублей. 7 дней тестового периода в подарок.

#2. Строительство домов за 35 дней и 1 500 000 рублей.
2. Действие + товар или услуга + время
Пример:
#1. Создавай продающий сайт за 100 секунд.

#2. Получи французский маникюр за 20 минут.
3. Глагол действия + воодушевляющий пример + без негативных последствий
Более сложная формула, которая цепляет пользователя на эмоциональном уровне.
Пример:
#1. Научись делать интернет-сервисы, как разработчики mottor, не выходя из дома.

#2. Научись торговать на бирже, как «Волк с Уолл-стрит», без профильного образования.
4. Прилагательное + товар или услуга для + характеристика целевой аудитории
Пример:
#1. Бесплатный конструктор сайтов для владельцев магазинов одежды.

#2. Ежедневный фитнес-курс для астеников.
5. 4U заголовок
4U заголовок состоит из 4 составных частей:
Usefulness — Полезность. Польза, которую получит клиент от сотрудничества с вами. Обычно выражается с помощью глагола в повелительном наклонении (см. примеры).
Ultra-specific — Специфичность. Конкретизация выгоды в цифрах.
Urgency — Срочность. Конкретный срок, за который клиент получит пользу.
Uniqueness — Уникальность. Чем ваше предложение отличается от конкурентов.
Так как каждая часть заголовка начинается с буквы U, отсюда и название приёма
Пример:
#1. Создайте сайт с конверсией 5% за 2 часа. Тестовый период — 30 дней.

#2. Закажите суши с бесплатной доставкой за 45 минут. Каждый 2-ой сет в подарок.
Не забудьте добавить тег H1 для нового оффера. Это важный элемент SEO- оптимизации сайта, и от него зависит позиция сайта в выдаче.

В mottor это делается так:
Если вы меняете оффер в динамической секции, то заголовок Н1 менять не нужно, так как он установлен по умолчанию.
Лайфхак 2. Добавьте или измените подзаголовок.
Подзаголовок — это текст, описывающий дополнительную выгоду от оставления заявки. Обычно он размещается под заголовком, откуда и получил своё название.

Размер шрифта подзаголовка должен быть меньше размера шрифта основного заголовка. Это поможет пользователю интуитивно понимать иерархию текстов.
Пример подзаголовка
Придумайте новую выгоду, которую может получить пользователь, и запишите её в подзаголовок.
Лайфхак 3. Используйте анимированную кнопку.
В последнее время использовать на сайте открытую форму обратной связи считается не лучшим тоном, поэтому её часто прячут за кнопкой. При клике на кнопку форма выходит, и пользователь оставляет свои контакты.
Чтобы привлечь к кнопке внимание, её делают контрастного цвета или включают анимацию.

Сегодня мы не будем рассматривать базовую анимацию mottor, так как она нагружает сайт, а воспользуемся более изящным вариантом — добавлением анимации с помощью CSS.

Для начала откройте в новой вкладке эту инструкцию. В ней мы собрали 10 примеров анимации для кнопок. В 8 из них анимацию запускает наведение курсора на кнопку. Оставшиеся 2 кнопки отображают блик и работают независимо от наведения.
Как поставить анимацию на кнопку
Посмотреть на вставку кода в кнопку можно по гифке, расположенной ниже. Смотрите и повторяйте за нами.
Лайфхак 4. Измените скин в динамических секциях.
Если вы следите за нашими обновлениями, то наверняка слышали про динамические секции. Если нет, то сейчас расскажем.

Это секции с автоматически изменяемым дизайном. Теперь вам не нужно думать о том, как бы сделать красивый дизайн самостоятельно. Мы уже позаботились об этом. Вы выбираете секцию, добавляете свою картинку и заголовок, а затем настраиваете дизайн.
Пример использования динамических секций
Если вы уже пользуетесь секциями, то просто нажмите на стрелку в левом верхнем углу и выберите другой дизайн. Если остальные скины нравятся вам меньше, то выберите любой из них. Сейчас важно изменить скин и проверить результат.
Лайфхак 5. Измените расположение секций.
Самый простой лайфхак, для которого не нужно ничего придумывать. Просто наведите курсор на левый верхний угол, зажмите ползунок переноса и поменяйте секции местами.
Чтобы просматривать карту скроллинга, необходимо заранее установить счётчик. Если на нужных страницах счётчик уже стоит, просто откройте Яндекс Метрику и перейдите в нужный раздел.
Если же счётчик ещё не был привязан, советую вам озаботиться этим как можно скорее, чтобы в дальнейшем не упускать возможности этого способа аналитики.
В открывшемся отчёте вся страница будет показана на тепловой карте. Чем ближе цвет к красному, тем больше внимания пользователей захватывает это место, и тем больше времени они тратят на просмотр этого раздела. Холодные оттенки показывают самые скучные места, на которые пользователи обращают меньше всего внимания.
Взглянем на пример:

На этом сайте можно переставить секцию с середины в начало, потому что по уровню пользовательского интереса она уступает только главному экрану. Чем больше людей увидят эту секцию, тем выше будет вероятность того, что они сделают заветный шаг — оставят заявку.

Итоги

Итак, в этой статье мы разобрали, 5 способов, способных повысить конверсию и на внедрение которых уйдет не более 5 минут.

Надеемся, вы примените эти знания на собственном сайте. Если что-то будет непонятно — в конструкторе сайтов mottor есть бесплатная техподдержка для всех пользователей. Вам поможет живой специалист:

— в чате на сайте lpmotor.ru
— по телефону 8 800 200 51 47 (звонки по РФ бесплатные)
— в Телеграм: https://t.me/lpmotorchat

Ищете конструктор чтобы собрать сайт или интернет-магазин?
Попробуйте mottor бесплатно

Бесплатный конструктор сайта
Все шаблоны
Шаблон онлайн курса
Шаблон курс инвестиций
Шаблон доставка еды
Шаблон онлайн школы
Шаблон для портфолио
Шаблон лендинг для вебинаров
Шаблон интернет-магазин мебели
Одностраничный сайт
Многостраничный сайт
Создать сайт онлайн бесплатно самому
Конструктор сайтов на русском
Сделать сайт для интернет магазина
Создать сайт бесплатно конструктор
Создать бесплатно интернет магазин
Создать сайт конструктор
Конструктор сайта онлайн
Онлайн конструктор сайта бесплатно
Создать сайт с нуля конструктор
Конструктор интернет магазинов
Конструктор страниц
Сайт конструктор бесплатно
Конструктор создания сайтов
бесплатный конструктор сайтов, лендингов и квизов
Документы:
Полезные ссылки:
Функциональность:
Функциональность:
О компании:
при поддержке Фонда Развития Интернет Инициатив
бесплатный конструктор сайтов, лендингов и квизов
Бесплатный звонок по России
Шаблоны:
Популярные запросы:
support@lpmotor.ru
О компании и сервисе
Тур по сервису
Помощь
Договор-оферта
Партнёрская программа
Шаблоны
Видеоинструкции
Согласие
Тарифы и услуги
Обновления
Инструкции для пользователей
Политика конфиденциальности
Сделано на mottor
Техподдержка
Платная поддержка
Инструкция по установке