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

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

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

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

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

Итак, что отличает тех, кто не добивается загрузки электронных книг, от тех, кто им занимается? Спросите Sujan Patel, соучредителя Right Inbox, и он скажет вам, что, по крайней мере частично, это знание того, как создать привлекательную целевую страницу.

Всего за 30 дней он и его партнер написали электронную книгу под названием «100 дней роста», а с помощью целевой страницы Instapage после клика они сгенерировали 10 000 загрузок всего за шесть месяцев.

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

20 критических замечаний по целевой странице электронной книги, из которых можно поучиться

(Имейте в виду, что для более коротких целевых страниц электронной книги мы показываем всю страницу. Однако для более длинных страниц мы отображаем только верхнюю часть страницы. Возможно, вам придется перейти на каждую целевую страницу электронной книги, чтобы увидеть некоторые моменты, которые мы Кроме того, некоторые из перечисленных брендов могут проводить A / B-тестирование своей страницы с альтернативной версией, отличной от указанной ниже.)

1. Microsoft

Что они сделали хорошо:

• В заголовке подчеркивается, что руководство будет «быстрым», легким для понимания и наполненным «самыми важными выводами в области безопасности за 2016 год».
• Подзаголовок использует слово «бесплатно», чтобы побудить посетителей запросить ресурс бесплатно.
• Минимальная копия делает эту страницу удобной для восприятия.
• Маркированный текст дает читателям возможность предварительно ознакомиться с содержанием книги.
• Текст над формой позволяет потенциальным клиентам узнать, что им необходимо заполнить форму, чтобы получить электронную книгу, и использует слово «сейчас», чтобы сообщить, что ресурс будет доступен немедленно.

Что проводить A / B-тест:

• Логотип, связанный с главной страницей, дает посетителям возможность уйти, не нажимая кнопку CTA.
• Этот цвет кнопки CTA мог бы привлечь больше внимания.
• Каждое поле формы является обязательным. Действительно ли Microsoft нужно знать всю эту информацию?

2. Salesforce

Что они сделали хорошо:

• Слово «бесплатно», написанное в форме, указывает на бесплатный характер предложения.
• Значки доверия позволяют посетителям узнать, что их информация в безопасности.
• Минимальное количество текста на этой странице облегчает понимание.
• Изображение показывает потенциальным клиентам, что они получат, конвертируясь.

Что проводить A / B-тест:

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

3. HubSpot

Что они сделали хорошо:

• Логотипы без гиперссылок не дают потенциальным клиентам возможности скрыться со страницы.
• Заголовок «Как сделать» говорит о пользе.
• Маркированная копия быстро сообщает о преимуществах загрузки.
• Заявление от первого лица в верхней части формы добавляет странице убедительности.
• Неотмеченные поля согласия не позволяют спискам рассылки HubSpot заполняться незаинтересованными подписчиками. Они не являются полями для подписки, если они предварительно отмечены. В этом случае они отказываются.
• Минималистичный нижний колонтитул не позволяет посетителям покинуть страницу по ссылкам ниже.

Что проводить A / B-тест:

• Длинная форма с 11 обязательными полями может отпугнуть посетителей.
• Мягкий цвет кнопки CTA делает эту кнопку менее привлекательной, чем могла бы быть.

4. Маховик

Что они сделали хорошо:

• Слово «бесплатно» дает посетителям понять, что им не придется платить за электронную книгу.
• Текст, разбитый на части, делает этот контент легко читаемым.
• Взаимодействующие призывы к действию работают вместе, чтобы заставить посетителя скачать.
• Краткий предварительный просмотр глав позволяет потенциальным клиентам узнать, что они получают в обмен на свою личную информацию.

Что проводить A / B-тест:

• Логотип, связанный с главной страницей , упрощает задачу потенциальным клиентам.
• Ссылка в нижнем колонтитуле служит выходом со страницы.

5. Upwork

Что они сделали хорошо:

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

Что проводить A / B-тест:

• Логотип с гиперссылкой на главную страницу позволяет посетителям покинуть страницу до конверсии.
• Этот заголовок может более четко сообщить о пользе. Означает ли «Быстрый путь к отличному дизайну» то же самое, что и «Руководство современного маркетолога по найму внештатных дизайнеров»? Не к нам. Что-то вроде «Как определить, нанять и удержать лучших внештатных дизайнеров» звучит намного яснее.
• Логотипы внизу изображения электронной книги показывают Upwork и HubSpot. Если эта электронная книга является соавтором HubSpot, упоминание этого, безусловно, добавит убедительности странице, поскольку маркетинговая компания из Кембриджа является лидером отрасли.
• Ссылки на социальные сети в нижнем колонтитуле позволяют потенциальным клиентам уйти, прежде чем заполнить форму.

6. Firebrand Group

Что они сделали хорошо:

• Заголовок предлагает бесплатный ресурс.
• Изображение показывает посетителям, что они получат, когда введут свою информацию и нажмут кнопку CTA.
• Маркированный текст передает преимущества чтения электронной книги.
• Короткая форма упрощает преобразование.

Что проводить A / B-тест:

• Эту кнопку с призывом к действию легко пропустить.
• Призыв к действию «Отправить» не вызовет у потенциальных клиентов энтузиазма к конверсии.
• Загруженный нижний колонтитул дает посетителям слишком много путей эвакуации.

7. Основатель

Что они сделали хорошо:

• Заголовок конкретного тематического исследования позволяет пользователям учиться на примерах, шаг за шагом.
• Это изображение демонстрирует контент, доступный для ознакомления.
• Эта короткая форма упрощает преобразование.
• Маркированная копия быстро сообщает о преимуществах предложения.
• Минимальный текст облегчает просмотр этой страницы.
• Эту кнопку CTA легко заметить.
• В призыве к действию используется слово «бесплатно».
• Минималистичный нижний колонтитул позволяет потенциальным клиентам сосредоточиться на конвертации.

Что проводить A / B-тест:

• Ссылки в верхней части страницы позволяют посетителям легко уйти.

8. Атомный охват

Что они сделали хорошо:

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

Что проводить A / B-тест:

• Заголовок, сбивающий с толку, заставляет читателей ломать голову. Оптимизация языка? «Зарядить свой контент»? Что это вообще значит?
• Ярлыки в полях форм могут сбивать с толку и расстраивать посетителей, когда они исчезают, а люди, заполняющие их, не помнят, что они набирали.

9. Просто разместите его

Что они сделали хорошо:

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

Что проводить A / B-тест:

• Больше белого пространства сделало бы эту страницу более приятной для глаз.
• Изображение клавиатуры , похоже, не соответствует контексту предложения.
• Логотип с гиперссылкой на главную страницу позволяет посетителям покинуть страницу до конверсии.

10. GaggleAMP

Что они сделали хорошо:

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

Что проводить A / B-тест:

• Отсутствие белого пространства на этой странице делает ее загроможденной.
• Текст блока выглядит утомительно для чтения.
• Эта кнопка CTA крошечная, и ее трудно найти, даже если ее цвет привлекает внимание.
• CTA «Отправить» настолько прост и скучен, насколько это возможно.

11. BandV

Что они сделали хорошо:

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

Что проводить A / B-тест:

• Плохая визуальная иерархия делает эту страницу неорганизованной. О пользе должны говорить большие жирные буквы, а не текст под ними. «Загрузите ваше руководство» следует поменять местами с текстом ниже.
• Маркированная копия может подчеркнуть преимущества загрузки. Где это находится? На этой странице мало контента, что обычно является преимуществом, но этого может быть недостаточно.
• Логотип, связанный с домашней страницей, облегчает потенциальным клиентам побег.
• Две разные цели конверсии - «запросить консультацию» в правом верхнем углу и «скачать» в форме - конкурируют за конверсии и отвлекают друг друга.
• Этот цвет кнопки CTA не привлекает внимания, как должен.
• CTA «Скачать» не заставляет нас скачивать. Это ты?

12. Восходящие предприятия

Что они сделали хорошо:

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

Что проводить A / B-тест:

• Заголовок, написанный полностью заглавными буквами, создает впечатление, что автор кричит на читателя.
• Эти преимущества легко заметить, но они невероятно сенсационны. Стать «лидером отрасли»? Получайте «11+ лидов в день»? Нет ничего плохого в том, чтобы гарантировать результаты, если они реалистичны и достижимы для всех, кто читает электронную книгу.

13. PhotoWorkout

Что они сделали хорошо:

• В этом заголовке используется слово «бесплатно». Кому не нравятся бесплатные вещи?
• Подзаголовок использует психологический трюк, которому мы все подвержены. То есть мы боимся ошибаться. Вместо того, чтобы позиционировать эту электронную книгу как справочник, используемый для улучшения, этот копирайтер позиционировал ее как ресурс, чтобы фотографы не становились хуже.
• Очень короткая форма с одним полем упрощает преобразование.
• CTA относится к предложению с использованием в нем «электронной книги» и написано от первого лица.
• Сообщение рядом с кнопкой CTA сообщает потенциальным клиентам, что они не будут рассылаться спамом.
• Цвет кнопки CTA привлекает внимание посетителя.
• Изображение показывает пользователям, что они получат, когда конвертируются.

Что проводить A / B-тест:

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

14. Решения Impressa

Что они сделали хорошо:

• В этом заголовке используется вариант слова «вы», самого привлекательного слова в копирайтинге.
• Подзаголовок подчеркивает, что руководство бесплатное.
• Цвет кнопки CTA визуально выделяется на белом фоне этой страницы.

Что проводить A / B-тест:

• Эта стоковая фотография не добавляет ценности странице.
• Логотип, связанный с главной страницей, дает посетителям возможность уйти, не конвертируясь.
• Эта кнопка CTA микроскопическая.
• CTA «Отправить» настолько прост и скучен, насколько это возможно.
• Загруженный нижний колонтитул отвлекает потенциальных клиентов от конверсии.
• Еще два предложения внизу страницы работают против основных целей конверсии страницы.

15. Работа в рамках кампании

Что они сделали хорошо:

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

Что проводить A / B-тест:

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

16. Оптимизировать

Что они сделали хорошо:

• Отсутствие меню навигации означает отсутствие доступного маршрута за пределами этой страницы.
• Заголовок предлагает ценный ресурс: советы экспертов.
• Минимальный текст, разбитый на читаемые куски, упрощает просмотр этой страницы.
• Маркированная копия быстро сообщает о преимуществах предложения.
• Короткая форма упрощает преобразование для потенциального клиента.
• Значки компаний повышают авторитет Optimizely, демонстрируя известные бренды, с которыми они работали.

Что проводить A / B-тест:

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

17. Вертикальные меры

Что они сделали хорошо:

• Изображение служит визуальным представлением предложения.
• Минимальная копия делает эту страницу удобной для восприятия.
• Маркированный текст дает читателям возможность ознакомиться с содержанием книги.
• Текст над формой точно описывает, что пользователи должны сделать, чтобы заявить права на ресурс.
• Социальное доказательство в виде отзывов показывает посетителям, что авторитеты в этой области считают книгу полезной.

Что проводить A / B-тест:

• Логотип, связанный с главной страницей, дает посетителям возможность уйти, не конвертируясь.
• Заголовок мог бы содержать лучшую выгоду. Почему посетители должны претендовать на книгу «Работы по контент-маркетингу»? При загрузке необходимо сделать акцент на сообщении «Преобразуйте свой бизнес за 8 шагов».
• Огромный объем текста делает эту страницу слишком сложной для полного чтения.
• Отсутствие пустого пространства и разделителей делает эту страницу беспорядочной и неорганизованной.
• Такой цвет кнопки CTA позволяет легко ее пропустить.

18. IMPACT Брендинг и дизайн

Что они сделали хорошо:

• Этот заголовок указывает на то, что электронная книга полностью бесплатна.
• В подзаголовке используется слово «простой», чтобы сделать входящий маркетинг легким.
• Изображение служит визуальным представлением предложения, показывая посетителям, что они получат, когда совершат конверсию.
• Маркированная копия подчеркивает преимущества загрузки электронной книги.
• Текст в форме написан от первого лица, что, как показали исследования, может повысить конверсию.
• Минимальный текст делает эту целевую страницу после клика легкой для восприятия.
• Яркий цвет кнопки CTA привлекает внимание потенциальных клиентов.
• Стрелка служит визуальной подсказкой, направляя посетителей к кнопке CTA.
• Слово «сейчас» в CTA сообщает потенциальным клиентам, что они получат электронную книгу, как только нажмут кнопку.

Что проводить A / B-тест:

• Логотип, связанный с главной страницей, дает посетителям возможность уйти, не конвертируясь.
• Ссылки в меню навигации служат выходом со страницы.
• Загруженный нижний колонтитул отвлекает потенциальных клиентов от цели страницы.

19. Воркамаджиг

Что они сделали хорошо:

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

Что проводить A / B-тест:

• Этот заголовок мог бы быть сильнее. Вместо того, чтобы рассказывать посетителям, что такое руководство, расскажите им, что они могут с ним делать. Как насчет «Выберите идеальное программное обеспечение для управления проектами для своей творческой группы высшего образования»? Или, может быть, «Быстро сравните лучшее программное обеспечение для управления проектами на рынке».
• Логотип, связанный с главной страницей, дает посетителям возможность уйти, не конвертируясь.
• Ссылки на социальные страницы уводят потенциальных клиентов со страницы.
• Зеленые пули выглядят неуместно. Если цель состоит в том, чтобы привлечь внимание к преимуществам предложения, лучше подойдет другой текстовый эффект, такой как подчеркивание, курсив или полужирный шрифт.

20. LeadSquared

Что они сделали хорошо:

• Логотип без гиперссылок делает невозможным побег через него.
• Этот заголовок и подзаголовок передают преимущество. Слово «хаки» подразумевает простые в реализации, но в то же время мощные советы.
• Благодаря фиолетовому цвету эту кнопку с призывом к действию сложно не заметить.
• Раздел «Об авторе» рекламирует авторитет писателя.
• Образ Раджата помогает посетителю очеловечить его.
• Минимальный текст упрощает просмотр этой страницы.
• Поле согласия, которое еще не проверено заранее, означает, что только посетители, которые хотят быть в списке рассылки компании, будут участвовать.

Что можно было провести A / B-тест:

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

Создайте свою собственную целевую страницу электронной книги

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

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