Никак не можете решить, какую opt-in форму использовать для оптимизации коэффициента конверсии на лендинге, одноэтапную (one-step opt-in form) или двухэтапную (two-step opt-in form)? Тогда вы оказались в нужном месте.
У каждого из этих подходов есть свои плюсы и минусы. Но для начала рассмотрим некоторые базовые понятия.
Содержание статьи
Одноэтапный или двухэтапный opt-in: что выбрать?
Двухэтапные opt-in формы: примеры
1. Forever 21
2. Pura Vida
3. Marie Forleo
4. Gate Notes
5 советов по настройке эффективной двухэтапной opt-in формы
1. Расположите первый CTA должным образом
2. Предложите стимул
3. Измените текст призыва к действию
4. Добавьте отзывы
5. Используйте эффект срочности
Что такое одноэтапный opt-in?
Одноэтапный opt-in — это традиционная opt-in форма, состоящая из одного шага. Вот типичный пример:
Подпишись и получи скидку $10
Подпишись на Radiant and Glowing Skin. Узнай корейские секреты безупречной кожи и получай информацию о выходе новых продуктов, специальные предложения, подарки в честь день рождения и обновления бьюти-блога!
Поле 1: Ваша дата рождения
Поле 2: Ваш email-адрес
Кнопка: «Подписаться»
Все, что нужно сделать посетителю, — это ввести свой email-адрес и нажать кнопку «Подписаться».
В течение многих лет одноэтапные opt-in формы были одним из лучших способов сбора email-адресов. Вы часто можете встретить их на лендингах, в блогах и даже письмах.
Плюсы:
- Их легко создать: одноэтапные opt-in формы можно создать с помощью большинства инструментов захвата лидов.
- Просты в понимании: как только посетители видят эту форму, они точно знают, что им нужно делать.
Минусы:
- Одноэтапный opt-in может отвлечь посетителей, особенно если они посещают ваш сайт с определенной целью, например, купить продукт или прочитать статью в блоге.
- Поскольку посетители слишком часто видят эту форму и знают, чего от них хотят (email-адрес), они просто игнорируют ее. По сути, они развивают баннерную слепоту (banner blindness) в отношении к opt-in.
Что такое двухэтапный opt-in?
Двухэтапный opt-in требует выполнения двух шагов: (1) кликнуть по ссылке или CTA-кнопке и (2) ввести информацию в появившуюся opt-in форму. Посетителям по-прежнему нужно ввести свой email-адрес, но они не видят эту форму до тех пор, пока не кликнут по ссылке или кнопке.
Вот пример двухэтапной opt-in формы:
Календарь контент-маркетинга на 2020 год
Кнопка: «Скачать бесплатный календарь»
Всплывающее окно: Куда мы можем отправить ваш (бесплатный) календарь контента на 2020 год?
Поле: Email-адрес
Кнопка: «Отправить мне календарь!»
- Шаг 1: Посетители должны нажать кнопку «Скачать бесплатный календарь!».
- Шаг 2. Посетители вводят свой email-адрес и нажимают кнопку «Отправить мне календарь».
Как видите, opt-in форма не видна сразу.
Плюсы:
- Двухэтапный opt-in использует психологический эффект обязательства (commitment) и последовательности ( consistency). Поскольку посетители выполнили первый шаг («кликните по ссылке или кнопке»), они с большей вероятностью выполнят второе действие («введите свой email-адрес»).
- Opt-in форма появляется только тогда, когда посетители кликают по кнопке/ссылке призыва к действию (CTA), поэтому она не отвлекает и не раздражает их.
Минусы:
- Вы должны убедиться, что CTA-кнопка или ссылка хорошо видна на странице, иначе посетители могут не заметить ее.
Заметьте:
Одноэтапный opt-in отличается от single opt-in, так же как и двухэтапный opt-in — это не то же самое, что double opt-in. Проясним эти понятия.
Double opt-in и single opt-in различаются по наличию письма-подтверждения. То есть в случае с double opt-in посетитель должен дважды подтвердить свое желание получать письма: когда он подписывается через форму, то получает электронное письмо со ссылкой (подтверждение). Он должен перейти по этой ссылке, чтобы официально стать подписчиком. Первое действие — заполнить форму, а второе — кликнуть по ссылке в письме и подтвердить свое желание:
Спасибо за подписку!
На вашу почту отправлено подтверждение
Кнопка: «Перейти к покупкам»
Single opt-in означает, что посетитель совершает одно действие: он подписывается через форму и автоматически добавляется в ваш список рассылки без подтверждения по электронной почте нет. Например:
Советы по правописанию, грамматике и коммуникации на ваш почтовый ящик
Вы успешно подписались на обновления блога Grammarly
В то же время одноэтапный opt-in и двухэтапный opt-in различаются по количеству кликов (шагов), которые необходимо выполнить посетителям для отправки формы.
Одноэтапный или двухэтапный opt-in: что выбрать?
Ни один из них не хуже и не лучше другого. Оба вида opt-in способны эффективно генерировать лиды.
Тем не менее, существуют ситуации, когда разумнее использовать какой-то один из них. Например:
- Если вы планируете показывать exit popup на странице оформления заказов и предлагать посетителям скидку 50%, вам не нужна двухэтапная форма. Все потому, что бонус сам по себе здесь достаточно убедителен, и вам нужно, чтобы посетители совершили покупку как можно быстрее.
- Если вам нужно запросить не только имя и адрес электронной почты, но и, например, пол, возраст, размер и т. д., следует использовать двухэтапную или даже многошаговую (мультистеп) opt-in форму. Эта функция, поддерживаемая в редакторе лендингов LPgenerator, позволит вам существенно увеличить конверсию и лояльность пользователей, за счет поэтапного (по мере заполнения) показа запрашиваемой информации (полей лид-формы). То есть, после заполнения и отправки одного или нескольких полей, посетителю потребуется нажать на специальную кнопку (например, «Далее») для того, чтобы перейти к заполнению последующих. При этом необходимые для ввода поля появляются на одной и той же странице. Подробнее о настройке мультистеп-формы можно почитать здесь.
- Google наказывает за мобильные всплывающие окна, возникающие сразу же после перехода посетителя на страницу из результатов поиска или во время просмотра страницы. В этом случае лучше всего использовать двухэтапный opt-in.
Двухэтапные opt-in формы: примеры
Приведенные ниже примеры могут послужить источником идей для создания opt-in формы, которая будет работать конкретно на вас.
1. Forever 21
Forever 21 — американская сеть магазинов модной одежды по низким ценам.
Их двухэтапная opt-in форма очень проста.
Попав на их сайт, покупатели видят слева «липкую» CTA-кнопку «Приглашай друзей и зарабатывай»:
Сайт Forever 21
Желтая кнопка: «Приглашай друзей и зарабатывай»
Она расположена на домашней странице, а также на всех остальных страницах сайта.
Эта маленькая желтая кнопка определенно вызывает интерес у значительной части покупателей Forever 21 и желание кликнуть по ней, чтобы узнать больше.
При нажатии на кнопку появляется всплывающее окно, предлагающее покупателям привлекательный стимул:
Получи $15 за каждого приведенного клиента
Ваш друг получит скидку 20% на свой первый заказ, если он будет больше $50. А вы получите $15 за каждого такого приведенного друга.
Поле: Введите email-адрес
Флажок: Подписаться на письма от Forever 21
Кнопка: «Пригласить друзей»
Хотя скидка в $15 не каждого сподвигнет на действие, она, безусловно, окажет определенное влияние. Двухэтапный opt-in обеспечивает приятный переход: сначала покупатели нажимают кнопку, чтобы узнать о предложении, и после этого сразу же получают стимул к действию.
Также обратите внимание на то, что всплывающее окно появляется в виде лайтбокса, чтобы привлечь внимание посетителей и доминировать на переднем плане, в то время как остальная часть страницы отходит на задний план. Это позволяет посетителям полностью сосредоточиться на предложении.
Маленький флажок «Подписаться на письма от Forever 21» под полем ввода email-адреса уже выделен по умолчанию. Если покупатели не снимут выделение, то они будут автоматически добавлены в список рассылки Forever 21. Так как он едва различим, покупатели, скорее всего, его не заметят.
Преимущества двухэтапной opt-in формы Forever 21:
- Она простая.
- Она предлагает ощутимую ценность в виде 20% скидки для приглашенных друзей и скидки в $15 для приглашающих покупателей (при выполнении определенных условий).
- Она заставляет покупателей сосредоточиться на сделке, создавая четкий контраст с фоном.
Это некоторые из основных принципов двухэтапной opt-in формы, и с ними трудно ошибиться.
2. Pura Vida
Pura Vida — это бренд браслетов и аксессуаров ручной работы. На их сайте с чистым веб-дизайном можно увидеть много красивых фотографий браслетов на моделях.
Одна из первых вещей, которую замечают покупатели при посещении лендинга Pura Vida, — это кнопка в левой части экрана с надписью «Получите браслет бесплатно».
Сайт Pura Vida
Кнопка слева: «Получите браслет бесплатно»
Она мгновенно возбуждает любопытство покупателей. В конце концов, кто откажется от бесплатной вещи?
После нажатия на него появляется popup-окно с предложением:
Ограниченное по времени предложение!
223 428 людей уже поделись этим предложением со своими друзьями
Получите $10!
А ваши друзья получат скидку 50% на свой первый заказ
*при сумме заказа от $40 и выше
Поле: Введите ваш email
Флажок: Подписаться на нашу рассылку
Кнопка: «Пригласить друзей»
Вы можете спросить: «Хм, а где же бесплатные браслеты?» Ответ: на сайте Pura Vida есть много браслетов с фирменной символикой стоимостью всего $10:
Браслеты на сайте Pura Vida
Во многих случаях этого будет достаточно, чтобы посетители предприняли действие и оставили свой email-адрес.
Преимущества этой двухэтапной opt-in формы:
- Первая CTA-кнопка содержит слово «Free» (бесплатно), которое помогает привлечь внимание посетителей. Интересующиеся браслетами покупатели с большой вероятностью кликнут по этой кнопке.
- Всплывающее окно после клика — прямолинейное и имеет захватывающий заголовок «Получи $10 бесплатно». И снова здесь встречается слово «Free».
- Всплывающее окно после клика использует эффект срочности («Ограниченное во времени предложение») и социальное доказательство, чтобы завоевать доверие и побудить покупателей к быстрым действиям. Вы с большей вероятностью поделитесь информацией о Pura Vida со своими друзьями, зная, что 213 580 людей уже сделали это, не так ли?
- Несмотря на то, что предложение содержит условие (приглашенный друг получает 50% скидку, если потратит $40 или больше), это, несомненно, сильный стимул.
Если сложить все это вместе, вы поймете, почему эта двухэтапная opt-in форма такая эффективная. Здесь определенно есть чему поучиться, чтобы максимизировать свой коэффициент конверсии.
3. Marie Forleo
Мари Форлео (Marie Forleo) — предприниматель, меценат, основательница B-School и ведущая Marie TV. Ежемесячно ее блог привлекает тысячи читателей.
Лендинг Мари, безусловно, выполняет свою работу и эффективно вызывает интерес к блогу. Он содержит много фотографий Мари и отзывов клиентов, что помогает завоевать доверие новых посетителей. А также он включает в себя 2-этапную opt-in форму.
Вы не увидите кнопку подписки, пока не прокрутите страницу вниз:
Сайт Marie Forleo
Правый нижний угол: «Не уходи, не став Инсайдером MF»
Кнопка «Сделать это»
В двух предыдущих примерах покупателям взамен на их email-адрес предлагалась скидка. Мари Форлео показывает, что существуют и другие способы заполучить email-адреса посетителей. На ее сайте мы видим надпись «Не уходи, не став Инсайдером MF» и CTA-кнопку «Сделать это». Это не то же самое, что «Получи скидку 10%» или «Получи курс стоимостью $1000», но эти слова достаточно убедительны, чтобы привлечь внимание посетителей.
Когда посетитель кликает на кнопку, возникает полноэкранное всплывающее окно (также называемое экраном-заставкой) с другой CTA-кнопкой, которая словно выпрыгивает со страницы:
Не думаю, что я когда-то подписывалась на что-либо и в тайне желала получать как можно больше писем (Кэйтлин)
Стань инсайдером MF
Радуйтесь новым письмам
Поле 1: Ваше имя
Поле 2: Email-адрес
Кнопка: «Да, пожалуйста!»
Поскольку цвет фона бледный, черный цвет кнопки хорошо выделяется и притягивает к себе внимание.
Кроме того, всплывающее окно содержит отзыв, что помогает завоевать доверие посетителей.
4. Gate Notes
Gate Notes — это блог Билла Гейтса (Bill Gates), где он делится своими знаниями, опытом и книгами. В отличие от 3-х вышеуказанных веб-сайтов, Gate Notes применяет иной подход при использовании двухэтапной opt-in формы.
При первом посещении Gate Notes и прокрутке страницы вниз вы увидите это всплывающее окно:
Стань инсайдером Gate Notes
Присоединяйся к сообществу Gate Notes и получи доступ к эксклюзивному контенту, комментированию историй, участию в гивэвеях и многому другому.
Кнопка: «Зарегистрироваться»
Уже присоединился? Ссылка: Войти
Оно выглядит как обычное всплывающее окно, но с одним небольшим отличием: здесь нет полей для ввода имени и email-адреса. Эти поля отображаются только после нажатия кнопки «Зарегистрироваться»:
Слева:
Стань инсайдером Gate Notes
Присоединяйся к сообществу Gate Notes и получи доступ к эксклюзивному контенту, комментированию историй, участию в гивэвеях и многому другому.
Уже присоединился? Кнопка: «Войти»
Справа:
Зарегистрироваться
Войти с помощью аккаунта в социальной сети
Или зарегистрироваться с помощью email-адреса:
Имя, Фамилия
Email-адрес
Пароль
Начните вводить вашу улицу и номер дома
Не можете найти свой адрес? Ссылка: кликните здесь
Кнопка: «Зарегистрироваться»
Достоинство этой двухэтапной opt-in формы в том, что она перечисляет преимущества, которые получат подписчики. Она сообщает пользователям, какую именно ценность они получат при регистрации, а именно: доступ к эксклюзивному контенту, возможность комментировать истории и участвовать в гивэвеях.
5 советов по настройке эффективной двухэтапной opt-in формы
Создать двухэтапную opt-in форму не сложно. В редакторе LPgenerator это займет у вас считанные секунды. Но если вы хотите создать форму, которая будет действительно конвертировать, придется приложить больше усилий.
К счастью, ниже вы найдете 5 важных рекомендаций, которые помогут улучшить вашу двухэтапную opt-in форму:
1. Расположите первый CTA должным образом
От того, где вы разместите первую CTA-кнопку, зависит, сколько кликов она получит от посетителей. Если вы хотите разместить ее сбоку страницы, то лучше всего сделать это выше линии сгиба (above the fold), там, где пользователи могут увидеть ее без необходимости прокручивать страницу. Обычно это будет недалеко от верхнего левого или правого угла страницы.
Кнопка в левом нижнем углу: «Получи $10»
Однако все зависит от макета вашего лендинга. Отрасли отличаются друг от друга, как и посадочные страницы. Не существует правильного или неправильного размещения CTA-кнопки на сайте. Лучше всего перед принятием окончательного решения провести сплит-тестирование.
2. Предложите стимул
Если вы хотите чего-то от посетителей, вам нужно что-то предложить им взамен. Это то, о чем вы всегда должны помнить, когда разрабатываете opt-in форму.
Хоть это и звучит как сделка, помните: электронная почта в 40 раз эффективнее привлекает новых клиентов, чем Facebook и Twitter. Так что предложить небольшой стимул — это совсем неплохая идея, верно?
Вы можете предоставить скидку, бесплатную доставку, подарок, контент, членство и любой другой лид-магнит, при условии, что он представляет реальную ценность для посетителей.
3. Измените текст призыва к действию
В наши дни такие слова, как «Подписаться» или «Зарегистрироваться», кажутся скучными. Увидев такое всплывающее окно, ваши посетители могут сразу же нажать кнопку «Нет, спасибо».
Думайте о CTA как о точке принятия решения. Это то, что убеждает посетителей нажать кнопку (или нет). Таким образом, слова, которые вы используете, должны заставлять посетителей действовать незамедлительно.
Вот несколько советов:
- Призыв к действию должен быть коротким (5-7 слов) и понятным.
- Используйте в тексте первое лицо, например, «Получить мою 10%-скидку», чтобы посетители чувствовали, что они уже обладают этим предложением.
Например:
Получи скидку 10%
Привет! Подпишись на нашу рассылку и получи скидку 10%, а также первым узнавай о новых поступлениях, распродажах и скидках!
Поле: Введите email-адрес
Флажки: Женщины, Мужчины, Все
Кликнув по кнопке «Получить мой купон», вы соглашаетесь получать нашу рассылку о новых поступлениях, распродажах и скидках. Вы можете отписаться от нее в любое время.
Ссылка: Политика конфиденциальности
Кнопка: «Получить мой купон»
Ссылка: Нет, спасибо. Я хочу просто продолжить покупки.
В этом примере CTA-кнопка понятна, читаема и распознаваема с первого взгляда. Она также связана с заголовком и описанием. Кроме того, здесь используется формулировка от первого лица («Мой купон»), чтобы у подписчиков появилось чувство обладания этим предложением. Это повышает вероятность того, что новые посетители подпишутся.
Благодаря тому, что вместо кнопки «Нет, спасибо» здесь находится кликабельный текст («Нет, спасибо. Я хочу просто продолжить покупки»), черная CTA-кнопка выделяется сильнее.
4. Добавьте отзывы
Большинству людей нравится чувствовать себя частью чего-то большего. Они с большей вероятностью подпишутся на вас, если узнают, что другие люди уже сделали это.
Чтобы добавить отзывы в opt-in форму, вы можете указать количество ваших подписчиков (помните двухэтапную opt-in форму у Pura Vida?). Даже если их немного, это сыграет вам на руку.
5. Используйте эффект срочности
Во-первых, существует одна вещь, которую многие ненавидят. И это — принятие решений. В некоторых неотложных ситуациях люди просто действуют, не задумавшись.
Во-вторых, мы откладываем решение о покупке до тех пор, пока не найдем более выгодное предложение, более качественный продукт или что-то другое, от чего мы не сможем отказаться.
Исходя из этого, один из способов конвертировать новых посетителей — использовать эффект срочности, ограничив доступность предложения. Вы также можете использовать эту технику для своей opt-in формы. Проще говоря, сделайте предложение доступным только при первом посещении или добавьте дату истечения срока действия к скидке/купону. Diamond Candles отлично справился с этим:
Присоединяйся и получи скидку 20% на все цилиндрические свечи!
при подписке на нашу рассылку
Ограниченное по времени предложение
[таймер обратного отсчета]
Поле: Введите свой email здесь
Кнопка: «Получить промокод на скидку 30%»
Вместо заключения
Единственный точный способ определить, какая opt-in форма будет конвертировать лучше для вашего конкретного предложения и аудитории, — это провести сплит-тестирование. А затем, спустя некоторое время, провести еще одно.
Сплит-тесты позволяют избежать заблуждений о любых изменениях на вашем лендинге, ведь они предоставляют вашим пользователям возможность ответить самим. А платформа LPgenerator поможет вам с настройкой и организацией сплит-тестов для ваших лендингов.
Надеемся, что эта статья дала вам четкое понимание двух типов opt-in форм и полезные идеи, которые вы можете использовать в своей кампании.
Высоких вам конверсий!
По материалам: leadpages.comИзображение: freepik.com
