Как повысить конверсию сайта

Запустить сайт, блог, интернет магазин – это даже не пол дела. Навык, с помощью которого вы знаете как повысить конверсию сайта, навык, который позволяет сделать из простого сайта инструмент для получения прибыли – вот самая востребованная услуга. Но владельцы интернет ресурсов разводят руками, они не знают, как и что конкретно сделать для того, чтобы повысить конверсию сайта. Почему платный и дорогой трафик не окупается? Почему с долгожданного СЕО трафика заявки идут, но их мало? А ведь именно на посадочной странице принимается решение о том, чтобы оставить запрос, заявку, оформить заказ или набрать номер телефона.

Как начать получать заявки уже сегодня, и внедрить доступные и проверенные решения, читайте в статье-инструкции, подходящей для большинства одностраничных сайтов, каталогов и интернет магазинов.

СОДЕРЖАНИЕ

ЛАЙФХАК #1 — КНОПКА В ФОРМАХ ОБРАТНОЙ СВЯЗИ – ИНСТРУКЦИЯ

На сайте можно добавить разные фишки, триггеры, элементы, которые позволяют получить в 2-3 раза больше конверсии, в 2-3 раза больше заявок и стоимость заявки в 2-3 раза ниже. Какие это фишки?

В каждой форме заявке есть кнопка. Когда посетитель заходит на страницу, он сканирует сайт взглядом и цепляется за что-нибудь – за заголовок, за иконки, за какие-нибудь цвета. Но если форма не заметна, то посетитель ее просто пролистнет, и пойдет дальше. Это как в продаже в офлайн, когда продавец в конце разговора просто предлагает «Ну что будете брать?» И только эта фраза может увеличить количество сделок на 20-30-50%.

В точности такая же ситуация с кнопкой. Мы рассказали про наш товар, услугу. Но предложение купить сделали не внятно, не четко.

Шансов что посетители оставят заявку с незаметной формы в разы ниже, чем с формы, которая контрастно выделяется, у которая есть анимация на кнопке.

Вроде кажется, что человек пришел к нам по горячему запросу из контекстной рекламы или из естественных результатов поиска. Это 100% не случайный посетитель. Он намерен. Он будет читать наше предложение. Он просто обязан оставить заявку. Но не тут-то было. Люди ходят сёрфят страницы в режиме транса, в режиме 5 летнего ребенка, и оставляют без внимания формы захвата.

Формы должны быть заметными – яркие контрастные цвета с яркой кнопкой, на которой настроен любой вид анимации – вздрагивание, мелькание, блеск.

Простейший код анимации кнопки — инструкция

1. Добавить в файл стилей CSS код анимации

2. Указать класс к кнопке btn-animate

То есть добавили: btn-animate

Стили, которые надо добавить в файл стилей css:

/* — АНИМАЦИЯ КНОПКИ — */
@keyframes slideme {
  0% {    
	left: -30px;    
	margin-left: 0px; 
  }
  30% {    
	left: 110%;    
	margin-left: 80px; 
  }
  100% {    
	left: 110%;    
	margin-left: 80px; 
  }
}

@-webkit-keyframes slideme {
  0% {    
	left: -30px;    
	margin-left: 0px; 
  }
  30% {    
	left: 110%;    
	margin-left: 80px; 
  }
  100% {    
	left: 110%;    
	margin-left: 80px; 
  }
}     

.btn-animate{ 
  overflow: hidden; 
  z-index: 1;    
  position: relative;
}

.btn-animate::after {    
  content: "";  
  margin-left: 60px;  
  width: 30px;    
  height: 300px;    
  background: #fff;  
  -webkit-animation-delay: 0.05s;  
  animation-delay: 0.05s;   
  position: absolute;    
  left: -40px;    
  top: -150px;  
  -webkit-animation-timing-function: ease-in-out;  
  animation-timing-function: ease-in-out; 
  -webkit-transition: all 0.1s;    
  transition: all 0.1s;    
  -webkit-animation-name: slideme;  
  animation-name: slideme; 
  -webkit-animation-duration: 3s; 
  animation-duration: 3s; 
  -webkit-animation-iteration-count: infinite; 
  animation-iteration-count: infinite;   
  -webkit-transform: rotate(45deg); 
  -ms-transform: rotate(45deg); 
  transform: rotate(45deg); 
}  
/* — АНИМАЦИЯ КНОПКИ — */

ЛАЙФХАК #2: НОМЕР ТЕЛЕФОНА ДОБАВЛЯЕМ +0,5% К КОНВЕРСИИ

Когда посетитель находится на странице сайта, он кликает. На некоторые элементы страницы кликов намного больше чем на другие. И часто бывает так, что искликаны те места, про которые мы и не могли подумать. Надо проверить красные зоны, которые покажет тепловая карта кликов Яндекс Метрики. 

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

Что можно сделать? В десктопной версии при клике на номер телефона 

установить срабатывание формы на заказ обратного звонка. Очень часто при клике на номер телефона в десктопной версии мы получаем предложение открыть телефон в скайпе. Это не удобно. Наверняка немного не желающих, кто хочет позвонить с скайпа, установленного на компьютер на городской номер телефона. Гораздо логичнее показать стандартную форму заказа обратного звонка. На мобильной версии сайта при клике на номер телефона, как раз логичным будет вызов стандартной программы дозвона. 

ЛАЙФХАК #3: БУЛЛИТЫ И ИКОНКИ – ЗОНЫ ПОВЫШЕННОГО ВНИМАНИЯ

Например, бесплатная доставка, способ оплаты, гарантия, блок выгоды, преимущества, цена, документы

При клике на иконки появляются тексто зависимые формы. 

При клике на «Ассортимент», появляется форма, в которой мы говорим про особенности ассортимента, и чтобы задать вопрос по конкретной позиции, заполняйте форму, менеджер отвечает в течение 1 часа в рабочее время.

Клик по иконке «Цена». Появляется форма обратной связи, в которой мы спрашиваем Имя, телефон, email для отправки полного прайс листа на почту или мессенджер WhatsApp или Viber

Клик по иконке «Документы». В форме сообщаем, что у нас с документами все в порядке, а, чтобы скачать пакет документов — типовой договор и образцы сопроводительных документов, надо оставить Имя, телефон, email

Руководство к действию: Ищем все иконки, придумываем мотивацию оставить посетителя оставить свои контакты, добавляем формы обратной связи.

ЛАФХАК №4 — ФОРМА ЗАЯВКИ ПОСЛЕ ПРОСМОТРА ВИДЕО

После того как просмотр ролик на YouTube закончился. Мы видим миниатюры видео с рекомендациями Youtube. Рекомендации не релевантные и посетитель может начать просмотривать чужой ролик и вообще уйти с сайта.

Что можно сделать?

1. Отключить показ релевантных по мнению Youtube роликов 

До 2018 года в Youtube при копировании кода для вставки на сайт можно было снять галку «Показывать похожие видео после завершения просмотра». Сейчас этого сделать нельзя, поэтому просто в  конце ссылки вручную добавляем ?rel=0

Было:

«https://www.youtube.com/embed/TfKSMJq47t4»

Стало: 

«https://www.youtube.com/embed/TfKSMJq47t4?rel=0»

2.После того как видео закончилось можно скрывать видео и показывать на его месте форму обратной связи. После просмотра видео – посетитель максимально вовлечен, поэтому вероятность отправки запроса с этой формы большая. 

ЛАЙФХАК #5 — ФОРМА ЗАЯВКИ В ФОТОГАЛЕРЕЕ 

Посетитель любят смотреть фото и стрелка «вправо» искликана на всех фотогалереях. 

Что можно сделать? После каждой, например, пятой фотографии размещаем форму заявки – фото менеджера, небольшой текст и поля для ввода с кнопкой отправить. Все ожидают увидеть следующее фото, а вместо этого появляется форма. При появлении формы из за эффекта неожиданности концентрация внимания увеличивается, текст рядом с формой прочитывается, а офер, мотивирует оставить запрос с сайта на следующий ваш шаг.

ОНЛАЙН КОНСУЛЬТАНТ ТЮНИНГ НАСТРОЕК ПО УМОЛЧАНИЮ – 2 КЛЮЧА К УСПЕХУ

Ключ к успеху – изменение настроек по умолчанию, которые у вас есть после установки любого консультанта. Итак, сразу к делу, перечислим настройки, которые обычно окупают платный тариф консультанта уже в первый день своей работы. Все настройки будут показаны на примере чат бота Venyoo. 

1.Наличие активных приглашений. 

Именно это является ключом к успеху. Да, активное предложение может немного раздражать посетителя, но при грамотной настройке, консультант не будет всплывать повторно, и будет генерировать дополнительный поток заявок с сайта и это будет самый конверсионный элемент на вашем сайте. При грамотной настройке конверсия из посетителя в запрос иногда достигает до 15%.

В консультанте Venyoo, активные приглашения активированы по умолчанию. Можно отрегулировать время от 1 до 60 секунд, через которое сработает консультант. 

2.Подстройка активных приглашений под контент страницы. 

Текст в приветствии консультанта надо сделать зависимым от контента страницы, от страницы, на который находится посетитель. Если этого не сделать, то настройки чат бота будут одинаковыми для всех страниц на сайте. Это неправильно. Страницы сайта надо сегментировать и настроить консультанта под каждый тип страницы. Идеальный вариант -  настроить под каждую страницу.

Шаг №1

Создаем приветствие по умолчанию для всех страниц, для которых не будет индивидуального приглашения – делаем эти настройки в профиле «Стандартный чат-бот»

По умолчанию в консультанте Venyoo приветствие «Здравствуйте! У вас есть вопрос или вам нужна помощь?»  Меняем стандартное приветствие. Пишем конкретный вопрос, с которым чаще всего сталкиваются посетители. 

«Здравствуйте! Меня зовут Алексей Зверев! »

«У вас вопрос по ценам или по номенклатуре запчастей?»

Приветствие, которое предлагает система

Задаем свой текст приветствия

Шаг №2

Настраиваем приглашения для отдельных страниц, добавляя новый профиль.

ИНСТРУКЦИЯ ДЛЯ 5 ОСНОВНЫХ ТИПОВ СТРАНИЦ НА САЙТЕ

Приветствия, вопросы и призывы к действию должны быть разными как минимум на следующих страницах. 

1. Страница категории товаров
2. Страница доставки
3. Страница оплаты
4. Страница контактов
5. Страница корзины

1.Страница категории

Для каждой категории готовим свое приглашение. Допустим у нас 3 категории:

• Запчасти для снегохода Буран
• Запчасти для снегоходов Тайга
• Сани для снегохода

Для запчастей Буран – «У нас представлен ассортимент запчастей для всех снегоходов Буран. Можем вместе собрать комплект необходимых запчастей и получите скидку на покупку!»

Для снегоходов Тайга

«Подбираю детали для Тайги

У нас представлен ассортимент запчастей для всех снегоходов Тайга. Можем вместе собрать комплект необходимых запчастей и получите скидку на покупку!»

Настройки одинаковые для всех приглашений. Меняется только текст самого приглашение и комментарий под именем. 

Сани для снегохода

«В нашем каталоге есть сани по цене от 3 до 30 т.р. Давайте помогу выбрать, чтобы сани прослужили Вам долго и не разочароваться в покупке. Вы для каких целей ищите сани?»

2.Страница доставки и оплаты

Если у покупателя есть намерение сделать заказ на сайте, то он гарантированно посещает страницы оплаты и доставка, на которых тоже возникают вопросы. Давайте предложим помощь – рассчитаем точную стоимость доставки и время, через которое заказ будет получен. Предложим рассказать про то, как решается вопрос безопасности и сохранности товара во время доставки, про упаковку. 

Чтобы не быть навязчивым, показываем приглашение, если время на странице превысило 60 секунд.

«Я оперативно могу рассчитать стоимость доставки и точные сроки когда вы получите свой заказ. Вы из какого города?»

3.Страница контактов

На странице контактов активное приглашение должно предлагать способ связи, например, обратный звонок или начать чат по нажатию кнопки. Не надо задавать вопросы по товарам и отправлять клиента обратно в каталог. Посетитель готов сделать заказ, запрос. Цель консультанта – упростить и помочь ему в этом. В качестве активного приглашение предложим уже не общение в чате, а уже заказ обратного звонка. Или можно напомнить, что есть номер 8800 и на него можно бесплатно позвонить.

4.Страница корзины, страница оформления заказа

Кто отслеживает количество брошенных корзин у себя на сайте? Молодцы. Поздравляю. А незавершенных оформленных заказов как правило много. И с этим надо бороться.  

Что-то останавливает покупателя в последний момент нажать на кнопку «Оформить заказ». Подстегнем посетителя к завершению оформления.

«В каждый заказ мы вкладываем полезный и практичный подарок. Завершите оформление заказа, и он скоро будет у Вас!»

5. Как повышать конверсию сайта с помощью консультанта на странице поиска

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

Достаточно простой фразы:

«Я не робот и отлично знаю ассортимент нашего склада. Что вы ищете?»

Настраиваем правила показа консультанта

Остаются установить условия показа для каждого профиля. Это нужно чтобы созданные приветствия были показаны на нужных нам страницах. В чат боте Venyoo это делается на странице «Правила». 

ЧТО ЕЩЕ МОЖНО СДЕЛАТЬ ДЛЯ ПОВЫШЕНИЯ КОНВЕРСИИ НА САЙТЕ С ПОМОЩЬЮ КОНСУЛЬТАНТА – 4 ШАГА

1.Размещаем реальное фото менеджера. 

Не надо брать фото консультанта с гарнитурами из Яндекс Картинок молодых девушек и парней с американскими улыбками. Сделайте фото себя, своего сотрудника, своего менеджера. Например, если сайт гостиницы, то используем фото лица реального администратора. Все не настоящее и поддельное автоматически считывается посетителем.

2.Указываем настоящую должность. 

По умолчанию в консультанте может стоять – Consultant. Меняем на администратора гостиницы, руководитель отдела по аренде авто, слесарь автомастерской, дизайнер штор, отдела сервиса – руководитель, и т.д.

3.Настраиваем внешний вид.

Проверяем – цветовую гамму и не перекрывает ли консультант кнопку вертикальной прокрутки «Наверх». Если перекрывает, то настраиваем отступы в консультанте.

4.Активируем функция ComeBacker

Посетитель тянет мышку к крестику для того чтобы закрыть вкладку, а мы ему показываем окно с предложением остаться и рассмотреть интересное предложение от нас. Такая возможность есть в консультанте Venyoo, достаточно  Всплывающее окно может вызвать негатив у части посетителей, но мы должны смотреть на этот инструмент с точки зрения предпринимателей

Заключение

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

Желаю вам здоровья, успеха, счастья, Вашим детям и родственникам