Вредоносное ПО (malware) - это назойливые или опасные программы,...
Владелец среднего сайта, увидев 98% отказов, должен задуматься над этим вопросом. Или вы думаете, что эти 98% вернутся?
Не хочу вас расстраивать в таком случае.
Предприниматели, которые не внедряют инструменты повышения конверсии, сдерживает рост своего бизнеса.
Ниже 5 практических советов, которые мы составили после анализа 350 всплывающих окошек.
1. Узнайте поведение пользователей
Как к вам приходят посетители? Как они попадают на ваш сайт? Как они перемещаются по сайту? Это вопросы, на которые надо знать ответы. Они помогут настроить exit-intent попапы (которые появляются при уходе посетителя с сайта) с более высокой конверсией.
Анализируя поведение пользователя, Вы не только получите представление о том, что может работать, а что нет. Вы также сможете использовать эти знания, чтобы понять, что хотят клиенты и что их заинтересует.
С помощью этой информации, создайте попапы с нужной целью. Цели всплывающего окна могут быть:
- Увеличение продаж
- Сбор базы подписчиков
- Информирование
- Спасение брошенных корзин
Вот пример, зачем надо использовать аналитику. У вас есть люди, покидающие главную страницу и люди, покидающие страницы продуктов (допустим, что все они первоначально начинают с главной страницы). Один тип пользователей уже совершил какие-то действия, в то время как другие еще нет.
Вам не кажется, что к ним нужен разный подход?
Кроме того, как долго люди остаются на вашем сайте? Если срок слишком мал, то на сайте может быть информационная перегрузка. И в этом случае бесполезно использовать еще и всплывающие окна.
Если вы хотите быть по настоящему эффективны, рассмотрите возможность создания нескольких разных всплывающих окон для разных страниц . Почему? Кто-то покидает главную страницу, кто-то уходит со страницы продукта. И эти предложения должны отличаться от того, которое увидит клиент, который покидает сайт с неоформленным заказом.
Если вы используете exit-intent попап и при этом вам сложно сделать разные призывы к действию на разных страницах, тогда попробуйте использовать Google Tag Manager.
Как работает Google Tag Manager
Google Tag Manager (GTM) нужен для добавления, редактирования и/или удаления скрипта (фрагменты кода) без необходимости привлечения разработчика. Плюсы от использования ресурса (помимо того, что не нужно вдаваться в детали) - это возможность включить отслеживание конверсий, получить аналитику сайта, ретаргетинг и многое другое. В итоге GTM позволяет контролировать все скрипты (коды) без необходимости установки их на сайт.
Чтобы начать работу, вам потребуется создать учетную запись для Вашего бизнеса в GTM. После создания аккаунта (лучше, если название будет совпадать с названием бизнеса), вам необходимо будет создать так называемый контейнер. Он должен быть назван, как ваш сайт. Выберите «Веб-сайт», если контейнер будет использоваться на сайте, а не в приложениях.
Это ваш “Цифровой Контейнер” для всех фрагментов на сайте. Здесь вы можете управлять - добавлять/редактировать/удалять - все фрагменты, в которые вы хотите добавить всплывающие окна.
После установки контейнера, вам будут показаны 2 фрагмента кода. Вы должны скопировать их все на ваш сайт, на все соответствующие страницы, на которые вы хотите добавить фрагменты. Этот «контейнер» (фрагменты, который вы скопировали) должен быть вставлен в двух местах. Первый в раздел, второй - сразу после тега. Вам нужно, чтобы этот фрагмент появился на каждой странице сайта. Практически все CMS имеет плагин для GTM, что делает процесс копирования и вставки даже проще. Плагин можно использовать для того, чтобы вставить «контейнер» один раз. И он появится на всем сайте.
Теперь вам не нужно будет добавлять другие коды на сайт!
Весь код будет добавлен прямо в GTM. Чтобы добавить новый код, нажмите кнопку «Добавить новый тег». Есть много сервисов, которые интегрированы с GTM. Выберите сервис, код которого хотите установить. Или выберите “Пользовательский тег HTML”, если данного сервиса нет в списке.
Ниже Вы можете увидеть, что я добавил пользовательский код KEPLER LEADS (я использую в этом примере KEPLER LEADS для того, чтобы создавать попапы, которые будут появляться при уходе с сайта). Вы сможете сделать то же самое со всплывающими окнами.
После этого можно зайти в настройки тега и создать триггеры появления. В данном случае я этого делать не буду, так как в KEPLER LEADS можно также настроить моменты появления попапов.
Также в GTM можно создать отдельный тег для каждой страницы (или нескольких) на вашем сайте. После включения тега, вы можете идти дальше (и публиковать свой контейнер).
Если вы хотите убедиться, что добавили свой контейнер правильно, используйте Tag Assistant (от Google) . Приложение будет уведомлять вас в браузере о том, что контейнер добавлен на сайт.
Google Tag Manager может творить чудеса, его возможности практически безграничны. Подробнее о GTM смотрите в учебнике Google .
2. Дизайн всплывающего окна
«Я ненавижу всплывающие окна», «Эти всплывающие окна сводят меня с ума» и другие подобные заявления делаются, когда дизайн всплывающего окна очень плох. В попытке привлечь внимание людей, маркетологи создают всплывающие окна, которые просто раздражают.
Ваше всплывающее окно должно вписываться в тематику сайта. Оно не должно выделяться из общей концепции (вот что приводит к такому презрению к всплывающим окнам в целом).
Взгляните на это всплывающее окно от SNACK BOOM. Если вы посетите сайт, вы увидите, что всплывающие окна не напрягают. Он создан для того, чтобы стимулировать покупателей оставлять адреса электронной почты.
Это всплывающее окно SNACK BOOM сконструировано для того, чтобы соответствовать остальной части сайта
Что же они используют с точки зрения дизайна? Во-первых, показывают продукт еще раз, как на самом сайте. Во-вторых, попап легкий с большим свободным пространством и ярким призывом к действию.
Это всплывающее окно от Мастерской десертов также имеет отличный дизайн. Цвет фона попапа соответствует основному цвету сайта. Мастерская может разместить это окно в любом месте на сайте и оно будет смотреться стильно. Это признак того, что у них есть общая концепция.
Элементы, используемые в данном всплывающем окне, отражают те же самые вещи, которые они используют на других страницах
Хорошо продуманное всплывающее окно должно быть в одном стиле со всем сайтом и не должно выделяться, как белый медведь на пляже.
Выводы : Не пытайтесь воссоздать свой бренд. Все должно быть максимально просто
3. Краткий текст
Среднее время удержания внимания пользователя на каком-то элементе — 8.25 секунд . Это немного, но достаточно, чтобы заинтересовать людей. Необходимо сократить объем текста, который вы хотите использовать.
Когда дело доходит до использования определенного количества текста, стоит посмотреть на отличный пример магазина Антука . Это яркий образец того, как небольшое количество текста может сделать больше, чем большой объем текста, “Вы хотите приобрести их со скидкой 3%?”.
Антука смогли свести текст к минимуму
Выводы : У вас слишком мало времени. Используйте ключевые слова.
4. Предложение
Неважно, чем вы занимаетесь - будь то просто блог, интернет магазин или новостной портал - Вы должны быть в состоянии предложить что-то своим клиентам.
Всплывающие окна именно для того и созданы, чтобы предложить посетителю что-то интересное. Ваша задача - генерировать больше потенциальных клиентов. Чтобы оставить свои данные, клиент должен получать что-то взамен.
Вот отличный пример, как привлечь новых клиентов. Bebe разместил такое предложение.
Bebe использует силу подарка
Sport Open является образцом для создания великолепных предложений. Вместо того, чтобы предложить обычные 5-10%, они предлагают скидку 25%! Может ли каждое предприятие предложить клиентам такое щедрое предложение? Я не уверен, но они знают цену каждого клиент. Они знают стоимость нового клиента и они готовы заработать меньше сейчас, а позже получить свою прибыль.
Щедрое предложение Sport Open для тех, кто может быть заинтересован в их продукции
Ваш бизнес существует, потому что кто-то нуждается в вашем продукте или услуге. Ваша работа вызвать эмоции. Сайты, которые вызывают правильные эмоции - это те, которые получают максимальную конверсию.
Выводы : Если вы поймете, какое предложение будет интересно для посетителей, вы будете на правильном пути. Подсказка: тестируйте сразу несколько предложений с помощью А/Б тестов, чтобы определить лучшее.
5. Призыв к действию
Даже если вы создадите прекрасные фирменные всплывающие окна с привлекательным заголовком и отличным предложением, но призыв к действию будет слабым, ваше всплывающее окно не принесет результатов. Возвращаясь к Bebe, они не только сделали отличное предложение, но и использовали правильный призыв к действию. Вместо добавления стандартного “Купить”, они использовали “Получить конверт в подарок”, который идеально совпал с предложением.
Всплывающее окно POLLMAN также привлекает клиентов. Почему? Они сделали четкий и понятный призыв к действию. Кнопка выделяется на цветном фоне. И подробно поясняет, что в итоге получит посетитель, если зарегистрируется.
POLLMAN использует красный цвет в призыве к действию
Если ваше предложение сработает, задумайтесь о том, чтобы остальные всплывающие окна сделать в том же стиле, что и это.
Вот 5 советов, как сделать этот важнейший элемент правильно.
- Элемент должен быть аккуратным
- Он должен содержать призыв к действию
- Добавьте ключевое слово (глагол в активной форме)
- Создайте ощущение срочности
- Сделайте там кнопку
Конвертируйте больше посетителей, привлекая их всплывающими окнами
Теперь, когда вы знаете, что нужно использовать, настала очередь действовать. Всплывающее окно может увеличить конверсию сайта до 20%.
После прочтения этого поста, первое, что вы должны сделать, это открыть панель аналитики и начать анализировать трафик (социальный, прямой, реферальный). Вы должны определить, какие конкретные действия вам предстоит предпринять. Различные типы трафика требуют различных действий.
Ваши шаги:
1. Получить представление о поведении пользователей
2. Создать простой дизайн для всплывающего окна
3. Текст должен быть коротким и не содержать ненужных слов
4. Убедитесь в том, что вы предлагаете что-то ценное (спросите себя, завлекло бы вас это “предложение”)
5. Создайте релевантный призыв к действию
После завершения всех шагов, у вас появится всплывающее окно, которое убедит посетителей в том, что оно им нравится. Это, в свою очередь, приведет к увеличению лидов.
Мы надеемся, что данная статья поможет вам увеличить конверсию сайта.
KEPLER LEADS - это инструмент, который помогает увеличить конверсию сайта с помощью всплывающих виджетов. Начните улучшения, делая из посетителей сайта подписчиков и клиентов. Попробуйте сегодня
В веб-маркетинге существует довольно распространенная практика: перед посетителем веб-сайта появляется всплывающее окно (pop up, «поп-ап») с лид-формой, содержащей, как правило, предложение подписаться на электронную рассылку. Если вы используете такую технологию привлечения новых подписчиков на сайте или блоге, этот пост для вас.
До последнего времени считалось, что применение «поп-апов» - самый простой способ вызвать у посетителя раздражение. Однако специалисты ресурса conversionvoodoo.com на убедительном примере (с хорошей статистической базой - 500000 посещений) доказали, что грамотное применение всплывающих лид-форм может заметно - примерно на треть - повысить коэффициент конверсии (в данном конкретном случае - число подписок на рассылку).
Секрет успеха заключается в том, что при создании «поп-апов» нужно пользоваться теми же самыми правилами, что и для создания высокоэффективной целевой страницы.
Свои теоретические выкладки эксперты conversionvoodoo.com проверили на практике: всплывающее окно сайта с высокой посещаемостью (до полумиллиона уникальных посетителей в месяц) было подвергнуто стандартной процедуре , как если бы это была целевая лид-страница.
В ходе были подобраны наилучший текст заголовка, количество и расположение элементов призыва к действию. Результат оптимизации всплывающей лид-формы для сайта shoemoney.com превзошел все ожидания - конверсия увеличилась на 31%.
Вот каким образом осуществлялся «эксперимент над поп-апом»:
1. Оптимизация заголовка
Заголовок всплывающего окна - вот с чего следует начать оптимизацию «поп-апа». Стоит, наверное, напомнить, что Headline (title) должен четко и ясно показать посетителю цель, которую он достигнет, заполнив поле лид-формы.
В заголовке должна подчеркиваться уникальность предложения («Только в нашей рассылке - 7 бесплатных полезных советов по увеличению конверсии», например), а также подчеркиваться краткосрочность его действия («Срок действия ограничен - только 3 дня»).
Вышеперечисленные правила полностью оправдали себя на практике - только за счет оптимизации заголовки: Limited Offer: Get the 7 simple tricks I used to become an internet millionaire и Get my 13 money-making secrets guide - it’s FREE during reader appreciation увеличили число подписчиков на 29% и 31% соответственно.
2. «Неисчезающая» надпись в поле лид-формы
Еще одна хитрость, о которой стоит помнить: предположим, посетитель начинает заполнять поле, внутри которого находится надпись «Введите адрес электронной почты». После того, как посетитель вводит первую букву в поле, надпись исчезает. Подобного эффекта следует избегать, пусть посетитель всегда видит название поля, в которое он вводит свои данные. Достаточно настроить форму так, чтобы надпись о назначении поля становилась менее заметной при введении пользовательских данных. В ходе эксперимента подобная мера способствовала увеличению конверсии на 36%.
Посмотреть живой пример можно на сайте shoemoney.com , для которого, собственно, и проводилась оптимизация всплывающего окна.
3. Текст ниже кнопки подписки? Лучше убрать!
В правоте подобного утверждения участники эксперимента убедились после простого сплит-теста. Тестировались два варианта всплывающей лид-формы, один из которых содержал ниже кнопки подписки дополнительный короткий текст (приглашение подписываться на RSS-канал сайта). Вариант «поп-апа» без текста внизу дал прирост конверсии в 36%. Помните, что любое предложение, отвлекающее пользователя от выполнения основного призыва к действию - зло!
4. Пусть всплывающее окно всегда остается в поле зрения пользователя
Большой ошибкой будет твердо заданное, фиксированное положение всплывающего окна относительно основной страницы. В таком случае, посетитель, пользуясь прокруткой, рано или поздно удалит «поп-ап» за пределы поля зрения. Следует настроить скрипт основной страницы таким образом, чтобы всплывающее окно было всегда видимым - «плавающим», привязанным именно к позиции относительно «окна» монитора, а не основной страницы. У пользователя таким образом появляется два возможных действия: закрыть окно, либо подписаться на рассылку.
5. Кнопка «закрыть» - очень важная кнопка
Как выяснилось в ходе тестирования, кнопка закрытия страницы тоже способна влиять на конверсию. Были рассмотрены два варианта: простая кнопка, помеченная знаком «Х» и расположенная в верхнем правом углу всплывающего окна; во втором варианте для закрытия страницы следовало нажать на ссылку с надписью «нет, спасибо», расположенную ниже кнопки регистрации. Победителем теста стала простая «Х»-кнопка: оказалось, что нажатие на ссылку «нет, спасибо» снижает конверсию на целые 19%. Такой результат вполне логичен, так как пользователи просто уже привыкли, что в правом верхнем углу окна есть знак «Х».
Вы уже читали о том, что пользователи недолюбливают всплывающие окна на сайте. При этом поп-апы могут быть полезными. Их замечают все посетители, а потому это отличный способ донести ценность предложения и генерировать лидов.
В этой статье вы узнаете, каких ошибок нужно избегать в поп-ап окнах, чтобы не отпугнуть посетителей.
Формулируйте ценность четко
Пример — сайт в формате лонгрид блога Wait But Why. Первое, на что падает взгляд во всплывающем окне, — необычный заголовок:
«Никто не любит поп-апы… Однако если вам нравится блог, как вы сообщите нам электронный адрес? Мы отправляем ежемесячно 2-4 письма».
«Говорящее» окно — классная идея. В чем подвох? Потенциальный клиент не знает, зачем ему эта подписка.
Смотрите, как сервис для организации клиентской поддержки Groove показывает выгоду от новостной рассылки:
«Мы расскажем, как добились месячной выручки 100 000 долларов. Научим всему, что умеем сами».
Призыв к действию: «Отправьте мне уроки».
Прозрачность оффера делает его привлекательным. Специфика в виде цифр внушает доверие.
Совет: пользователь не всегда осознает ценность от самой подписки. Как вариант, предложите электронную книгу в подарок.
Говорите о пользователе, а не о себе
Такой поп-ап вы встретите на развлекательном сайте the Chive:
Фраза в призыве к действию — «Подписаться на лучшую новостную рассылку в мире». С чего они взяли, что она лучшая? И о пользователе — ни слова.
Они настолько перегнули палку в самооценке, что забыли объяснить, в чем польза потенциальных клиентов.
На сайте email-сервиса GetResponse монстр во всплывающем окне умоляет посетителя остаться. Для делового сайта звучит и выглядит нелепо:
«Почему вы уходите? Не понимаю. Дайте нам шанс!»
Призыв к действию: «Попробовать бесплатно».
При этом текст от первого лица. Какой продукт предлагает компания и почему он заслуживает внимания? Зачем оставаться на сайте, если непонятно, что он предлагает?
Совет: пишите не о том, что вы лучшие, а о ваших потенциальных клиентах и их выгодах. Посетители поймут с первого взгляда: это то, чего они хотят.
Первым делом — пользователи
Как выглядит текст, ориентированный на потребителя? В маркетинговом блоге Preneur Marketing заголовок поп-ап объясняет в деталях, что получит пользователь при подписке:
На этом Preneur Marketing не останавливается: здесь и социальные доказательства, УТП, hero shot, маркированный список выгод. Пять баллов за специфику.
«Как удвоить прибыль за 7 недель. Скачайте отчет и программу и вы получите улучшенную методологию и полный набор тактик, которые используют 115 826 компаний по всему миру. Внесите ясность в ваш бизнес».
Призыв к действию: «Скачать отчет сейчас».
Еще один пример ориентации на аудиторию — блог по оптимизации конверсии в e-commerce Acquire Convert. Но здесь явно не хватает «образа героя», так как повествование ведется от лица человека, который делится опытом построения email-базы:
«Создаете email-лист? Узнайте, как я собрал 408 адресов из гостевых постов. Получите кейс об использовании этой техники, макет и дизайн лендинга, которые я использовал».
Призыв к действию: «Получить кейс и материалы».
Отвечайте на возражения
На любой стадии клиентского пути у пользователя есть возражения. Посетители интернет-магазина Gr8fires подбирают товар для покупки и уже думают, во сколько обойдется установка печи.
Чтобы предотвратить это, Gr8fires поместили во всплывающее окно калькулятор установки. Смотрите, как текст дублирует мысли пользователя:
«Без понятия, сколько стоит установка печи? Используйте бесплатный калькулятор установки».
Призыв к действию: «Получить мой калькулятор для расчета затрат».
Результаты Gr8fires поражают: увеличение месячных продаж на 300% и скачок в продажах 48,54% за последние полгода.
Польза для обеих сторон: пользователь получает прозрачные расчеты в обмен на электронный адрес, который пополнит базу продавца.
Уважайте целевую аудиторию
Вы замечали, что в формах рядом с кнопкой призыва к действию часто размещают ссылку с текстом отказа. Маркетологи всячески изощряются, чтобы пользователи не нажимали на эти фразы:
«Оставьте ваш email и получите купон на бесплатную доставку плюс 5% скидку».
Текст отказа: «Спасибо, я предпочту платить за кофе больше».
«Хотите конвертировать ушедших посетителей в лидов за 30 дней бесплатно?»
Текст отказа: «Нет, мне нравится, когда посетители уходят от нас».
Таких примеров хоть отбавляй:
«Скидка 10% на заказ! Введите email, на который отправить ваш эксклюзивный купон».
Текст отказа: «Спасибо, терпеть не могу эксклюзивные предложения».
И агрессивный вариант:
«Хотите стать крутецким сеошником?»
Текст отказа: «Нет, я лучше останусь жить с родителями в подвале».
Такой экспромт может обидеть потенциальных клиентов. Это создает трения при заполнении формы и вредит имиджу бренда.
Уважайте пользователей, не говорите с ними свысока, даже если они не хотят ваш продукт.
Другая ошибка — на новостном сайте Narcity Toronto. Только одна причина, чтобы не давать электронный адрес — «Я уже подписан». А что если человек просто не хочет подписываться?
Такой пользовательский опыт вряд ли увеличит число подписчиков, потому что:
- Это принуждает скорее врать, чем подписываться.
- Зачем подписчику видеть это окно и совершать лишние действия?
- Это создает когнитивный диссонанс: пользователь остановится и подумает, что он не так сделал.
Говорите фразами пользователя
Что думают пользователи, когда отказываются? На сайте дизайнера и производителя мебели TVLiftCabinet.com — классический вариант:
«Введите email и получите купон на 125 долларов на первый заказ до 998 или купон на 150 долларов на первый заказ от 999 на все подъемные механизмы».
Текст отказа: «Спасибо, я пока не готов к покупке».
Если не хотите придумывать и боитесь обидеть пользователей, напишите нейтральный и честный ответ: «Спасибо, мне это не интересно».
Мотивируйте пользователей на целевое действие
1) Сократите число полей лид-формы.
Здесь их слишком много, а пользователи ненавидят длинные анкеты:
Призыв к действию: «Получить ежедневную новостную рассылку».
2) Пусть пользователи думают, что вы предлагаете эксклюзив.
«Получите анонс топового курса по обучению мужскому стилю в одежде».
Призыв к действию: «Отправьте мне анонс».
«Умеете хранить секреты? Наши подписчики скоро узнают о секретных техниках продаж».
Призыв к действию: «Подпишите меня».
P.S. Внимание аудитории — ценность номер один для вас. Создавайте в поп-ап окнах текст для клиента и о клиенте.
Высоких вам конверсий!
On Январь 12th, 2017 .
Всплывающие окна на сайте являются весьма спорным инструментом по мнению многих. Так ли это на самом деле? Настолько ли попап плохой инструмент?
Владелец среднего сайта, увидев 98% отказов, должен задуматься над этим вопросом. Или вы думаете, что эти 98% вернутся?
Не хочу вас расстраивать в таком случае.
Предприниматели, которые не внедряют инструменты повышения конверсии, сдерживает рост своего бизнеса.
Ниже 5 практических советов, которые мы составили после анализа 350 всплывающих окошек.
1. Узнайте поведение пользователей
Как к вам приходят посетители? Как они попадают на ваш сайт? Как они перемещаются по сайту? Это вопросы, на которые надо знать ответы. Они помогут настроить exit-intent попапы (которые появляются при уходе посетителя с сайта) с более высокой конверсией.
Анализируя поведение пользователя, Вы не только получите представление о том, что может работать, а что нет. Вы также сможете использовать эти знания, чтобы понять, что хотят клиенты и что их заинтересует.
С помощью этой информации, создайте попапы с нужной целью. Цели всплывающего окна могут быть:
- Увеличение продаж
- Сбор базы подписчиков
- Информирование
- Брошенные корзины
Вот пример, зачем надо использовать аналитику. У вас есть люди, покидающие главную страницу и люди, покидающие страницы продуктов (допустим, что все они первоначально начинают с главной страницы). Один тип пользователей уже совершил какие-то действия, в то время как другие еще нет.
Вам не кажется, что к ним нужен разный подход?
Кроме того, как долго люди остаются на вашем сайте? Если срок слишком мал, то на сайте может быть информационная перегрузка. И в этом случае бесполезно использовать еще и всплывающие окна.
Если вы хотите быть по настоящему эффективны, рассмотрите возможность создания нескольких разных всплывающих окон для разных страниц . Почему? Кто-то покидает главную страницу, кто-то уходит со страницы продукта. И эти предложения должны отличаться от того, которое увидит клиент, который покидает сайт с неоформленным заказом.
Если вы используете exit-intent попап и при этом вам сложно сделать разные призывы к действию на разных страницах, тогда попробуйте использовать Google Tag Manager.
Как работает Google Tag Manager
Google Tag Manager (GTM) нужен для добавления, редактирования и/или удаления скрипта (фрагменты кода) без необходимости привлечения разработчика. Плюсы от использования ресурса (помимо того, что не нужно вдаваться в детали) – это возможность включить отслеживание конверсий, получить аналитику сайта, ретаргетинг и многое другое. В итоге GTM позволяет контролировать все скрипты (коды) без необходимости установки их на сайт.
Чтобы начать работу, вам потребуется создать учетную запись для Вашего бизнеса в GTM. После создания аккаунта (лучше, если название будет совпадать с названием бизнеса), вам необходимо будет создать так называемый контейнер. Он должен быть назван, как ваш сайт. Выберите «Веб-сайт», если контейнер будет использоваться на сайте, а не в приложениях.
Это ваш “Цифровой Контейнер” для всех фрагментов на сайте. Здесь вы можете управлять – добавлять/редактировать/удалять – все фрагменты, в которые вы хотите добавить всплывающие окна.
После установки контейнера, вам будут показаны 2 фрагмента кода. Вы должны скопировать их все на ваш сайт, на все соответствующие страницы, на которые вы хотите добавить фрагменты. Этот «контейнер» (фрагменты, который вы скопировали) должен быть вставлен в двух местах. Первый в раздел
, второй — сразу после тега . Вам нужно, чтобы этот фрагмент появился на каждой странице сайта. Практически все CMS имеет плагин для GTM, что делает процесс копирования и вставки даже проще. Плагин можно использовать для того, чтобы вставить «контейнер» один раз. И он появится на всем сайте. 
Теперь вам не нужно будет добавлять другие коды на сайт!
Весь код будет добавлен прямо в GTM. Чтобы добавить новый код, нажмите кнопку «Добавить новый тег». Есть много сервисов, которые интегрированы с GTM. Выберите сервис, код которого хотите установить. Или выберите “Пользовательский тег HTML”, если данного сервиса нет в списке.
Ниже Вы можете увидеть, что я добавил пользовательский код KEPLER LEADS (я использую в этом примере KEPLER LEADS для того, чтобы создавать попапы, которые будут появляться при уходе с сайта). Вы сможете сделать то же самое со всплывающими окнами.
После этого можно зайти в настройки тега и создать триггеры появления. В данном случае я этого делать не буду, так как в KEPLER LEADS можно также настроить моменты появления попапов.
Также в GTM можно создать отдельный тег для каждой страницы (или нескольких) на вашем сайте. После включения тега, вы можете идти дальше (и публиковать свой контейнер).
Если вы хотите убедиться, что добавили свой контейнер правильно, используйте Tag Assistant (от Google) . Приложение будет уведомлять вас в браузере о том, что контейнер добавлен на сайт.
Google Tag Manager может творить чудеса, его возможности практически безграничны. Подробнее о GTM смотрите в учебнике Google .
2. Дизайн всплывающего окна
«Я ненавижу всплывающие окна», «Эти всплывающие окна сводят меня с ума» и другие подобные заявления делаются, когда дизайн всплывающего окна очень плох. В попытке привлечь внимание людей, маркетологи создают всплывающие окна, которые просто раздражают.
Ваше всплывающее окно должно вписываться в тематику сайта. Оно не должно выделяться из общей концепции (вот что приводит к такому презрению к всплывающим окнам в целом).
Взгляните на это всплывающее окно от SNACK BOOM. Если вы посетите сайт, вы увидите, что всплывающие окна не напрягают. Он создан для того, чтобы стимулировать покупателей оставлять адреса электронной почты.
Это всплывающее окно SNACK BOOM сконструировано для того, чтобы соответствовать остальной части сайта
Что же они используют с точки зрения дизайна? Во-первых, показывают продукт еще раз, как на самом сайте. Во-вторых, попап легкий с большим свободным пространством и ярким призывом к действию.
Это всплывающее окно от Мастерской десертов также имеет отличный дизайн. Цвет фона попапа соответствует основному цвету сайта. Мастерская может разместить это окно в любом месте на сайте и оно будет смотреться стильно. Это признак того, что у них есть общая концепция.
Элементы, используемые в данном всплывающем окне, отражают те же самые вещи, которые они используют на других страницах
Хорошо продуманное всплывающее окно должно быть в одном стиле со всем сайтом и не должно выделяться, как белый медведь на пляже.
Выводы : Не пытайтесь воссоздать свой бренд. Все должно быть максимально просто
3. Краткий текст
Среднее время удержания внимания пользователя на каком-то элементе - 8.25 секунд . Это немного, но достаточно, чтобы заинтересовать людей. Необходимо сократить объем текста, который вы хотите использовать.
Когда дело доходит до использования определенного количества текста, стоит посмотреть на отличный пример магазина Антука . Это яркий образец того, как небольшое количество текста может сделать больше, чем большой объем текста, “Вы хотите приобрести их со скидкой 3%?”.
Антука смогли свести текст к минимуму
Выводы : У вас слишком мало времени. Используйте ключевые слова.
4. Предложение
Неважно, чем вы занимаетесь – будь то просто блог, интернет магазин или новостной портал – Вы должны быть в состоянии предложить что-то своим клиентам.
Всплывающие окна именно для того и созданы, чтобы предложить посетителю что-то интересное. Ваша задача — генерировать больше потенциальных клиентов. Чтобы оставить свои данные, клиент должен получать что-то взамен.
Вот отличный пример, как привлечь новых клиентов. Bebe разместил такое предложение.
Bebe использует силу подарка
Sport Open является образцом для создания великолепных предложений. Вместо того, чтобы предложить обычные 5-10%, они предлагают скидку 25%! Может ли каждое предприятие предложить клиентам такое щедрое предложение? Я не уверен, но они знают цену каждого клиент. Они знают стоимость нового клиента и они готовы заработать меньше сейчас, а позже получить свою прибыль.
Щедрое предложение Sport Open для тех, кто может быть заинтересован в их продукции
Ваш бизнес существует, потому что кто-то нуждается в вашем продукте или услуге. Ваша работа вызвать эмоции. Сайты, которые вызывают правильные эмоции – это те, которые получают максимальную конверсию.
Выводы : Если вы поймете, какое предложение будет интересно для посетителей, вы будете на правильном пути. Подсказка: тестируйте сразу несколько предложений с помощью А/Б тестов, чтобы определить лучшее.
5. Призыв к действию
Даже если вы создадите прекрасные фирменные всплывающие окна с привлекательным заголовком и отличным предложением, но призыв к действию будет слабым, ваше всплывающее окно не принесет результатов. Возвращаясь к Bebe, они не только сделали отличное предложение, но и использовали правильный призыв к действию. Вместо добавления стандартного “Купить”, они использовали “Получить конверт в подарок”, который идеально совпал с предложением.
Всплывающее окно POLLMAN также привлекает клиентов. Почему? Они сделали четкий и понятный призыв к действию. Кнопка выделяется на цветном фоне. И подробно поясняет, что в итоге получит посетитель, если зарегистрируется.
POLLMAN использует красный цвет в призыве к действию
Если ваше предложение сработает, задумайтесь о том, чтобы остальные всплывающие окна сделать в том же стиле, что и это.
Вот 5 советов, как сделать этот важнейший элемент правильно.
- Элемент должен быть аккуратным
- Он должен содержать призыв к действию
- Добавьте ключевое слово (глагол в активной форме)
- Создайте ощущение срочности
- Сделайте там кнопку
Конвертируйте больше посетителей, привлекая их всплывающими окнами
Теперь, когда вы знаете, что нужно использовать, настала очередь действовать. Всплывающее окно может увеличить конверсию сайта до 20%.
После прочтения этого поста, первое, что вы должны сделать, это открыть панель аналитики и начать анализировать трафик (социальный, прямой, реферальный). Вы должны определить, какие конкретные действия вам предстоит предпринять. Различные типы трафика требуют различных действий.
Ваши шаги:
1. Получить представление о поведении пользователей
2. Создать простой дизайн для всплывающего окна
3. Текст должен быть коротким и не содержать ненужных слов
4. Убедитесь в том, что вы предлагаете что-то ценное (спросите себя, завлекло бы вас это “предложение”)
5. Создайте релевантный призыв к действию
После завершения всех шагов, у вас появится всплывающее окно, которое убедит посетителей в том, что оно им нравится. Это, в свою очередь, приведет к увеличению лидов.
Мы надеемся, что данная статья поможет вам увеличить конверсию сайта.
KEPLER LEADS — это инструмент, который помогает увеличить конверсию сайта с помощью всплывающих виджетов. Начните улучшения, делая из посетителей сайта подписчиков и клиентов. Попробуйте сегодня !
