10 примеров наложения веб-сайтов для увеличения конверсии и увеличения продаж

Опубликовано: 2020-04-16

Вы когда-нибудь просматривали веб-сайт или читали статью, как вдруг БАМ! Колоссальное сообщение заполняет ваш экран.

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

Всплывающие окна такого типа, также называемые всплывающими окнами при выходе или просто «наложением», можно найти практически повсюду. И не зря - они СУПЕР эффективны!

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

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

Что ж, есть!

Введите оверлей (или всплывающее окно выхода), как вы хотите их назвать; эти вещи делают огромную работу по повышению конверсии. Но как? Почему они такие эффективные и почему работают?

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

Что такое оверлей веб-сайта?

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

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

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

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

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

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

Примеры наложения веб-сайтов

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

Дневник доходов

оверлей веб-сайта дневника доходов

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

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

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

WordStream

наложение потока слов

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

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

Этот оверлей появился при просмотре блога WordStream.

Авторитетный хакер

всплывающее окно с наложением авторитетного хакера

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

Этот полноэкранный оверлей появился при просмотре блога Authority Hacker.

КонверсияXL

конверсия xl ​​всплывающее окно

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

Этот оверлей появился при просмотре блога ConversionXL.

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

Почему вы должны использовать оверлеи веб-сайтов?

1. Оверлеи упрощают выбор пользователя

выбор наложения

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

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

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

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

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

2. Наложения перехватывают мысли пользователя.

всплывающее окно с прерыванием мысли

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

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

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

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

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

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

3. Оверлеи укрепляют ваше сообщение

усилить оверлей сообщения

Сколько раз вам нужно что-то увидеть, прежде чем купить? Один раз? Дважды? Десять раз?

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

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

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

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

4. Оверлеи помогают передать срочность

пример всплывающего окна срочности

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

amazon fidget spinner срочность

Выше - фиджет спиннер Oakland Raiders NFL, который вот-вот будет распродан. Поскольку на складе осталось всего 2 штуки, Amazon показывает красный предупреждающий знак, предупреждающий пользователей о скором заказе. Это чувство безотлагательности часто может повысить конверсию, играя на тревогах и страхах людей. Если они не сделают заказ сейчас, то кто знает, когда они снова появятся в наличии!

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

5. Накладывает заманчивые конверсии со скидками.

наложение со скидкой hollister

Если покупатель не желает покупать товар по полной цене, предложите ему скидку. Независимо от того, кто вы и откуда, всем нравятся скидки. Даже если это всего 10% скидка.

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

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

Если они добрались до конца этапа оформления заказа, то есть большая вероятность, что их оттолкнула только цена. Мы не говорим, что вы должны предлагать всем 50% скидку на последнем этапе, но даже небольшая скидка может иметь большое значение.

6. Оверлеи для подкупа с помощью бесплатных руководств.

галстуки-бабочки для собак

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

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

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

7. Оверлеи помогают расширять списки рассылки

увеличить оверлей списка рассылки

Когда пользователь посещает веб-сайт, не все из них настроены на покупку. Некоторым пользователям нужно немного убедить или напомнить, прежде чем они совершат конверсию. Хотя оверлеи веб-сайтов отлично напоминают пользователям о предложениях, они работают только тогда, когда пользователь находится на сайте. Что происходит, когда они покидают сайт? Они потеряны навсегда… если только вы не воспользуетесь списком рассылки!

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

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

8. Оверлеи придают пользователям уверенность в вашей компании.

оверлей службы поддержки клиентов

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

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

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

9. Оверлеи уведомляют пользователей, что они что-то оставили в корзине.

наложение брошенной корзины

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

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

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

Вы также можете быть более агрессивными и включить оверлей выхода в саму кассу, чтобы каждый раз, когда пользователь пытается выйти из кассы, он получает сообщение. Согласно исследованию Web Engage, после внедрения оверлея выхода в их интернет-магазине конверсия увеличилась на 6%. Только подумайте, сколько еще продаж может принести ваш веб-сайт с помощью простого добавленного всплывающего окна… безумно!

10. Оверлеи помогают снизить показатель отказов.

блог о наложении hubspot

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

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

Это означает, что люди, которые попадают на ваш сайт, читают какой-то контент, а затем уходят. Для Google это признак того, что ваш веб-сайт не очень релевантен или интересен для данного поискового запроса. С очень высоким показателем отказов (более 90%) вы даже можете начать снижение рейтинга для этого конкретного термина.

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

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

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

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

Продолжайте развивать свои новые знания

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

В конце концов, оверлеи - это просто платформа для предоставления ценности и доставки сообщения. Сделайте свой тот, который понравится посетителям, и результаты будут приложены!