Владелец среднего сайта, увидев 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 советов, как сделать этот важнейший элемент правильно.

1. Элемент должен быть аккуратным
2. Он должен содержать призыв к действию
3. Добавьте ключевое слово (глагол в активной форме)
4. Создайте ощущение срочности
5. Сделайте там кнопку

Конвертируйте больше посетителей, привлекая их всплывающими окнами

Теперь, когда вы знаете, что нужно использовать, настала очередь действовать. Всплывающее окно может увеличить конверсию сайта до 20%.

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

Ваши шаги:

1. Получить представление о поведении пользователей

2. Создать простой дизайн для всплывающего окна

3. Текст должен быть коротким и не содержать ненужных слов

4. Убедитесь в том, что вы предлагаете что-то ценное (спросите себя, завлекло бы вас это “предложение”)

5. Создайте релевантный призыв к действию

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

Мы надеемся, что данная статья поможет вам увеличить конверсию сайта.

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

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

В этой статье вы узнаете, каких ошибок нужно избегать в поп-ап окнах, чтобы не отпугнуть посетителей.

Формулируйте ценность четко

Пример — сайт в формате лонгрид блога 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. Внимание аудитории — ценность номер один для вас. Создавайте в поп-ап окнах текст для клиента и о клиенте.

Высоких вам конверсий!

Как повысить эффективность всплывающих окон?

Статистика гласит, что 96% визитов пользователей не заканчиваются целевым действием. К превеликому сожалению, потенциальные клиенты просто заходят на сайт, немного его просматривают, изучают товары, и часто безвозвратно уходят. Оптимизаторам, в следствии, приходится долго ломать голову, чтобы выяснить в чем причина такой ситуации, возможно пользователь не получил что искал, или не увидел, то, что хотел увидеть.

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

Давайте более детально рассмотрим, как работают всплывающие окна, почему они эффективны и как этого достигнуть. В этой статье мы обсудим такие моменты:

• Почему всплывающие окна работают
• Особенности правильно всплывающих окон
• Нужный момент показа

Итак, начнем.

Когда работают всплывающие окна

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

Причин этой вечной проблемы может быть уйма:

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

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

Всплывающие окна работают если они:

• релевантные;
• своевременны;
• интересны;
• значимы;
• привлекательны.

Почему всплывающие окна работают:

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

Перегрузи мозг посетителю - он ушел.

1. одно существенное предложение - один лендинг. Благодаря такому мудрому решению, страницы сосредотачивают на себе 100% внимания. Всплывающее окно, как очень деликатный воспитанный продавец, предлагает свое содействие в нужном месте, в нужное время. Оно помогает пользователю сосредоточиться на чем-то одном и принять правильное решение;
2. всплывающее окно - единственное предложение, а сайт - очень, очень много функций . Всплывающие окна нарушают стандартную последовательность действий, задерживая посетителей на сайте и побуждая выполнить целевое действие;
3. частота их повторений, обеспечивает желаемый результат. Предположительно, прежде чем совершить целевое действие, пользователь должен увидеть заманчивое предложение несколько раз, идеально - 7 раз. При таком раскладе всплывающие окна работают в перспективе на будущее. Даже если посетитель с первого раза не совершил целевое действие, у него в памяти останется Ваше яркое (!) предложение.

Зацепили интерес пользователя - он остался на сайте и сделал то, что Вам нужно.

Особенности правильно всплывающих окон:

• для продаж . В данном случае активация всплывающего окна оптимальна для главной страницы или страницы с прайс-листом;
• для лидогенерации . Рекомендуется размещать всплывающие окна на информационных и посадочных страницах сайта;
• для растущего трафика на страницах с низкой конверсией. Следует размещать всплывающие окна на страницах о доставке, гарантии и оплате, на блогах.

Нужный момент показа

Если у Вас есть действующие скидки, спец.предложения, расскажите о них при входе на сайт. Хороший пример, сайт LaModa:

Для всех остальных случаев нужно подобрать самый подходящий момент.

Как оформить всплывающие окна

Оптимальный размер всплывающего окна при входе на сайт 500х300 или 740х500 пикселей, при выходе с сайта - 900х700 пикселей;

СТА-кнопка должна выделяться и быть очень заметной, на фоне картинки и текста;

Минимум информации - максимум сути. Текст должен быть лаконичным, хорошо читаемым, привлекать внимание. Это формула успеха.

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 советов, как сделать этот важнейший элемент правильно.

1. Элемент должен быть аккуратным
2. Он должен содержать призыв к действию
3. Добавьте ключевое слово (глагол в активной форме)
4. Создайте ощущение срочности
5. Сделайте там кнопку

Конвертируйте больше посетителей, привлекая их всплывающими окнами

Теперь, когда вы знаете, что нужно использовать, настала очередь действовать. Всплывающее окно может увеличить конверсию сайта до 20%.

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

Ваши шаги:

1. Получить представление о поведении пользователей

2. Создать простой дизайн для всплывающего окна

3. Текст должен быть коротким и не содержать ненужных слов

4. Убедитесь в том, что вы предлагаете что-то ценное (спросите себя, завлекло бы вас это “предложение”)

5. Создайте релевантный призыв к действию

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

Мы надеемся, что данная статья поможет вам увеличить конверсию сайта.

KEPLER LEADS — это инструмент, который помогает увеличить конверсию сайта с помощью всплывающих виджетов. Начните улучшения, делая из посетителей сайта подписчиков и клиентов. Попробуйте сегодня !