Сожмите страницу 101: все, что вам нужно знать о них
Опубликовано: 2022-05-02Хотите привлечь больше посетителей в свою воронку? А потом конвертировать их в своих подписчиков, а еще лучше — в клиентов?
Есть простое решение: The Squeeze Page.
Страница выдавливания — это мини-целевая страница с единственной целью — «выжать» контактную информацию из посетителей вашего сайта.
Сегодня я расскажу о шести основных элементах, из которых состоит сквиз-страница с ВЫСОКОЙ КОНВЕРТИРУЕМОСТЬЮ, включая примеры, скриншоты и советы.
Давайте погрузимся!
Что такое сжатая страница?
Страница сжатия — это веб-страница с единственной целью: выжать — другими словами, захватить — контактную информацию посетителей вашего сайта.
Вот пример страницы сжатия, которую Sumo Group имеет для SendFox (в качестве домашней страницы):
Squeeze Page и Landing Page: в чем разница?
Целью страницы сжатия является захват адреса электронной почты, телефона, имени и т. д. вашего посетителя. Чем это отличается от обычной целевой страницы?
Самая большая разница между страницей сжатия и целевой страницей заключается в том, что целевая страница служит более широкому спектру целей и задач. Он может быть разработан для сбора контактной информации, а также для того, чтобы заставить кого-то купить продукт, запросить предложение и т. д.
Однако еще одно очевидное различие между ними — это длина. Страница сжатия в основном находится в верхней части сгиба, а это означает, что вашим посетителям не нужно прокручивать страницу, чтобы увидеть весь контент.
Целевая страница обычно намного длиннее. Вы должны прокрутить, чтобы увидеть все. Целевая страница обычно пытается что-то продать или убедить посетителей купить, в то время как страница сжатия пытается быстро получить часть информации от ваших посетителей.
Посмотри:
Сжать страницу
Целевая страница
Страница сжатия может быть даже в виде всплывающего окна, например приветственного коврика. Но не все всплывающие окна такие же, как страница сжатия.
Приветственные коврики отличаются тем, что они занимают весь экран, в отличие от обычного всплывающего окна, которое занимает лишь небольшую часть.
Я объясню, как создать страницу сжатия с помощью приветственного коврика Sumo в последнем разделе этого руководства. А пока давайте рассмотрим каждый из компонентов успешной страницы сжатия.
Теперь каждая большая страница сжатия состоит из шести элементов. Мы разберем каждый из них и покажем вам, как создать собственную успешную страницу сжатия.
Сожмите элемент страницы № 1: отличное предложение
Самый важный элемент страницы сжатия — это предложение. Если ваше предложение соответствует действительности, остальные элементы (почти) не имеют значения.
Ваше предложение должно соответствовать тому, что хотят ваши клиенты; это должно быть актуально. Я вижу слишком много компаний, предлагающих то, на что их клиентам наплевать.
Если ваши посетители попадают на страницу блога о маркетинге по электронной почте, не пытайтесь заставить их подписаться на стандартное руководство по развитию вашего бизнеса. Хотя это в некоторой степени актуально, это все еще слишком далеко от того, чего они действительно хотят (совет по электронной почте).
Лучшим предложением в этом случае будет руководство именно по электронному маркетингу.
Вот некоторые примеры:
Менее идеальное предложение:
Хотя это бесплатное обучение от Copyblogger прекрасно, оно не супер убедительно, потому что оно слишком универсальное. «Превосходные бизнес-результаты» не относятся ко мне и моему конкретному бизнесу. [ * ]
Отличное предложение:
Эта страница сжатия на сайте Нила Пателя является гораздо лучшим предложением, потому что каждый, кто заходит на его сайт, ищет одну вещь: больше трафика на свой сайт. Так что это гораздо лучший матч. [ * ]
В дополнение к актуальности, это должно быть легко. Я, вероятно, не откажусь от своей электронной почты ради какого-то одностраничного универсального руководства. Но я мог бы сделать это, например, чтобы разблокировать остальные видео из серии, которой я уже увлечен.
Сделайте это так хорошо, что они не смогут игнорировать вас!
Сожмите элемент страницы № 2: убийственный заголовок
Ваш заголовок, скорее всего, единственное, что прочитает большинство посетителей вашего сайта. Поэтому он должен быть большим, смелым и заманчивым. В противном случае вы потеряете своих посетителей еще до того, как они узнают, что вы предлагаете.
Например, взгляните на эту страницу сжатия на сайте моего друга Джейкоба МакМиллена: [ * ]
Первое, что вы видите, это его заголовок: «Постройте шестизначный бизнес по написанию статей за следующие 12 месяцев».
Это СМЕЛОЕ заявление. Но будь я проклят, если это не привлечет твоего внимания!
Это работает так хорошо, потому что:
Он большой, смелый и выделяется.
Это серьезное обещание.
Если вы верите тому, что он говорит, регистрация не представляет никакой сложности.
Если ваше предложение великолепно, написать отличный заголовок несложно. Просто скажите своим посетителям, что именно они получат, когда зарегистрируются. Если это не звучит заманчиво, то ваше предложение, вероятно, недостаточно хорошо. Вернитесь к первому шагу.
Сожмите элемент страницы № 3: потрясающая вторичная копия
В предыдущем примере вы видели, что у Джейкоба есть вторичная копия после заголовка. Эта дополнительная копия — ваш шанс справиться с возражениями и предоставить дополнительную информацию, чтобы заключить сделку для посетителей, которые читают дальше вашего заголовка.
Подумайте об этом так: ваш заголовок — это ваш рекламный щит, а ваш вторичный текст — это ваш продавец по телефону, когда они звонят по номеру, указанному на вашем рекламном щите.
Вот пример из Formilla: [ * ]
Их подход отличается простотой; они говорят вам именно то, что вы получаете в одном предложении. Посмотрите, кто есть на вашем сайте, и пообщайтесь с ними прямо сейчас.
Если вам нужно программное обеспечение для живого чата, это не проблема.
При создании вторичной копии учитывайте следующее:
Чего хочет ваш клиент?
Как вы можете убедить их, что они получат то, что хотят, с вашей вторичной копией?
Какие у них могут быть возражения? Например, не посчитают ли они ваше предложение слишком трудоемким? Слишком трудно? Не собираешься выполнять свое обещание? Используйте свою копию, чтобы преодолеть эти возражения.
Например, допустим, у вас есть 20-страничное руководство по созданию собственного блога. Люди могут подумать: «20 страниц? Это слишком много для меня!
Вы можете преодолеть это возражение, сказав что-то вроде: «В среднем людям требуется всего X дней, чтобы закончить и внедрить наше руководство и запустить свой собственный блог» или «Большинство из 20 страниц — это скриншоты, которые точно показывают, что нужно делать». сделать и где нажать».
Элемент Squeeze Page Element #4: пуленепробиваемый призыв к действию (CTA)
Ваш призыв к действию (CTA) СУПЕР важен. Если он сливается с фоном или не привлекателен, люди не будут нажимать на него.
В последнем примере призыв к действию был «Зарегистрируйтесь БЕСПЛАТНО». Бесплатно — это мощное триггерное слово, которое может помочь вам получить больше кликов. Некоторые другие триггерные слова, которые вы можете использовать, включают:
Обнаружить
Гарантия
Способствовать росту
Излечивать
Элита
Инсайдер
Превосходить
Ознакомьтесь с нашим полным списком из 101 триггерного слова здесь.
Помимо формулировки, имеет значение и цвет. Я не говорю об использовании определенного цвета, например красного, для повышения конверсии. Ни один цвет не работает везде.
Вместо этого вам нужен цветовой КОНТРАСТ на CTA. Цвет вашей кнопки должен выделяться на фоне фона и другого текста на странице, но при этом соответствовать цветовой палитре.
Например, в Bank My Cell основные цвета — бирюзовый и темно-синий, а цвета CTA — розовые, благодаря чему они выделяются: [ * ]
К тому же, как тут не нажать на гигантскую кнопку с надписью «ПОЛУЧИТЕ ЗАПЛАТИТЬ», я прав?
Чтобы помочь вам найти правильный цвет для CTA, используйте такой инструмент, как Paletton. Поместите свой основной цвет в инструмент, затем выберите параметр « Триада ».
В приведенном выше примере основной цвет вашего сайта фиолетовый, а CTA должен быть зеленым или желтым. В этом случае я бы использовал желтый, так как более теплые цвета (красный, оранжевый, желтый и т. д.) больше привлекают внимание, чем более холодные (синий, зеленый, фиолетовый и т. д.).
Нажмите кнопку ТАБЛИЦЫ / ЭКСПОРТ , чтобы получить цветовые коды.
Сожмите элемент страницы № 5: социальное доказательство
На данный момент мы не видели примеров сжатия страниц с использованием социального доказательства. Трудно уместить все это на одной странице без прокрутки, но если вы можете справиться с этим (без того, чтобы страница стала уродливой или загроможденной), социальное доказательство может улучшить ваши конверсии.
Под социальным доказательством я подразумеваю отзывы или статистику, которые доказывают, что людям нравится ваше предложение. Например, у Double Your Freelancing есть специальная страница для их курса электронной почты. [ * ]
Этот отзыв привлекает внимание своей 5-звездочной оценкой и, что еще лучше, датой его получения. Это добавляет дополнительный уровень доверия, чтобы показать, что это настоящий отзыв.
Еще один способ предоставить социальное доказательство — сообщить, сколько людей уже подписалось на ваше предложение, например, как мы это делаем на главной странице FAM:
Мы упоминаем, как FAM помог пользователям получить более миллиона долларов дохода. Если FAM уже работал для других клиентов, есть вероятность, что он сработает и для посетителей, которые все еще сомневаются.
Сожмите элемент страницы № 6: простая и понятная форма
Я буду краток и сладок…
НЕ иметь слишком много вариантов формы.
У вас должен быть только один вариант формы; два максимум. В первую очередь вам нужен их адрес электронной почты, но вы также можете узнать их имя, если оно вам действительно нужно. Посмотрите, как это делает Ной Каган, на странице рассылки электронной почты: [ * ]
Если вам нужна дополнительная информация, не запрашивайте ее, пока ПОСЛЕ того, как ваш посетитель не отправит свое первоначальное электронное письмо, например, через двухэтапную страницу сжатия. Сначала они вводят свой адрес электронной почты или нажимают кнопку, ЗАТЕМ вы запрашиваете любую дополнительную информацию, которая может вам понадобиться.
Например, на домашней странице Sumo есть ОДНА форма для URL-адреса веб-сайта.
Как только посетители нажмут кнопку « Поехали!» кнопку, мы запрашиваем их адрес электронной почты и новый пароль для создания учетной записи Sumo.
Это работает, потому что, как только люди берутся за что-то, они с большей вероятностью доведут дело до конца. Но они могут не совершить, если они знают всю работу, которая связана с этим. Так что прячьте работу, пока они не продемонстрируют свою приверженность, нажав кнопку CTA.
Как создать страницу Instant Squeeze с помощью приветственного коврика Sumo
Готовы создать свою страницу сжатия? Вот пятишаговое руководство по созданию страницы сжатия с помощью Sumo Welcome Mat.
Шаг 1: Зарегистрируйтесь в Sumo (бесплатно) и добавьте свой веб-сайт
После того, как вы зарегистрируетесь в Sumo (если у вас есть существующая учетная запись Sumo, перейдите на панель инструментов Sumo), нажмите кнопку + Добавить новый сайт .
Затем просто следуйте инструкциям, чтобы настроить его на своем сайте!
Шаг 2: Создайте форму приветственного коврика
Перейдите на страницу Формы и нажмите + Создать новую форму.
Измените тип формы на приветственный коврик.
Создайте свою форму так, как вам нравится! Выберите шаблон, который вам нравится, и начните редактировать текст. Лично мне нравится шаблон Brand .
Шаг 3: Создайте свою копию и спроектируйте свою страницу сжатия
Чтобы создать свою страницу сжатия:
Смените логотип на свой логотип или удалите его вовсе.
Обновите свою копию, чтобы отразить ваше предложение.
Измените шрифт и цвета, чтобы они соответствовали вашему бренду.
Измените копию CTA.
Измените фон на изображение, которое подходит вашему бренду (или сплошной цвет). Для этого щелкните фоновое изображение и нажмите «Удалить» на клавиатуре.
Вот как выглядит мой после выполнения всего вышеперечисленного:
Шаг 4: уточните детали и привяжите свой приветственный коврик к списку адресов электронной почты
После того, как вы закончите дизайн, просто выполните остальные настройки формы одну за другой. Настройте видимость (мне нравится Smart Mode) и решите, что произойдет, когда они нажмут на ваш призыв к действию.
Например, если вы предлагаете загрузку, создайте электронное письмо со ссылкой для загрузки. Для получения дополнительной помощи по отправке приветственного письма ознакомьтесь с этим руководством.
Наконец, подключите форму к почтовому сервису. Вы можете использовать Sumo в качестве службы электронной почты или связать ее с другой службой, например SendFox.
Чтобы связать его с Sumo, не подключайтесь к какой-либо службе электронной почты. Просто создайте электронное письмо, которое вы хотите отправить, в своей учетной записи Sumo, затем выберите список, на который вы хотите отправить подписчиков.
Вы можете создавать новые группы, если хотите сегментировать свой список. И вы можете отправлять письма этим подписчикам напрямую через свою учетную запись Sumo. Тебе решать!
Шаг 5: Тестируйте все!
Не забудьте посетить свою страницу сжатия на ноутбуке или настольном ПК, а также на мобильном устройстве, чтобы убедиться, что она хорошо выглядит и работает правильно!
Дополнительные сведения о создании и тестировании приветственного коврика см. в следующих справочных статьях:
Подробнее о приветственном коврике
Подробнее о выполнении тестов
Когда жизнь дает вам онлайн-трафик, вы его «выжимаете»
Вот краткое изложение того, что мы узнали:
Страница сжатия — это простая целевая страница, единственная цель которой — заставить посетителей вашего сайта покупать или подписываться.
Лучшие страницы сжатия используют социальное доказательство, отличный текст и кнопку призыва к действию контрастного цвета, чтобы получить больше конверсий.
Однако ваше ПРЕДЛОЖЕНИЕ важнее любой из этих вещей. Начните с того, что вы на самом деле даете людям, а затем работайте над деталями.
Отличный дизайн также важен. Если у вас есть отличное предложение, но уродливая и устаревшая страница сжатия, вы можете потерять доверие своих посетителей.
Протестируйте свою страницу сжатия на нескольких устройствах и в нескольких браузерах.
Теперь все кончено. Собираетесь ли вы создать страницу сжатия? Если вы уже это сделали, как это сработало для вас? Дайте нам знать в комментариях ниже!