Оглавление

1. 75 идей, как поймать клиента на крючок
2. Введение
3. Раздел I. Элементы сайта, которые стоит перепроверить
   1. Глава 1. Дизайн сайта: не заставляйте своих клиентов страдать
      1. Устаревший дизайн
      2. Элементы установленные не по сетке
      3. Общий стиль
      4. Вывод
   2. Глава 2. Работаем над юзабилити: формы на сайте
      1. Форма консультации
      2. Форма отправки заявки
      3. Форма подписки на рассылку
      4. Форма получения бонуса
      5. Вывод
   3. Глава 3. Виджеты на сайте, делающие клиента ближе к заказу
      1. Обратный звонок
      2. Онлайн-чат
      3. Всплывающие окна
      4. Вывод
   4. Глава 4. Подмена заголовков, текста на продающей странице
      1. Поддомены в нескольких регионах
      2. Вывод
4. Раздел II. Битва за доверие, или как заставить клиентов вам верить
   1. Глава 5. Повышаем авторитетность сайта в глазах клиентов
      1. Информация о компании
      2. Наши клиенты
      3. Отзывы
      4. Наши партнеры
      5. Сотрудничество как еще один способ получить клиентов
      6. О нас пишут
      7. Гарантии
      8. Сертификаты
      9. Вывод
   2. Глава 6. Себя не похвалишь, никто не похвалит: зачем нужны кейсы
      1. Формула идеального кейса
      2. Вывод
   3. Глава 7. Чтение — лучшее учение: развиваем блог и увеличиваем продажи
      1. Где искать темы для блога?
      2. Как превратить читателя в покупателя
      3. Вывод
5. Раздел III. Дожимаем клиентов до покупки
   1. Глава 8. Ищем дополнительные точки контакта
      1. Курсы, вебинары и конференции
      2. Прямые линии
      3. Комментарии
      4. Вывод
   2. Глава 9. Халява, ловись: идеи для проведения акций
      1. Идеи акций, которые работают
      2. Вывод
   3. Глава 10. Email-маркетинг в действии: о письмах и не только
      1. А это не спам?
      2. Хоть строчечку ты напиши
      3. На что ловить будем?
      4. Прехедер как отдельный вид искусства
      5. Не емэйлом единым: пару слов о push-уведомлениях
      6. Вывод
   4. Глава 11. А ты купи слона: 10 триггеров, направленных на продажу
      1. 10 эффективных психологических триггеров
      2. Вывод
   5. Глава 12. Заманиваем клиентов в свои социальные сети
      1. Продвижение своего представительства в соцсетях
      2. Социальные замки
      3. Кнопки соцсетей и виджеты
      4. Вывод
   6. Заключение

Введение

Скажите, сколько пользователей, пришедших на ваш сайт, остаются и совершают покупку/оформляют заявку/ подписываются на рассылку? 3 из 10? 2 из 10? Хорошо, если хотя бы 1 из 100. Так ведь?

Хотите увеличить это число? Хотите-хотите, мы знаем точно. Иначе вы бы не открыли книгу. Все известные нам администраторы коммерческих сайтов (а с нами работали как минимум 321 тыс. таковых) ставят перед собой и нами одну и туже цель — рост продаж. Если у вас такой цели нет, то значит у вас не коммерческий сайт.

Так вот, о чем и зачем эта книга? О способах конвертации посетителей в покупателей. В ней мы рассказываем, как «проходящих мимо» юзеров из категории «я только посмотреть» превратить в активных участников –покупателей и подписчиков (как минимум).

Авторы этой книги — маркетологи Сервиса 1PS. Каждый день мы работаем над увеличением конверсии собственного сайта www.1PS.ru. Тестируем гипотезы, дизайны, акции, формы (о боже, чего мы только не тестируем). И у нас накопилась хорошая подборка приемов, методик, советов по этой теме. Нет сил держать в себе — делимся.

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

И еще три причины почему стоит прочитать эту книгу для тех, кто до сих пор сомневается:

— Здесь нет лишней воды. Только конкретные примеры и приемы, которые можно внедрить на свой сайт.

— Книга написана простым языком, который будет понятен даже тем, кто никогда не занимался интернет-маркетингом.

— Собрана вся актуальная информация, которую мы внедрили и протестировали на своем сайте и на сайтах своих клиентов.

Ну что, погнали?

Раздел I. Элементы сайта, которые стоит перепроверить

Глава 1. Дизайн сайта: не заставляйте своих клиентов страдать

Были ли у вас случаи, когда вы заходили на сайт и вам хотелось его закрыть, потому что глаза не могли вынести весь творящийся там ужас? Это ничуть не преувеличение. Не все владельцы сайтов уделяют внимание дизайну, а подходят к этому вопросу с мыслью «и так сойдет». Это большое упущение.

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

Устаревший дизайн

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

сайт, первое впечатление, которое возникает — сайт заброшен и информация на нем неактуальна.

Как раз один из таких примеров:

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

Наиболее выигрышный вариант — спокойная цветовая гамма:

— Светлый фон. Элементы, в том числе и текст, на таком фоне смотрятся хорошо, а пользователю не придется напрягать глаза.

— Темный шрифт. Должен быть читаем и никак не сливаться с основным фоном. Поэтому, например, если у вас бежевый фон, то следует использовать черный цвет шрифтов или иных темных оттенков.

— Яркий акцент. Помогает выделить главные детали и подчеркнуть CTA (call to action — призыв к действию).

Несколько примеров выдержанной цветовой гаммы:

Пример 1:

Сайт: enisey-cafe.ru

Пример 2:

Сайт: elektrahol.ru

Практический совет. Если решитесь на редизайн, не забудьте про SEO: скорость загрузки страниц, перелинковка, правильная настройка редиректа, сбор семядра, ЧПУ, безопасный протокол соединения (HTTPS). Все эти нюансы надо предусмотреть, чтобы не потерять имеющиеся позиции при обновлении дизайна.

Элементы установленные не по сетке

Вроде сайт хороший, но что-то в нем не то, и как раз это «не то» может быть в модульной сетке.

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

Если не использовать сетку, будет казаться, что все элементы повисли в воздухе. Как на примере ниже:

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

Кроме того, что модульная сетка помогает эстетично и ровно расположить элементы, она еще выполняет несколько функций:

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

— Проще делать адаптивный дизайн на основе модульной сетки.

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

Практический совет: заказывая сайт у веб-студии/ агентства/ фрилансера, попросите показать вам прототип (схематичную версию сайта до отрисовки дизайна). Сбережете время и нервы (как свои, так и дизайнера).

Общий стиль

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

— заголовки внутренних страниц;

— подзаголовки в текстах;

— тексты;

— ссылки;

— кнопки;

— меню;

— иконки.

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

Вот один из примеров полного отсутствия единого стиля:

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

Практический совет: когда принимаете макет нового дизайна от своего разработчика, попросите его оформить отдельным файлом (файлами) набор из шрифтов, иконок, стайл гайды и пояснительные записки, чтобы при дальнейшем развитии сайта (если вы обратитесь к другому специалисту или будете допиливать сайт сами) не сбиться с пути истинного.

«У сайта есть всего 3–5 секунд, чтобы впечатлить пользователя и вызвать интерес к предложению. Привлекательный дизайн позволит выделиться среди конкурентов, а простой интерфейс поможет пользователю быстро найти нужный товар или услугу и стать вашим клиентом. Именно поэтому перед созданием сайта следует продумать его структуру и внешнее оформление».

Вывод

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

Только помните 3 важных принципа:

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

— Придерживайтесь общего стиля для всего сайта и просите разработчика предоставить сопроводительную записку, в которой зафиксированы все шрифты, стили, иконки (и их источники).

— Создавайте дизайн и прототип, используя модульную сетку.

Элементы на сайте не должны быть хаотично разбросаны по странице.

Глава 2. Работаем над юзабилити: формы на сайте

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

Для чего нужны формы на сайте?

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

При внедрении формы на сайт есть несколько обязательных пунктов, которые следует учитывать:

— Название формы. Пользователь должен знать, что он заполняет и зачем это вообще нужно. Тема формы должна быть короткой и емкой.

— Название полей. Распишите, какую информацию вы хотите получить от человека: Ф.И.О, номер телефона, email и т. д. Только помните, что нет смысла заставлять пользователя заполнять 1001 строку.

— Обязательные поля. Как правило, обозначаются звездочкой (*). Определитесь, какая информация вам нужна, чтобы обработать контакт. Например, иногда достаточно номера телефона и имени.

— Подтверждение на согласие сбора и обработку персональных данных. Обязательное требование ФЗ-152, за неисполнение которого можно получить штраф.

Есть четыре основные вида форм:

Форма консультации

Выполняет одну и ту же функцию, что и «Онлайн-консультант». Единственное отличие в том, что в таких формах пользователь может оставить более развернутый запрос.

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

Очень важно, чтобы кто-то из специалистов оперативно обрабатывал такие запросы. Поэтому прежде чем ее установить, следует назначить ответственного, который будет принимать запросы и отвечать. В противном случае никакого эффекта от формы вы не получите, а наоборот, испортите репутацию.