Классные лендинги: ТОП 10 продающих лендингов: примеры, структура, как создать

Содержание

54 примера потрясающего дизайна лендингов

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

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

Надеемся, что среди них вы найдете вдохновение для вашего лендинга.

Примечание редактора: В связи с тем, что оригинальная статья была написана в 2016 году, некоторые ссылки могут не работать. 

Содержание статьи

Электронная коммерция
Развлекательные сайты
Лендинги-портфолио
Розничная торговля
Интернет-проекты
Сфера услуг

Электронная коммерция

1.

Luhse Tea

Дизайн этой страницы уникален, полностью пропитан индивидуальностью бренда и не похож ни на какие на другие.

2. Fit For A Frame

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

3. Shop Locket

Простой, но симпатичный дизайн. Плюс в том, что можно войти на сайт через Facebook, не тратя время на регистрацию.

4. White Lotus Aromatics

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

5. Evel

Понять, что продается на сайте, — не проблема благодаря отлично структурированному контенту, красивым слайдам и крупному шрифту ценников.

6. Lega-lega

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

7. Urban Originals

Фишка этого дизайна — простота. Простое меню и яркий слайдер отлично сочетаются.

8. Scotch & Soda

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

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

Читайте также: Лендинг vs главная страница: ключевые отличия

Развлекательные сайты

9. Clouds over cuba

Просто и со вкусом. Сразу ясна цель страницы — просмотр документального видео.

10. Universeries

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

11. Jacqui co

Этот сайт выше всех похвал. Блестяще продуманный дизайн и обилие интерактивных элементов никого не оставят равнодушным.

12. Pottermore

В дизайне этой страницы, посвященной франшизе о Гарри Поттере, использованы знакомые фанатам цвета, фразы и имена.

13. Heath Life

Эта страница не только выглядит красиво, она еще и очень функциональна: множество интерактивных элементов, интеграция с Google Maps, использование вкладок.

14. Uncrate

Uncrate и после редизайна не меняет своей традиции расположения всех разделов сайта в удобном верхнем навигационном меню.

15. The good man

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

16. Silktricky

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

17. Magic Leap

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

18. Life and times

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

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

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

Читайте также: 10 примеров лендингов необычных стартапов

Лендинги-портфолио

19. Hello monday

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

20. Jib

В этом примере очень интересное сочетание цветов. Более того, на странице у всех элементов использована одинаковая структура фонов, под дерево.

21. Ride for the brand

Здесь очень удачно использован «олдскульный» стиль, дизайн каждого элемента продуман до мелочей и уникален. Благодаря бесконечному скроллингу на этом сайте наслаждаться такой красотой можно долго.

22. Andy Patrick design

Понятный и продуманный дизайн помогает странице наиболее эффективно донести главную информацию до посетителей. Цветовая схема соответствует бренду и показывает стиль дизайнера в деле.

23. This is the brigade

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

24. Built by buffalo

Данный лендинг представляет собой пример необычного плиточного дизайна.

25. Galpin

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

26. Made by Vadim

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

27. Art&code

Иконки и ничего лишнего. Хороший пример минималистичного дизайна.

28. Riley Cran

Страница-портфолио отображает самое главное — примеры работ.

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

Читайте также: 20 советов для создания идеального портфолио

Розничная торговля

29. Rei

На странице представлено множество фотографий пользователей, которые с помощью скролла и наведения можно легко листать.

30. Austin beerworks

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

31. Jaquet droz

Ничто не отвлекает посетителя от созерцания прекраснейших часов.

32. Italio kitchen

Изюминка этого сайта — слайдшоу в верхней части страницы, на которой продемонстрированы аппетитные кулинарные шедевры.

33. TV safety

Шрифт и графика отлично сочетаются, создавая единое восприятие сайта. Пунктов меню всего три, и их невозможно не заметить.

34. Grey Goose

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

35. Toyota

Toyota сделала сайт в стиле Pinterest для любителей Camry. Здесь можно найти множество фотографий, статей, статистики.

36. Got Milk?

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

37. Buffalo Wild Wings

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

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

Читайте также: Как создать успешный ecommerce-бренд?

Интернет-проекты

38. Chrome Web Lab

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

39. Viddy

На этой странице интеграция с Facebook облегчает процесс регистрации и заметно увеличивает количество новых пользователей сервиса.

40. Who is Wildlife?

Это профессиональный интерактивный лендинг с первого взгляда вовлекает посетителей, предоставляя им уникальный пользовательский опыт.

41. Prezi

Добавление видео на лендинг-пейдж — удачный способ показать ваш товар или услугу в деле.

42. Impress a penguin

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

43. СSS piffle

Плавающая красная кнопка в середине экрана делает свое дело: на нее очень хочется нажать.

44. Fannabee

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

Читайте также: Обновления LPgenerator: parallax-эффект, изображение на всю ширину, запрет редиректа на мобильную версию

Сфера услуг

45. Captain Dash

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

46. Woodwork

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

47. Sagmeister walsh

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

48. Madwell NYC

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

49. Ryan Edy

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

50. Oliver Rassel

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

51. Quarter Rest Studios

Эта посадочная страница по сути представляет собой одно большое слайд-шоу в сочетании с простой навигацией. Это дает посетителям ограниченный, но достаточный для лендинга набор опций.

52. Fancy Rhino

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

53. Flint Boutique

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

54. Blind Barber

Этот лендинг делает акцент на центре страницы, привлекая внимание посетителей к кнопке «Узнать больше» об этом слепом парикмахере.

Читайте также: 10 примеров лендинг пейдж из сферы рекламных услуг

Заключение

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

 

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

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

По материалам: hubspot.net  Изображение: freepik.com 

18-06-2016

Лучшие лендинги мира: 12 примеров, на которых стоит учиться

Как разработать лендинг для высоких конверсий — читайте в нашей предыдущей статье.

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

Знакомьтесь: лучшие лендинги мира, которые мы откопали в разных уголках Буржунета.

Смотрите, анализируйте, учитесь у профессионалов и не повторяйте ошибок.

№1: Посадочная страница VideoFruit

Что сделано правильно:

·        Четкий таргетинг: заголовок и подзаголовок ориентированы на новичков, поскольку большинство продвинутых маркетологов и бизнесменов знают, что такое список адресов электронной почты.

·        Четкое преимущество: если вы подписаны, они научит вас получить первую сотню подписчиков.

·        Зеленая кнопка призыва к действию удачно контрастирует с синим фоном и выделяется.

·        Социальное доказательство помогает установить доверие — NBC News, ESPN, Lifehacker и Moz — крупнейшие и авторитетнейшие сайты Буржунета.

Что можно протестировать / улучшить:

·        Слова, которые передают пользу, «получить ваши первые 100 подписчиков» сливаются и плохо отображаются на синем фоне. Они должны контрастировать.

·        Неплохо бы провести А/В тестирование с другим заголовком — «Хочешь начать свой бизнес?».

№2: Лендинг пейдж ConvertKit

Что сделано правильно:

·        Обещание «запустить свой первый веб-сайт за 30 дней» является сильным, граничащим с фантастическим, однако вызывает сильное любопытство у читателя.

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

Что можно протестировать / улучшить:

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

№3: Веб-страница Aura Dating Academy


Брать деньги за уроки ловеласа — это определенно интересная бизнес-идея.

«Академия свиданий» Aura реализовала ее с помощью прекрасной целевой страницы.


Что сделано правильно:

•    Желтая кнопка призыва к действию прямо просится, чтобы ее нажали.

•    Слово «бесплатно», как всегда, производит феноменальный эффект на молодых людей.

•    Очень подробный и откровенный отзыв,  используемый для демонстрации «опыта» Дэвида — социальное доказательство в формате видеоролика — звучит убедительно.

•    Ярко выраженное ценностное предложение — Дэвид хорошо знает потребности ЦА и поможет «уверенно знакомиться с женщинами».

Что можно протестировать / улучшить:

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

•    Можно опробовать другой набор заголовков. Например, со словом «привлекать».

№4: Лендинг компании MeetEdgar

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

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

Исследования Conversion XL показывают, что удаление навигационных элементов с таких веб-страниц увеличивает коэффициент конверсии на 16-28%. Поэтому мы не советуем рисковать.

Что сделано правильно:

•             Фантастический заголовок «Социальные медиа. Минус временные затраты»: MeetEdgar знает перспективы и понимает, что люди скептически относятся к ROI социальных сетей. В заголовке развеиваются их возражения одним метким утверждением.

•             Удачное обещание сэкономить время — очевидная польза, которая делает клиента счастливым.

•             Кнопка призыва к действию выделяется на синем фоне.

Что можно протестировать / улучшить:

•             Мы бы опробовали дополнительный призыв к действию с другой формулировкой.

•             Если вы оставляете элементы навигации, то можно добавить призыв именно сюда.

•             Можно расширить информацию о компании и предлагаемых услугах.

№5: Веб-страница MotleyFool


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

Что сделано правильно:

•             Простая, чистая и целенаправленная посадочная страница помогает усилить конверсии.

•             Выделяется слово «бесплатно» и подчеркивается, что «вы ничего не теряете» при подписке на курс.

•             Слова «нет жаргона Уолл-стрит» помогают развеять опасения финансово неграмотных новичков.

Что можно протестировать / улучшить:

•             Целесообразно опробовать замену слова «ensure – обеспечить» на «гарантировать» финансовое будущее, чтобы добавить уверенности потенциальному клиенту.

•             Многих может испугать, что «каждый день он будет получать email для прохождения курса» — пользователям хочется все и сразу, даже если так не бывает.

№6: Лендинг пейдж LandingFolio


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

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

Фраза «Почему вы до сих пор теряете время на создание заголовков?» загоняет в тупик. Если придумывание заголовков было пустой тратой времени, зачем мне этот продукт вообще? И зачем вообще писать заголовки? Неужели их клиенты действительно говорят самим себе «это пустая трата времени»?

Что сделано правильно:

•             Заголовок давит на болевую точку.

•             Подзаголовок передает преимущество, которое решает проблему.

•             Логотипы MOZ и Conversion XL внушают уважение.

•             Большая зеленая кнопка призыва к действию выделяется.

Что можно протестировать / улучшить:

•             На веб-странице есть несколько ошибок, которые портят впечатление.

•             На кнопке лучше писать не «Закажи свой…», а «Получи больше конверсий» или что-то похожее.

•             Строчка «Посмотреть примеры заголовков» рядом с кнопкой отвлекает внимание клиента.

№7: Лендинг пейдж IDoneThis


Что сделано правильно:

•             Фраза «более 160 000 человек» передает социальное доказательство — многие его используют, поэтому вам обязательно следует попробовать!

•             Заголовок посадочной страницы передает четкую и понятную выгоду.

•             Развернутый подзаголовок облегчает понимание продукта.

•             Возможность регистрации с помощью Google — это простота и высокие конверсии.

Что можно протестировать / улучшить:

•             Добавление специфических функций к изображению справа улучшит запоминаемость продукта.

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

№8: Веб-страница Outskirt Press


Что сделано правильно:

•             Обещание впечатляющее — решает проблему начинающих авторов опубликовать собственную книгу со 100% прибылью и соблюдением прав.

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

•             Маркированные списки позволяют легко взглянуть на преимущества.

Что можно протестировать / улучшить:

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

•             Черный шрифт заголовка и текста на синем фоне увеличивает время прочтения. Помните: повлиять на решение пользователя нужно за секунды!

№9: Посадочная страница бизнес-тренера Ноа Кагана


Что сделано правильно:

•             Минималистская страница помогает сосредоточиться на единственном действии — регистрации.

•             Зеленая кнопка с необычным призывом к действию привлекает внимание.

•             Текст передает преимущества и рассказывает именно о перспективах взаимодействия.

•             Ниже приводятся социальные доказательства — отзывы известных людей.

•             Открытая фотография Ноя и гармоничная цветовая схема делают сайт привлекательным.

Что можно протестировать / улучшить:

•             Неясно, что означает «85% моих самых горячих бизнес-советов» — почему не все???

•             Можно провести А/В тестирование других вариантов СТА вместо фразочки Spice me up.

•             Шрифт и кернинг подзаголовка неудачные, поэтому текст читается медленно.

№10: Сайт для спортсменов Athlean-X

 

Данный сайт занимается спортивными товарами, литературой и биодобавками для спортсменов.

Несмотря на яркое и привлекательное предложение получить книгу бесплатно (за ним последует регистрация email), лендинг применяет все тот же рискованный прием — элементы навигации по сайту и возможность для пользователя «улизнуть» в другой раздел без совершения целевого действия.

Что сделано правильно:

•             Слово «бесплатно» в заголовке выглядит ярко и заманчиво.

•             Цветовая схема и фон лендинга в целом отлично подобраны для суровых фанатов «железа».

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

Что можно протестировать / улучшить:

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

•             Отсутствуют социальные доказательства — отзывы людей, которые уже получили книгу.

•             Не до конца понятно, что означает название «Черная книга бицепсов».

№11: Бизнес-сайт Эндрю Чена

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

Очевидно, что основная клиентура Чена — это инвесторы и специалисты в области высоких технологий.

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

Что сделано правильно:

•             Минималистская целевая страница фокусирует пользователя на действии.

•             Подзаголовок дает четкое представление о сущности продукта и выгодах от него.

•             Внедрение социальных доказательств с такими именами, как New York Times и Fortune.

•             Отзывы дополнительно усиливают социальные доказательства.

Что можно протестировать / улучшить:

•             Вместо @andrewchen желателен соблазнительный, ориентированный на выгоду заголовок.

•             Сжатие текста, отсутствие вертикального выравнивания, нечеткость <h3> и неправильное использование пробелов могут привести к ухудшению конверсий.

№12: Лендинг пейдж Masala Body

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

Что сделано правильно:

•             Фотографии «до» и «после» наглядно демонстрируют, что создательница рецептов похудения действительно знает, о чем говорит. Результат вызывает доверие.

•             Предложение получить по email БЕСПЛАТНЫЕ рецепты призывает попробовать.

•             Идея потеря веса с помощью специй весьма любопытна и привлекательна для большинства — изнурительные упражнения и диеты здесь даже не упоминаются!

•             Автор борется с вероятными возражениями, допуская шоколадный торт в своих таинственных рецептах! Это последняя линия обороны сладкоежек.

•             Грамотное использование логотипов для упоминания социального доказательства.

•             Ниже приведены цитаты экспертов, которые «узаконивают» методику.

•             Отзывы женщин подкрепляют уверенность в результатах.

Что можно протестировать / улучшить:

•             Элементы навигации снова позволяют посетителю уходить через второстепенные разделы сайта — например, через блог — не выполнив целевого действия (без регистрации email).

Берите пример с лидеров, не повторяйте ошибок, и удачных вам конверсий!

Лендинг на Joomla. Лучшие быстрые способы

 

Landing Page (лендинг пэйдж) — одно из направлений в создании сайтов. Многие сомневаются в возможностях Joomla! CMS, больше предпочитая для данных целей WordPress. Однако создать функциональный лендинг на Joomla очень даже просто! В данной статье мы разберем, что такое лендинг и как его создать.

 

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

Типы лендингов.

Существует 2 основных типа лендингов:

1) для перехода к целевым страницам

2) для лидогенерации (что это? Смотрите чуть ниже)

1. Лендинг для перехода к целевым страницам

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

2. Лендинг для лидогенерации

Лидогенерация — маркетинговая тактика, направленная на поиск потенциальных клиентов с определенными контактными данными.

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

Зачем использовать Landing Page?

Лендинг (или лэндинг, кому как удобнее) помогает повысить конверсию, количество пользователей, которые увидят ваш продукт.

Когда использовать Лендинг?

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

Как сделать это на Joomla?

Существует несколько способов реализации: 1. Стандартными средствами Joomla  2. С помощью различных компонентов 3. С помощью шаблонов

Давайте поговорим о каждом способе отдельно.

I. Как создать лендинг стандартными средствами Joomla

1.    Для начала нужно установить Joomla (конечно же!)

2.    Создать отдельную категорию материалов для нашего Landing page

3.    Создать отдельное меню

4.    Создать модуль для получения URL-адреса каждого лендинг пэйджа (этот модуль не публикуется)

Для первого типа лендинга:

1.    Создать статью с вашей рекламной информацией о предоставляемых продуктах/услугах

2.    Создание пункта меню для статьи

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

Для лендинга второго типа все, что перечислено для лендинга первого типа, а также:

1.    Включить регистрацию пользователей

·         Пользователи > Менеджер пользователей > Настройки

·         Разрешить регистрацию пользователей > Да

2.    Создать форму с полями, чтобы собрать нужную информацию о пользователях. Для этого можно использовать расширения вроде BreezingForms или ChronoForms. Если вы хотите стандартные функции Joomla, вы можете использовать S5 Register Module от Shape5.

Плюсы:

+ Не нужно искать, покупать, устанавливать крупные сторонние расширения

Минусы:

— Сложность стилизации

— Ограниченный стандартный функционал Joomla

II. Расширения для создания лендинга в Joomla

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

Для создания лендинга используют, как правило, Page Builder-ы. Это специальные компоненты, которые позволяют создать полностью стилизованную вами страницу. Однако многие из них работают в рамках существующего шаблона.

Одним из самых популярных и известных в рунете способов создания Landing Page – это SP Page Builder. Он имеет большое количество различных классных функций и модулей. А для создания страницы нужно лишь создать отдельный пункт меню для Page Builder-а и наполнить страничку различными модулями. Довольно просто и быстро. Однако такой способ подходит для более статичных страниц. И это, на самом деле, способ создания любых страниц, а не именно лендингов. Существует еще один вариант.

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

Кроме уже названных расширений можно использовать для данных целей могут быть и другие Page Builder-ы.

Плюсы:

+ Быстрая установка

+ Возможность создавать много лендингов на одном сайте

+ Широкий выбор различных модулей

Минусы:

— Могут быть некоторые сложности со стилизацией в связи с ограничениями компонентов

III. Создание Landing Page для Joomla с помощью шаблонов

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

Кроме того, одновременно для страниц сайта Joomla можно активировать лишь один шаблон, который распространяется сразу на все страницы сайта. Это не проблема, если вы готовы создать отдельный сайт для вашего лендинга. Но встает вопрос, нужны ли вам такие сложности? Быть может, легче будет просто использовать одну единственную html-страницу без обращения к CMS.

Примером таких шаблонов могут быть:

GavickPro Creativity

Responsive Landing от JoomLead

YJ Fork

Плюсы:

+ Быстрая установка

+ Минимальная настройка

+ Готовая графика

Минусы:

— Необходимость создания целого сайта для одной страницы (создание БД, домена /поддомена)

 — Возможная сложность настройки под себя

Шаблоны для Landing Page

Это практично:

Практичность покупки Landing Page шаблона для заказчиков представляется отсутствием необходимости привлечения дополнительных специалистов для разработки посадочной страницы. Шаблоны Joomla уже оснащены всем необходимым для эффективной презентации Вашего бизнеса.

Это прибыльно:

Прибыльность Landing Page шаблонов напрямую вытекает из двух факторов: низкая себестоимость и высокая самоокупаемость. Следовательно покупка сайта-визитки не заставит Вашу компанию временно замедлять обороты или сокращать расходы на развитие.

Это стильно:

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

Заключение

Итак, в данной статье мы рассказали о 3 вариантах создания Landing Page на Joomla. Каких из этих способов лучше — решать вам!

Эта статья лишь первая из статей серии «Joomla! Может!». Каждую неделю мы будем публиковать статью с вариантами создания различных типов сайтов с помощью Joomla! Заходите чаще, мы научим, как создать любой сайт на Joomla!

Joomla! Может все, что угодно 🙂 

Лендинги в 2021. Есть ли будущее у одностраничных сайтов | Урок #410

Длительность: 9:54

Лендинги в 2021. Есть ли будущее у одностраничных сайтов | Урок #410


SEO

&nbsp

В новом аудиоподкасте №410 Николай Шмичков рассказал про Лендинги в 2021.

Есть ли будущее у одностраничных сайтов.

Текстовая версия выступления:

«Всем привет.

Вы на канале SEOquick.

Меня зовут Николай Шмичков.

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

У нас есть на сайте отличная статья про топ 10 блоков для лендинга.

Вы сможете узнать какие действительно блоки лучше всего делать.

И там же есть ответ на извечный вопрос: лендинг или сайт – что лучше выбрать на самом деле.

Я на этот вопрос отвечать не буду, в этой статье очень неплохо всё расписано.

И как сделать хороший лендинг аналогично расписано.

Но я процитирую что такое лендинг.

Лендинг – одностраничный сайт (именно одностраничный сайт мы имеем в виду под этим), который имеет особую структуру и который создан чисто для маркетинга.

То есть для СЕО он по умолчанию не создается.

Объясню почему.

В чем отличие СЕО сайта, который заточен как одностраничный сайт и лендинга, такой вот своеобразный.

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

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

И ссылки на то, где вы есть: там Spotify и всё, минимум страничек.

Формально главной является 1 страница.

То есть на ней весь дизайн, всё очень круто.

Я правильно назвал бы не одностраничные, малостраничные сайты – это сайты т.н. визитки.

Так вот не путаем сайты-визитки и одностраничники.

У одностраничника по умолчанию всего один документ (один html документ), который показывается пользователю.

И как таковых, вторых, третьих, четвертых страниц нет.

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

Объясню почему.

Потому что для хорошего брендингового продвижения нужно хотя бы иметь минимум пять страниц на сайте.

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

Одностраничники лишены этих сайт ленков.

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

То есть для вашего сайта я лендинги не делал бы от слова вообще.

В том виде лендинги, как они существуют – это чаще всего делаются сайты под приложения: one page лендинг для Mobile App.

Они так даже и называются Mobile App Landing Page.

Такие странички создаются для мобильных приложений.

Допустим вам же надо как-то мобильное приложение пустить в рекламу.

И вам надо одновременно для iOS и для Android, чтобы на страничке было.

Допустим вы игру выпустили, какое-то приложение.

Вы сделали красивый одностраничный сайт и конечно же добавили туда ссылочки на эти два приложения.

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

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

Есть хорошие лендинги и можно найти примеры хороших лендингов.

Многие студии даже хвастаться тем, что умеет классные лендинги делать.

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

TexTerra еще в 2019 году писала обзор на эту тему с фактами.

И после этого никто ничего не писал.

Другие студии всё равно цепляются за эту статью, за этот обзор и хвастаются, что лендинг актуальным будет и незаменимым для сезонных товаров, для новых товаров, для товарах в ограниченном количестве, для акций, для УТП.

Но я с этим категорически несогласен.

Классические Single page, Mobile App Single page фактически останутся только для мобильных приложений.

Ну потому что, вам проще трафик гнать на мобильное приложение, потому что как минимум существует в мире две платформы: iOS и Android.

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

О’кей, здесь можно выкрутится так.

И фактически больше ни для чего.

Потому что все остальные варианты создания лендингов, там-то под товар, покупать всё что угодно – это такой сериал на самом деле, который со временем вымирает.

Я знаю, что меня сейчас закидают множество сеошников, которые таким образом льют трафик.

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

Но я замечаю, что лендосы конвертят с каждым годом всё хуже и хуже.

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

Но с появлением каких-то хороших сайтов в контексте, начинают их вытеснять.

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

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

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

Поэтому лидогенерации – это конечно всё прекрасно, но я не рекомендую для бизнеса создавать лендинги: в 2021 году это путь в никуда.

И если Вы планируете создавать для своего бизнеса лендинги, то плюньте.

Лучше зайдите в Google Sites (это в Google Мой бизнес) и создайте сайт хотя бы на базе Гугла, если у вас нет денег для этих целей.

Сделайте хотя бы там временно сайт, купите себе доменное имя и поднимите сайт хотя бы на базе Гугла.

Если уже деньги появятся – можно спокойно создавать сайт на других платформах.

Если вам интересно как работает создание сайтов на базе Гугла через Гугл Мой бизнес – напишите мне в телеге.

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

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

Потому что сайт создать на самом деле дорого.

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

Причем сеошник съест очень мало ваших денег – весь остальной бюджет съедят совсем другие лица.

Сайты конечно это дорогое удовольствие, они становятся с каждым годом дороже.

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

А исправлять после нерадивых программистов может оказаться еще и дороже.

И здесь к созданию сайта полноценного нужно подходить совсем иначе.

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

Также вы должны понимать, что по сеошке лендинги не продвигается от слова вообще.

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

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

Даже акцию на своём сайте лучше сделать на конкретной странице своего сайта.

Даже на поддомене вы можете сделать её – это будет и то в миллион раз полезней.

Потому что вы Гуглу будете сообщать, Яндексу будете сообщать, что у вас есть полезная страница на вашем ресурсе, а не на каком-то стороннем.

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

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

Люди привыкли покупать билеты на проверенных ресурсах, а не на каких-то сторонних.

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

Поэтому репутационно лендинги сейчас умирают.

В сеошке они ничего собой не представляют.

И таким образом я бы в последнее время переходил бы на малостраничный сайт если нет денег.

Делал бы полноценные ресурсы, заполняя их и выстраивая на них сеошку.

Да, такой грустный обзор, но ничего не могу поделать.

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

У меня были хорошие гостевые посты на эту тему.

Но сейчас могу сказать, что “нет – лендингам!” говорю.

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

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

Но с мобильными приложениями ситуация обстоит гораздо проще.

На этом собственно всё.

Задавайте вопросы: с удовольствием готов на них отвечать.

Прочитайте статью.

Ссылочку на статью я оставлю в описании этого подкаста.

Также вы сможете найти эту статью у нас на сайте.

Вбейте просто “топ 10 блоков для лендинга” в поиске на нашем сайте и вы её найдёте.

С прошедшими всеми праздниками и конечно же успехов, хороших вам продаж и высоких позиций.

Все пока.»

Примеры лендингов с анимацией | medoed1.ru

Разработка сайтов

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

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

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

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

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

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

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

Также смотрите:

30+ Лучшие бесплатные темы и шаблоны лендинг страниц WordPress 2021

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

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

Обзор 30+ бесплатных шаблонов для создания лендинга (landing page) на WordPress

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

1. Shapely

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

Многие из самых популярных плагинов WordPress будут совместимы с вашей страницей: Yoast SEO, Google Analytics от Yoast, Contact Form 7, Gravity Forms и Jetpack. Также возможно расширить текущую бизнес-модель, установив плагин WooCommerce. Благодаря этому инновационному инструменту любой может создать полнофункциональный интернет-магазин за считанные минуты.

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

ПОДРОБНЕЕ / СКАЧАТЬ | ДЕМО | Заказать настройку шаблона

2. Illdy

 

Illdy – бесплатная тема WordPress для разработчиков приложений, энтузиастов программного обеспечения и всех, кто занимается бизнесом. Тема содержит пользовательские страницы, 404 страницу и многие другие. Шаблон может решать проблемы SEO, не требуя дополнительных плагинов.

ПОДРОБНЕЕ / СКАЧАТЬ | ДЕМО | Заказать настройку шаблона

3. Antreas

Antreas – быстрая и простая бесплатная тема для бизнеса на WordPress. Простой в использовании и интуитивно понятный шаблон делает процесс безболезненным и быстрым. WP Customizer редактирует страницы и разделы без программирования. Перетащите ваши любимые виджеты в боковые панели и разделы, добавьте столько, сколько пожелаете, благодаря широкой совместимости плагинов Antreas. Удобные шорткоды, нацеленные на потребности бизнес-пользователей. С их помощью можно легко направлять пользователей к вашему физическому местоположению с помощью Карт Google. Вы также можете представить свой продукт или линию услуг, цены и характеристики в мгновение ока. Несколько стилей макета и сетки, а также анимация при наведении привлекают внимание пользователей.

ПОДРОБНЕЕ / СКАЧАТЬ | ДЕМО | Заказать настройку шаблона

4. Portum Material


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

Portum Material поставляется с большим полноэкранным слайдером, кнопками призыва к действию, анимацией, формой подписки и Google Maps. Вы также можете представить видео и создать портфолио.

ПОДРОБНЕЕ / СКАЧАТЬ | ДЕМО | Заказать настройку шаблона

5. Pixova Lite

Pixova Lite – тема WordPress с минималистичным и современным дизайном. Если вы фрилансер, артист или владелец интернет-магазина, вам следует попробовать этот шаблон. У Pixova Lite несколько вариантов темы для настройки. Коммерческие транзакции совершаются с помощью плагина WooCommerce. Pixova Lite универсальная, поэтому может решать любые задачи.

Шаблон идет с неограниченным количеством цветов и предварительно созданным выбором для верхних и нижних колонтитулов. Google шрифты и тысячи наборов иконок также прилагаются. Pixova Lite имеет боковую панель и плавную прокрутку страницы. Доступны блоги и контактные страницы и форма, чтобы оставить отзыв. Файлы перевода и WPML совместимость включены. Шаблон предлагает секции параллакса, чтобы визуально разделить ваш одностраничный стиль. Получите все эти преимущества бесплатно с помощью установки в один клик.

ПОДРОБНЕЕ / СКАЧАТЬ | ДЕМО | Заказать настройку шаблона

6. Ascendant

Ascendant – это недавно выпущенный многофункциональный WordPress шаблон, сделанный для всех видов страниц и настроек. Он идеально подходит для начинающих, малых предприятий или частных лиц, желающих презентовать себя в Интернете. Тем не менее, он имеет 3 разные версии, чтобы приспособиться к потребностям клиента. Начните с бесплатной версии, и вы убедитесь, что это станем хорошим стартом. У Ascendant макет с бесконечными стилями и настройками. Вы получите бесчисленные цветовые схемы, посты и многочисленные боковые панели.

Заказать настройку шаблона

7. Unite

Unite – это отличная бесплатная тема WordPress, которую мы предлагаем в нашей бесплатной библиотеке тем. Хотя основная цель Unite заключается в том, чтобы эта тема использовалась на веб-сайтах Wedding, мы знаем, что многие из наших пользователей тем используют Unite в качестве шаблона лендинг страницы для отдельных проектов и услуг.

Дизайн страницы полностью настраиваемый, и если вы используете конструктор страниц, такой как Visual Composer – у вас не возникнет никаких проблем с созданием приятного сайта лендинг страницы для вашей следующей гениальной идеи. Unite включает настраиваемые шорткоды, шаблоны дизайна Bootstrap 3, адаптивный дизайн для мобильных устройств и множество способов настроить тему по своему вкусу.

ПОДРОБНЕЕ / СКАЧАТЬ | ДЕМО | Заказать настройку шаблона

8. Portum Clean


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

Portum Clean включает таблицу, портфолио, анимированную статистику, липкую панель навигации, отзывы и кнопку «Вернуться к началу».

ПОДРОБНЕЕ / СКАЧАТЬ | ДЕМО | Заказать настройку шаблона

9. Panoramica

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

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

ПОДРОБНЕЕ / СКАЧАТЬ | ДЕМО | Заказать настройку шаблона

10. Illustrious

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

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

ПОДРОБНЕЕ / СКАЧАТЬ | ДЕМО | Заказать настройку шаблона

11. MedZone

MedZone – это новая тема WordPress премиум-качества. Шаблон ориентирован на медицинские учреждения и его варианты. Это минималистичный дизайн на одну страницу с плавной прокруткой. У Medzone есть система бронирования встреч, система входа в систему и контактные страницы.  Вы найдете много специальных услуг для приема, экстренного оповещения онлайн, а также расписания.

MedZone предоставляет вам гибкий макет с разделами для последних постов, большим заголовком и нижним колонтитулом. Что касается коммерческих аспектов, вы получите интеграцию с плагином WooCommerce. Неограниченные переводы WPML. и Google Fonts.

ПОДРОБНЕЕ / СКАЧАТЬ | ДЕМО | Заказать настройку шаблона

12. Author Landing Page


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

На Landing Page Author есть все необходимое, от приятного внимания к деталям до кнопок с призывом к действию, специальных разделов и отзывов / обзоров. Существует также форма подписки на рассылку новостей, которые вы можете использовать для будущих кампаний.

ПОДРОБНЕЕ / СКАЧАТЬ | ДЕМО | Заказать настройку шаблона

13. Landing Page Reviewers


Landing Page Reviewers – элегантная и современная бесплатная тема WordPress для лендинг страницы с дизайном без кодирования. Шаблон хорошо подходит для рекламы продуктов и услуг, но вы также можете использовать целевую страницу Reviewers для партнерского маркетинга. Идеально подойдет для сайта агентства, бизнеса или фриланс-проектов. Вариантов очень много, когда вы приступаете к созданию веб-сайта с Reviewers.

Имейте в виду, Landing Page Reviewers является дочерней темой Superb Landingpage.

ПОДРОБНЕЕ / СКАЧАТЬ | ДЕМО | Заказать настройку шаблона

14. Landing Pageasy


Landing Pageasy – это, безусловно, простая бесплатная тема WordPress для лендинг страницы с многолендинговой структурой. Другими словами, обложка страницы является универсальной и адаптивной для работы с несколькими различными проектами и отраслями. Имейте в виду, что целевые страницы или одностраничные сайты становятся все более популярными.

Landing Pageasy является адаптивным шаблоном, готовым для SEO и совместим с браузерами Автор также связал его с Beaver Builder, так что вам не нужно изменять строки кода. Позвольте дизайну и функциям Landing Pageasy вывести вас на новую высоту.

ПОДРОБНЕЕ / СКАЧАТЬ | ДЕМО | Заказать настройку шаблона

15. App Landing Page


Как следует из названия, App Landing Page – это отличное решение, когда вам нужно продемонстрировать все преимущества вашего приложения. Будь то мобильное, настольное или веб-приложение, позвольте App Landing Page позаботиться о присутствии в Интернете благодаря своему впечатляющему, современному и гибкому веб-дизайну.

Параметры шаблона

  • SEO оптимизирован.
  • Адаптивный.
  • Исчерпывающая документация.
  • Социальные сети.
  • Кнопки призыва к действию.
ПОДРОБНЕЕ / СКАЧАТЬ | ДЕМО | Заказать настройку шаблона

16. One Pageily шаблон одностраничник


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

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

ПОДРОБНЕЕ / СКАЧАТЬ | ДЕМО | Заказать настройку шаблона

17. Book landing

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

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

ПОДРОБНЕЕ / СКАЧАТЬ | ДЕМО | Заказать настройку шаблона

18. Construction лендинг страница

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

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

ПОДРОБНЕЕ / СКАЧАТЬ | ДЕМО | Заказать настройку шаблона

19. Lawyer Landing Page

Мы должны быть признательны Rara Themes за последние 3 темы (включая эту). Как вы могли заметить, они очень специфичны для конкретной ниши, но не могут не впечатлить пользовательскими функциями и инструментами, которые подойдут для данных нишевых ситуаций. Лендинг страница юриста (адвоката) не является исключением и включает аналогичную форму цитирования, которую мы видели выше в теме «Строительство».

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

ПОДРОБНЕЕ / СКАЧАТЬ | ДЕМО | Заказать настройку шаблона

20. Courtyar

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

Более тысячи успешных установок и пять звездочек в репозитарии wordpress.org говорят о многом.

ПОДРОБНЕЕ / СКАЧАТЬ | Заказать настройку шаблона

21. Metrolo

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

ПОДРОБНЕЕ / СКАЧАТЬ | ДЕМО | Заказать настройку шаблона

22. BB Mobile Application

Совершенно очевидно, что мобильные приложения никуда не денутся в ближайшем будущем. На самом деле спрос на мобильные приложения будет расти, равно как и спрос на высококачественный дизайн тем WordPress, которые могут выступать в качестве целевых страниц для мобильных приложений. Вот почему мы помещаем в этом обзоре тему BB Mobile App. Это адаптивная тема WP, основанная на чистом дизайне и мощных функциях. Это точный рецепт, чтобы объяснить, для чего предназначено ваше мобильное приложение, и как оно может принести пользу человеку, использующему его. Дизайн BB Mobile выглядит не принужденным и легким в управлении.

ПОДРОБНЕЕ / СКАЧАТЬ | ДЕМО | Заказать настройку шаблона

23. Winsome

Шаблон Winsome легко привлечет ваше внимание. Бесплатные и профессиональные версии предоставляют пользователям разумное количество инструментов для максимальной аутентичности вашего сайта. Параметры темы предназначены для настройки мелких деталей сайта, для шрифтов и цвета есть отдельные панели параметров. Winsome протестирован для работы с планшетами и популярными устройствами для смартфонов на базе Android и iOS. Многостраничный дизайн Winsome имеет потрясающий дизайн блога, который стоит посмотреть, чтобы убедиться в креативности этих ребят.

ПОДРОБНЕЕ / СКАЧАТЬ | Заказать настройку шаблона

24. Marvel

Marvel – это дочерняя тема для темы Safreen. Она ультра-гибкая и ультра-настраиваемая тема WordPress для ситуаций с лендинг страницами. Темы Marvel в значительной степени опираются на уникальную функциональность, структурированную с использованием jQuery, CSS3 и HTML5.  У Marvel есть возможность стать вашей темой для личных и творческих проектов.

ПОДРОБНЕЕ / СКАЧАТЬ | ДЕМО | Заказать настройку шаблона

25. Business Elite

Business Elite имеет 95% 5-звездочных рейтингов. В качестве темы лендинг страницы Business Elite ориентирована на дружественный для поисковых систем веб-дизайн, но также является уникальной темой. Это достигается с помощью анимационных эффектов, мощных слайдеров, пользовательских шрифтов и совместимости с ведущими плагинами WordPress.

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


26. Metlux

Шаблон Вордпресс Metlux имеет адаптивный дизайн, с уникальными функциями, такими как фиксированная навигация (с анимированными эффектами), база кода CSS находится на SASS. Интегрирован с пользовательскими плагинами для повышения функциональности, есть уникальные шорткоды для таких вещей, как кнопки, и вы можете создать изображения заголовка по мере необходимости.

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

ПОДРОБНЕЕ / СКАЧАТЬ | ДЕМО | Заказать настройку шаблона

27. Teletype

Если вам нужен аутентичный способ выразить себя в Интернете, то Teletype идеально подходит для вас. Teletype – это тема WordPress на основе Bootstrap для блогеров, писателей и творческих художников. Teletype лучше всего подходит как тема лендинг страницы для креативщиков и фрилансеров. Разработчики включили разделы контента для шаблона главной страницы. Кроме того, вы можете использовать настройщики для управления и сортировки. Тема поставляется с элементом frontpage в виде пользовательского виджета Icon + Text block.

ПОДРОБНЕЕ / СКАЧАТЬ | ДЕМО | Заказать настройку шаблона

28. VW Landing Page

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

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

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

ПОДРОБНЕЕ / СКАЧАТЬ | ДЕМО | Заказать настройку шаблона

29. Corporate Landing Page

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

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

ПОДРОБНЕЕ / СКАЧАТЬ | ДЕМО | Заказать настройку шаблона

30. Product Landing page

Reviewers Landing Page многоцелевая бизнес тема WordPress для лендинга. Простые страницы презентации стали очень популярны, так как они отлично подходят для творческой и элегантной презентации продуктов/приложений. Дизайн шаблона часто используется в качестве макета для агентства, маркетинга или других корпоративных предприятий.

Тема проста в настройке, но имеет много функций для партнерского маркетинга, т.е. много рекламного пространства для партнерских программ, таких как Google AdSense. Авторы и блогеры могут легко создать простой и минималистичный блог и настроить его на нишу с заголовком, так что вы можете писать о чем угодно, начиная от еды, путешествий, моды, образа жизни, отзывов, продуктов или других ниш развлечений ….

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

ПОДРОБНЕЕ / СКАЧАТЬ | ДЕМО | Заказать настройку шаблона

31. Variant Landing Page Four

 

Variant Landing Page Four – это посадочная страница WordPress тема, которая идеально подходит для создания лендинга в туристической нише. Тема полностью адаптивная и придает приятный вид вашему сайту.

ПОДРОБНЕЕ / СКАЧАТЬ | ДЕМО | Заказать настройку шаблона

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

Не нашли подходящий шаблон? Посмотрите подборку из 25 премиум шаблонов для лендинг страниц:

25 шаблонов landing page для WordPress

(Всего посетителей: 20 301, сегодня: 4)

Автор и редактор на wptheme.us

Опыт работы с WordPress более 10 лет. Создал более 1500 сайтов на Вордпресс. Перевел более 400 тем на русский и украинский язык. Сотни вылеченных сайтов от вирусов. Тысячи установленных и настроенных плагинов. Задать вопрос мне можно на https://profiles.wordpress.org/wpthemeus/

 

Лучшие темы для создания Landing Page на WordPress в 2020 году

Здравствуйте, сегодня хочу с вами посмотреть на лучшие темы для WordPress при строительстве лендинга в 2020 году. К сожалению, хороших бесплатных вариантов нашёл мало. Впрочем, если есть хоть малейший опыт работы с WP, то без проблем реализуете Landing Page на любой теме для WordPress из репозитория. В крайнем случае можете воспользоваться конструктором, например, Elementor. О том, как строить посадочные страницы с помощью него, рассказал здесь.
А теперь перейдём к делу.

Список лучших тем для Landing Page на WP в 2020 году

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

А теперь непосредственно список:

  1. Тема Satelite — Creative Ajax Portfolio Showcase Slider Theme: https://1.envato.market/9DgaE. Стоит 39$. Красивая тема, хотя не самая производительная, подойдёт для строительства сайтов-портфолио и посадочных страниц. Главная фишка — невероятно красивый слайдер.

  2. Тема Mesmerize: https://ru.wordpress.org/themes/mesmerize/. Имеет бесплатную версию, но функционал серьёзно ограничен. На одном из своих сайтов использую PRO-версию и доволен. Очень удобный конструктор главной страницы, доступный прямо из кастомайзера. Но очень ограниченный по возможностям.

  3. WPConfigurator: https://1.envato.market/GNWb9. Цена — 69$ Главная фишка заключается в том, что можно прямо на главную страницу запилить прикольный конфигуратор продукта. Очень удобная вещь, если желаете продвигать какой-либо вариативный продукт. Без WooCommerce не работает. Но Landing построить вполне реально. Кстати, есть полная версия демо, в том числе и с админкой.

  4. Navian – Multi-Purpose Responsive WordPress Theme: https://1.envato.market/vaMyO. Настройка довольна простая, есть куча заранее подготовленных макетов, на основе которых можете сделать собственные темы. Главная фишка — 17$ за тему. Это очень мало.

  5. Hestia: https://ru.wordpress.org/themes/hestia/. Бесплатная тема, но лучше поставить Elementor для строительства лендинга на ней. Тема вполне себе производительная и отлично работает на любых устройствах.

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

Тема Satelite – Creative Ajax Portfolio Showcase Slider Theme

Очень красивая тема, полностью построенная на Ajax, соответственно, все элементы на ней работают без перезагрузки страницы, что позволяет включать фоновую музыку, а также строить классные карусели слайдеров. Ознакомиться с темой, а также превью можете по ссылке: https://1.envato.market/9DgaE. Стоимость — 39 долларов США.

Полноразмерный слайдер

Тема адаптивна, поддерживает разные макеты. Хоть и предназначена для портфолио, но построить красивый Landing на ней не проблема. Полная поддержка Gutenberg, а также WPBackery присутствует.

Портфолио

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

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

Тема Mesmerize

Отличная тема для создания Landing Page на WordPress. Для того чтобы сделать посадочную страницу, не нужно устанавливать какой-либо конструктор или работать в редакторе и учиться создавать стили. Ознакомиться с темой можете по ссылке: https://ru.wordpress.org/themes/mesmerize/. Ссылка на Live Preview на той странице будет.

Шапка в Mesmerize

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

Кастомайзер блоков для Landing Page в Mesmerize

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

WPConfigurator

Если у вас есть только один вариативный товар и желаете продавать его прямо на главной странице, то вариант вполне себе приличный. Ознакомиться можете по ссылке, live preview там же: https://1.envato.market/GNWb9.

Конфигуратор продукта в теме WPConfigurator

Без WooCommerce не работает, к сожалению, сие решение заточено именно под него. Да, для Landing Page подойдёт, но также можно реализовать полноценный интернет-магазин с большим количеством товара. На ваше усмотрение.

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

Конструктор конфигуратора

Сам конфигуратор создаётся с помощью такого вот конструктора, вы можете сделать полноценные маски для каждого товара. Работа трудоёмкая, но интересная. Учтите, делать такие вещи, как конфигуратор ПК или сервера, здесь не получится. Зато футболки, наклейки на упаковки и прочее вполне реально.

Navian – Multi-Purpose Responsive WordPress Theme

Тоже неплохая тема для WordPress, смотрится прилично, есть много готовых макетов, на основе которых вы можете построить нечто своё. Ознакомиться с темой и лайв ревью можете по ссылке: https://1.envato.market/vaMyO. Приятным бонусом становится цена, всего 17$, что очень мало по меркам Envato (ThemeForest).

Блок лендинга в теме Navian

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

Шаблон контактов

Кстати, если в планах расширение в блог или корпоративный сайт, то в этой теме всё необходимое присутствует, менять не придётся. Так что можно строить как и лендинг, так и блог. Единственное, по поводу WooCommerce сказать ничего не могу. Не тестировал.

Hestia

Если немного знаете код и умеете работать с классическим редактором, то можете смело устанавливать, но скажу сразу, что заточена под Elementor. Вместе с этим конструктором можно построить вполне приличный Landing без лишних трудностей. Ознакомиться можно по ссылке: https://ru.wordpress.org/themes/hestia/. Тема бесплатна, если, конечно, не будете покушаться на PRO-версию.

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

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

На этом всё

Если появятся новые варианты, то обязательно добавлю сюда. Ну, свой список лучших тем для Landing Page на WordPress для 2020 года озвучил, можете ознакомиться, посмотреть. Желаю успехов и отличных лендингов, созданных без лишних сложностей.

Что такое диалоговая целевая страница (и как ее создать)?

Маркетологи обнаружили, что разговоры на целевых страницах (таких как чат-боты и живые чаты) конвертируют в три-четыре раза больше, чем традиционные целевые страницы. Кроме того, в отчете Juniper Research прогнозируется, что к 2023 году внедрение чат-ботов в розничной торговле, банковском деле и здравоохранении будет экономить предприятиям 11 миллиардов долларов в год.

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

Разговорные целевые страницы

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

Давайте нырнем.

Автоматизируйте и масштабируйте разговоры на своем веб-сайте с помощью программного обеспечения HubSpot Chatbot Builder.

Что такое диалоговая целевая страница?

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

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

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

Что делает диалоговые целевые страницы уникальными?

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

Диалоговая целевая страница выглядит примерно так: беседа с чат-ботом заполняет весь экран для посетителя:

Источник

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

Источник

Гибридная целевая страница сочетает в себе функции как диалоговой, так и традиционной целевой страницы — по сути, это традиционная целевая страница с встроенным на страницу чат-ботом (который можно развернуть или свернуть).

Источник

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

Справедливый вопрос.

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

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

Как создать диалоговую целевую страницу?

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

1. Установите цель для своей целевой страницы разговора.

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

Вот несколько примеров целей разговорной целевой страницы:

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

2. Адаптируйте чат-бота к вашим покупателям и клиентам.

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

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

3. Используйте ясный, ориентированный на действия язык.

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

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

4. Оформите свою страницу и сделайте ее запоминающейся.

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

Инструмент целевой страницы, такой как HubSpot, который имеет конструктор перетаскивания и готовые шаблоны, упрощает процесс разработки целевой страницы, даже если у вас нет знаний о веб-сайте или кодировании.

Вот еще несколько элементов целевой страницы, которые следует учитывать при создании запоминающейся страницы:

  • Шрифт
  • Цвета
  • Анимации
  • Изображения
  • Видео
  • Бот / дизайн чата
  • CTA кнопки

Используйте HubSpot’s Landing Page Builder, чтобы создавать и тестировать красивые целевые страницы, которые привлекают потенциальных клиентов и отлично выглядят на любом устройстве — ни дизайнеров, ни ИТ-помощь не требуется.

5. Убедитесь, что чат-бот вашей целевой страницы решает проблемы клиентов и направляет их к решениям.

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

Конструктор чат-ботов

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

Кроме того, персонализируйте беседы с ботами с помощью универсальной CRM-системы HubSpot — чат-бот будет извлекать информацию о контактах из вашей CRM, чтобы создать персонализированный опыт для клиентов на вашей диалоговой целевой странице. Затем, после любого разговора с посетителем, его контактная запись будет снова обновлена ​​с любыми новыми данными.

6. Продвигайте свою диалоговую целевую страницу.

Что хорошего в целевой странице без посетителей?

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

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

7. Протестируйте и проанализируйте свою диалоговую целевую страницу.

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

Для этого можно выполнить A / B (или разделить) варианты вашей страницы (и чат-бота) — поменять местами и протестировать цвета, шрифт, сообщения и кнопки CTA, чтобы определить, какая комбинация лучше всего привлекает, привлекает, конвертирует и т. Д. и радовать клиентов.

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

17 крутых целевых страниц, которые я хотел бы сделать

Вы когда-нибудь выполняли поиск в Интернете или нажимали на рекламу в Facebook, чтобы найти что-то более интересное, чем вы ожидали? Возможно, когда страница загружается, вы начинаете сожалеть о своем импульсивном щелчке, потому что ваша духовка только что запищала, и ваша пицца готова! Но затем происходит что-то волшебное … Вы попадаете на страницу, чертовски крутую, что ваша пицца начинает подгорать.Ладно, может быть, это все-таки плохая гипотеза — кто бы мог позволить своей пицце подгореть?

Печальное, печальное зрелище.

Моя точка зрения такова: Жестокая правда в том, что найти действительно классную целевую страницу не так уж и часто. Когда это произойдет, не следует упускать из виду те моменты для маркетологов! Фактически, большинство классных целевых страниц, которые вы видите, вдохновлены другими классными целевыми страницами, поэтому мы собрали этот классный пост — чтобы вдохновить вас! Разве вы не слышали, что подражание — самая искренняя форма лести?

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

Что такое целевая страница?

Когда я впервые услышал термин «целевая страница», я подумал, что каждая веб-страница должна быть целевой страницей (как на странице, на которую вы попадаете ), верно? Неправильный! Чтобы считаться «целевой страницей», эта страница должна быть открыта в рамках маркетинговой инициативы.Вы можете заключить специальную сделку, позволяющую клиентам подписаться на ваш список адресов электронной почты или позволяя им получать «скоро» предложение — из спонсируемой рекламы Google той или иной формы (поиск, отображение и т. Д.), Платной социальной сети реклама в Facebook, Instagram и т. д. или рассылка по электронной почте. Чтобы действительно считаться «целевой страницей» в мире маркетинга, должна быть транзакция, которая заставила этого человека попасть на эту страницу. Unbounce прекрасно резюмирует это: «В цифровом маркетинге целевая страница — это отдельная веб-страница, созданная специально для целей маркетинговой или рекламной кампании.”

Теперь, когда мы понимаем определение целевой страницы, важно помнить, что существует множество не крутых целевых страниц. Фактически, только 22% предприятий удовлетворены текущим коэффициентом конверсии целевой страницы . Если ваши целевые страницы не классные, то, скорее всего, и коэффициенты конверсии. Вот 17 очень КЛАССНЫХ целевых страниц, чтобы вдохновиться , а затем работать над повышением коэффициента конверсии.

стр.S. У нас есть выпуск подкаста Goal Talk на эту самую тему. Проверьте это в подкасте Goal Talk, эпизод 13: Анатомия целевой страницы, приносящей прибыль.

1. Сандалии для молодоженов

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

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

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

Итак, как вы можете украсть хорошие вещи, происходящие на этой целевой странице, и применить их к своей собственной?

  • Используйте «крутые» и соблазнительные образы с людьми!
  • Убедитесь, что ваш CTA находится вверху страницы, но не слишком кричащий.
  • Чтобы вызвать доверие, предоставьте лучшие обзоры из известных источников.
  • Убедитесь, что у вас есть «бесплатное» предложение на вашей странице, чтобы привлечь новых потенциальных клиентов.

2. Instacart

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

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

3. GEM Сантехника и отопление

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

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

4. Программное обеспечение службы поддержки Solarwinds

Давайте будем честными, продавать программное обеспечение часто не «круто». Мы в WordStream слишком хорошо это знаем. Вот почему сделать ваши целевые страницы максимально крутыми — это ключ к успеху! Solarwinds отлично справляется с этим.Взгляните на целевую страницу ниже.

Вот причины, по которым это так хорошо работает:

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

Итак, как вы можете черпать вдохновение в этом бренде? Посмотрите на эти пункты выше и сделайте это на своих собственных, которые скоро станут крутыми целевыми страницами.

5. HelloFresh

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

6. freshsales

«Программное обеспечение для управления контактами — как оно круто!» никогда в жизни никто не говорил.

К счастью, freshsales знает, как заставить своих посетителей чувствовать себя круто с их забавным подходом на 360 градусов. Целевая страница ниже использует стратегию сохранения организованного, убедительного и ясного текста, но также включает забавный визуальный элемент. Еще одна интересная особенность целевой страницы freshsales — это БЕСПЛАТНЫЙ призыв к действию. Помните, что бесплатные вещи — это всегда здорово.

7. Wistia

Я могу быть предвзятым, потому что раньше я работал в компании Wistia, занимающейся видеоплатформой, но вы должны признать, что этот дизайн целевой страницы довольно крутой! Посмотрите это ниже.Главное, что в нем круто:

  • Элегантный и простой дизайн.
  • Уникальные и красивые цвета.
  • Простой и понятный текст.
  • Очаровательная копилка.
  • Поначалу отсутствие призывов к действию (что делает его менее напористым).

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

Чтобы скопировать крутость Wistia, убедитесь, что ваш дизайн прост и визуально привлекателен. Дизайн и простота являются ключевыми в создании супер крутых целевых страниц, и (это еще не все?) Бесплатные вещи никогда не помешают.

8. Аренда ВПП

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

Так как же ты можешь быть таким крутым, как Rent the Runway?

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

9. Рядный дом

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

Попробуйте стратегию Row House и поместите видео с автовоспроизведением в конце целевой страницы, и ваши посетители будут потрясены вашим уровнем крутости.

10. Торо Локо

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

Затем волшебным образом появилось забавное всплывающее окно. Какое удовольствие! Кроме того, посмотрите на всплывающее окно ниже… «Вечеринка с бранчем в мескале». Что может быть круче этого?

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

11.Airbnb

Вы, наверное, знакомы с Airbnb, и я подозреваю, что это во многом связано с удивительным опытом работы с сайтом компании. Главная целевая страница Airbnb, которую посетители найдут при поиске отелей для путешествий, выглядит чистой, ясной и полезной. Это определенно здорово… Я имею в виду, просто посмотрите на эту стильную, солнечную, яркую комнату с хипстерскими шляпами, украшающими стены. Вы действительно не ошибетесь, если почерпнете вдохновение для целевой страницы Airbnb.

Придерживайтесь принципов, которые мы обсуждали, чтобы сделать ваши целевые страницы такими крутыми:

  • Простой и понятный дизайн
  • Заманчивые, но не подавляющие образы
  • Очень четкий и не напористый призыв к действию

12.Чейз

Кто не хочет становиться «членом семьи Чейза»? Выбрать поставщика кредитной карты достаточно сложно, но факт остается фактом: у большинства компаний есть несколько карт на выбор. Вот почему мне нравится эта страница от Чейза. Он не только устраняет различия между двумя картами, но и делает это очень крутым и удобоваримым способом.

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

13. Wayfair

Это может выглядеть как всплывающее окно, но это не так! Wayfair отлично справляется с тем, чтобы покупатели попадали на красиво простую и актуальную целевую страницу. Здесь нет уловок и множества вкладок, которые мешают. Скорее, покупатели получают довольно фантастические скидки, позволяющие им сделать покупки как можно скорее.Все, что вам нужно сделать, чтобы подражать этому стилю, — это сделать вещи максимально простыми и предложить скидку.

14. HomeLight

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

15. Клуб плюшевых мишек

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

Когда вы прокручиваете страницу вниз, вы встречаете очень простой CTA.

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

16. Wix

Эта целевая страница Wix настолько классная, что мне даже не нужно объяснять почему.Достаточно взглянуть на великолепное и умопомрачительное изображение горы и неба. Сообщение ясное, сфокусированное, и CTA прямо здесь, чтобы вы могли перейти и «начать сейчас»!

17. Убер

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

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

7 креативных идей посадочных страниц (с 14 примерами)

Душевая мысль: Откуда маркетологи берут * лучшие * идеи посадочных страниц? Постойте, они их принимают в душе?

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

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

Но сначала! Позвольте мне дать вам три совета, которые сделают ваш мозговой штурм намного лучше.

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

3 вещи, которые следует помнить при мозговом штурме своей следующей большой идеи

1.Как и ваша реклама, ваши целевые страницы подходят не всем (и это хорошо!).

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

Вот почему: только целевые клиенты, которые идентифицируют себя с помощью уникального сообщения и дизайна вашего объявления, будут нажимать на него. Этот процесс самопроверки гарантирует, что те, кто с по достигают вашей целевой страницы, понимают, что отличает вас (или вашу разовую кампанию) — что означает более высокую вероятность продаж, кликов и конверсий.

2. Это нормально, если ваши идеи для целевой страницы выглядят немного необычно.

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

3. Варианты помогут вам найти лучший подход.

Если у вас есть несколько разных идей и вы хотите выяснить, какой из них лучше, вы можете запустить A / B-тесты на нескольких версиях целевой страницы, чтобы увидеть, какая из них лучше всего конвертируется.Но что, если (как это часто бывает) определенные типов посетителей лучше реагируют на одну версию, чем на другие? Вот где на помощь приходит Smart Traffic.

Используя AI, Smart Traffic изучает и тестирует различные варианты целевой страницы, чтобы определить, какой из них с наибольшей вероятностью приведет к конверсии определенного типа посетителя. Таким образом, когда кто-то новый заходит на вашу страницу, он мгновенно перенаправляется на вариант, который ему больше всего подходит. Другими словами, одновременный запуск нескольких вариантов может помочь вам каждый раз донести правильное сообщение до нужного человека.

7 идей целевой страницы, которые вдохновят вашу следующую кампанию

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

Хотите еще примеров? Обратите внимание на Ecommerce Lookbook — 27 целевых страниц с высокой конверсией от клиентов Unbounce.

1. Играйте с контрастом (темнота и свет)

Как неоновая вывеска, выделяющаяся на фоне ночного неба, этот креативный пример целевой страницы от Nathan Sports размещает яркий неоновый текст и элементы дизайна на темном фоне.

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

Наш следующий пример взят из приложения для выставления счетов Ballpark. Как и на целевой странице от Nathan Sports, пространство над сгибом зависит от контраста, чтобы текст выделялся. Привлекают внимание не только белый заголовок и зеленая копия на темном фоне, но и соответствующая концепция («Ваш бизнес не должен мешать вам спать по ночам»).

Но прокрутка вниз показывает, что для рассказа истории можно использовать градиент. Чем дальше вы прокручиваете, тем ярче становится страница. Это на удивление приятно, и посетители могут чувствовать себя вынужденными продолжать прокрутку из чистого любопытства — к чему эта страница? (Спойлер: это хорошо освещенный призыв к действию.)

Посмотрите, как страница разворачивается при прокрутке:

2. Окунитесь в мир цветов

Там большой, яркий, красивый мир — почему бы и нет ваша целевая страница будет частью этого? Цвет можно использовать как сокращение, чтобы передать эмоции, стоящие за вашим сообщением, привлечь внимание посетителей к определенному элементу (например, кнопке с призывом к действию) или просто вызвать визуальный интерес.

Кроме того, как мы видели в приведенном выше примере Nathan Sports, ваша целевая страница — идеальное место для экспериментов с разными цветами или дизайнами, которые обычно не связаны с вашим брендом.

В этом примере от SnackNation цвет занимает центральное место. Они используют игривые цвета, чтобы задать тон своему продукту и бренду (потому что перекус — это не рутинная работа — это то, что люди делают, чтобы побаловать себя).

SnackNation также использует дополнительные цвета для выделения важной информации.(Главный совет: желтый призыв к действию всегда будет выделяться на фиолетовом фоне!) Но наша любимая часть этой страницы — яркая волна конфетти, выходящая из пакета с закусками. Это добавляет дополнительные цвета и движение — и напоминает нам, что цвет не обязательно должен быть реалистичным или функциональным, чтобы работать на вашей целевой странице.

Наш следующий пример — не целевая страница, но, безусловно, источник вдохновения для дизайна.

Stripe получает много похвал за этот веб-дизайн (и не зря!).Идея достаточно проста — меняющийся градиентный фон, перетекающий через разные цвета, — и исполнение блестящее.

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

3. Сделайте смелое заявление с вашим экземпляром.

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

Эта целевая страница Trade Coffee имеет сильный заголовок рядом с (предположительно) крепкой чашкой кофе. Никакого жаргона, никаких модных словечек — только смелое заявление об их продукте.

«Чертовски хороший кофе». Это даже как бы шлепает вас по лицу, как чашка эспрессо.

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

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

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

Далее по странице находится еще один призыв к действию, предлагающий посетителям «Освободить фанк сегодня», который воспроизводит название указанной доски для серфинга («Освободи фанк») и по-прежнему работает как очень четкий призыв к действию. Эта копия связана с брендом Awayco и говорит на языке своей целевой аудитории — вперед, братан!

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

4. Начните работу

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

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

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

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

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

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

5. Втягивайте посетителей глубже в страницу — буквально

Креативной веб-страницы от AB Architects достаточно, чтобы заставить посетителей переосмыслить то, как они интерпретируют онлайн-пространство. В отличие от типичного вертикального дизайна страницы, при прокрутке посетители перемещаются вперед с на страниц.Такое ощущение, что вы идете по длинному коридору — или проходите по галерее — с фотографиями из их портфолио «Услуги для жизни» по обе стороны.

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

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

6. Позвольте посетителям поиграть с элементами дизайна

Есть что-то особенное в веб-сайтах, которые обеспечивают интерактивный дизайн.

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

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

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

7. Пригласите аудиторию

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

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

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

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

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

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

Давайте воплотим идеи вашей целевой страницы в жизнь

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

40 блестящих примеров целевых страниц (вперед и копирование лучших)

Создание целевой страницы с высокой конверсией является одним из основных элементов CRO (оптимизации коэффициента конверсии). Это то, что вы делаете, чтобы превратить браузеров в покупателей.

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

Но Интернет полон противоречивых советов, когда дело касается целевых страниц.И есть много «успешных» примеров целевых страниц, которые не похожи ни на , ни на .

Так в чем же формула?

Краткий ответ: есть много способов привлечь внимание, когда потенциальные клиенты попадают на целевую страницу.

Не существует одной идеальной формулы.

Но есть определенные элементы, которые вы каждый раз отмечаете.

Вот почему мы применяем реалистичный подход и демонстрируем 40 уникальных примеров целевых страниц, которые по-своему прекрасны.

Один из этих примеров (или два… или несколько) вдохновит вас на следующую блестящую идею целевой страницы — добро пожаловать заранее.

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

Давайте перейдем на целевую страницу lollapalooza и поднимем ваше ведущее поколение, дамы и господа.

Примеры посадочных страниц, часть первая: домашние страницы

Целевая страница — это любая страница, на которую кто-то попадает.

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

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

Но домашняя страница — это единственное исключение для целевой страницы.

Ваша домашняя страница — самая важная страница на вашем сайте.Браузеры Top of the Funnel (TOFU) попадут на эту страницу, когда они исследуют, стоите ли вы вашей соли (и их времени).

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

Для начала рассмотрим несколько веб-сайтов с исключительными домашними страницами.

1.

Simply Chocolate — абсолютный победитель

Уносит меня.

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

Что мне в нем нравится:

Панель навигации

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

Просто шоколад: Строка меню соответствует цветовой схеме и скрывает вкусности. Блестящий Классное фоновое видео Simply Chocolate о наведении курсора на панель навигации
Мой ограниченный выбор

Я могу только щелкнуть стрелку разворачивания, чтобы увидеть развернутую плитку шоколада, прокрутить вниз, чтобы увидеть другие варианты плитки, или щелкнуть ссылку ВАША КОРОБКА в правом верхнем углу, чтобы увидеть, что у меня в коробке (моей тележке).

Как быстро я могу наполнить свой ящик и бросить в них свои деньги? Давайте разберемся.
Тизер

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

Когда вы прокручиваете вниз, меню сжимается, а ингредиенты слегка прокручиваются вверх, показывая первый вариант панели. Ммммм.
Анимация клика Продукт разворачивается, когда вы нажимаете на него и затем прокручиваете.

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

Рекомендуемый список продуктов

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

Следующий продукт Ой, я действительно хочу откусить его и добавить в свою коробку.

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

Я почти могу попробовать эти плитки шоколада.

2.

Туши это нахальный

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

Взгляните на эту домашнюю страницу:

Копирайтинг и графика шокируют и прекрасны.

Ценностное предложение очевидно: пора перестать вытирать задницу (вы дикарь) и начать мыть ее с помощью доступного по цене биде.

Но на кого они нацелены?

Всем, кто какает.

Это широкий целевой рынок. Я хотел бы увидеть их стратегию контекстной рекламы.

Зайти на всю страницу, блестящее всплывающее окно и чат-бот:

Блестящее всплывающее окно.

Копирайтинг побеждает.

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

Я должен спросить себя: «А чего я не знаю о содержании ** своей задницы в чистоте?» Я отказываюсь от своего адреса электронной почты. Я должен узнать.

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

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

Накопление туалетной бумаги во время пандемии? Пффффт.

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

Tushy: Современное биде для ванной, которое спасет вашу задницу, ваши деньги и планету.

Это дерьмо.

Покупка биде… чек .

3.

VanMoof минимализм

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

Раздел героев VanMoof — это короткая, потрясающая, зацикленная анимация функций электронного велосипеда.

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

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

БАМ. Нулевой беспорядок.

S3 для вас, баскетболисты. X3 для вас, наездники и моя мама. Электронный велосипед со съемным аккумулятором. Думаю, имеет смысл? Узнайте больше о том, как работает CTA, здесь. Закажите тестовую поездку. Если бы мне нравились велосипеды, я бы полностью заказал один

4.

Eiger Extreme от Mammut — это вдохновение в движении Анимация раздела героя Eiger Extreme

Прежде чем я углублюсь во все замечательные вещи, которые есть на этой странице, могу я указать на шрифт? Этот шрифт отличный.Лечение в A выглядит как лабораторный стакан… и вот тут меня осенило; Eiger Extreme — это технология холодного снаряжения.

Это гений.

Эта страница выводит цвет и движение на удивительный уровень.

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

Работает.

Эффектный фон Кена Бернса, который темнеет по мере появления текста, и высококонтрастные цвета на фоне этого приглушенного фона, привлекают все мое внимание.

Панель навигации в виде вкладок

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

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

Эта страница выигрывает, потому что она рассказывает увлекательную, приключенческую историю.

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

Так что я добавил его в закладки.

5.

Karst Stone Paper — это просто экологичность

Этот продукт великолепен, и его простая домашняя страница тоже.

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

Верно. Эта бумага изготовлена ​​из щебня и смолы.

Это такое так 👏 круто.

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

По окончании анимации появляется черная вкладка с надписью «Обратите внимание на самое важное». Нажатие на нее (а как же иначе?) Подчеркивает цель этого продукта: сохранить окружающую среду.

У меня есть варианты: купить несколько продуктов, узнать о продукте, настроить мой продукт или прочитать их блог (метко названный Bookmark).

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

Думаю, я куплю карандаши без древесины, потому что это тоже безумно круто.

Мне нравятся сдержанные цвета и простой, но красивый дизайн этого сайта.

Минималистская тема лайн-арта продолжается на странице их блога

Простой штриховой рисунок и каракули вокруг даты.

Знаете ли вы, что мы можем делать бумагу из 100% переработанного камня, для которого не нужны деревья, вода, отбеливатель, кислоты или токсичные химические вещества?

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

6.

Лучано это видео

Видео. Видео. Видео.

Как эта страница загружается так быстро? Каждый его аспект подвижен.

Каждые.Одинокий. Вкусные. Во-вторых.

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

Он настолько красиво сделан, что я смотрел его трижды.

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

Эти скриншоты не передают видео должным образом. Пойдите, проверьте это.

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

Прокрутка продуктов с выделением при наведении

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

У меня выделяется слюна.

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

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

Лучано продает мороженое прямо с исключительной домашней страницы.

7. Gumroad некрасивый, и мне он нравится

Каким-то образом Gumroad удается быть прототипом целевой страницы, несмотря на уродливый дизайн (но это субъективно, правда?).

Я не получаю высококонтрастный глобус с разбросанными шарами. Это планеты? Гамболы? Это что такое Gumroad? Я смотрю на легкое вращение земли в левом верхнем углу — это бомба, спрятанная рядом с этими зданиями? — и это отвлекает мое внимание от ценностного предложения в середине раздела о героях.

Все это неправильно.

Иногда уродливое лучше.

А я люблю это.

Оказывается, многие уродливые сайты надрываются в сети.

Домашняя страница

Gumroad — это пример того, почему отличный дизайн переоценивают.

Они делают именно то, что им нужно в кадре героя:

Что делает GumRoad правильным
  1. Первоначальное ценностное предложение — это с лазерной фокусировкой , точно определяющая целевая аудитория (создатели) и подчеркивающая выгоду (облегчая получение оплаты).Они еще даже не объяснили «как».
  2. Прокрутите немного вниз, и преимущества будут уточнены вместе с множеством социальных доказательств: с 2011 года наши 89 432 создателя заработали более 461 871 955 долларов. Только на прошлой неделе 8 870 создателям из 127 разных стран было выплачено 2 844 134 доллара.
  3. Есть второе ценностное предложение: «Экономика создателей только начинается. Скажите это вслух: я заслуживаю того, чтобы зарабатывать на жизнь тем, что люблю ». CTA — это начать продавать (вот как).
  4. Двигаясь вниз по странице, Gumroad показывает нам вдохновляющую метрику.Они действительно идут олл-ин на свой целевой рынок — Creators .
Экономика создателей набирает обороты. Убедитесь, что вы получаете все те выплаты, которых заслуживаете. Обработка платежей

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

8. SquareSpace

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

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

Чистый и современный вид подходит агентству веб-дизайна.

Ценностное предложение очевидно: создайте собственный веб-сайт с красивым дизайном.

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

Двигаясь вниз по странице, мы видим ряд ключевых элементов:

  1. Покажите, не говорите: Squarespace демонстрирует функции веб-сайта, которые вы можете использовать на своей странице, а не просто рассказываете о них. Хотите слайдеры? Вот слайдер, рассказывающий о наших слайдерах.
  2. Чистый, чистый, чистый: Все на этой целевой странице чистое, современное и говорит о «высококачественном» дизайне, который Squarespace обещает предоставить. Уродливое отлично подходит для Gumroad, но не работает для агентства веб-дизайна.
  3. Легко просматриваемое портфолио: Я не могу сказать вам, на скольких креативных сайтах похоронены портфолио или их можно просматривать только через безнадежно ошибочный интерфейс. Squarespace громко и гордо демонстрирует свои примеры шаблонов, благодаря чему все это невероятно легко просматривать и ценить.

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

Найти дизайнеров, разбирающихся в маркетинге, невероятно сложно, поэтому точная копия Squarespace и акцент на преимуществах так … * кашляет * … впечатляет.

9. Паз прост и эффективен, как и их продукт

Я хочу сразу перейти к делу. Вот почему мне нравится домашняя страница Groove. После достижения ежемесячного дохода в размере 50 000 долларов США их редизайн увеличил конверсию на 100%.

Groove: О чем еще можно желать?

Как и их продукт, домашняя целевая страница Groove разработана для решения простой задачи. Возможно, это лучшее ценностное предложение, которое я читал (которое отвечает на журналистские 5 W и 1 H):

Что: Программное обеспечение для обслуживания клиентов

Почему: Снижение затрат и увеличение продаж

Как: Простая, быстрая, универсальная, высококачественная поддержка

Кто: Малые предприятия

Когда: Прямо сейчас.Начать бесплатную пробную версию (кредитная карта не требуется)

Где: Это бесплатная демонстрация прямо здесь.

Groove делает удивительные вещи на этой странице:

  1. Groove сообщает о преимуществах , которые ищут потенциальные клиенты: простое в использовании программное обеспечение, которое помогает им делать своих клиентов счастливыми.
  2. Прокрутите чуть ниже сгиба, и вы увидите снимок экрана во весь экран с их программным обеспечением, чтобы вы точно знали, как оно будет выглядеть и на что оно способно.
  3. Тонны социальных доказательств с логотипами «которым доверяют» и этой большой статистикой рядом с игривым снимком компании: с помощью Groove мы увидели уменьшение объема поддержки на 20%, время отклика на 46 минут быстрее и наш показатель счастья составляет до 89%.

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

10. Марк Мэнсон «не сосет»

Вот что можно сказать о советах по личному развитию в Интернете.

Отстой.

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

Итак, идет Марк Мэнсон. Марк говорит, что дает жизненные советы, которые «не отстой». И знаешь, что? Он прав.

Подзаголовок Марка действительно привлекает наше внимание.

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

Поэтому, когда я говорю, что эта целевая страница — лучшая целевая страница, которую я когда-либо видел, я немного предвзято.

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

5 отличных компонентов целевой страницы, которые не отстают
  1. Он говорит вам, что его письмо «не отстой» и что он изменит вашу жизнь без всякой чуши.Это говорит со мной на реальном языке. Мне сразу нравится этот парень. Я могу доверять совету, который он мне пришлет.
  2. Он создает непреодолимое препятствие для интереса с этой строкой: « Каждую неделю я присылаю три идеи, которые могут изменить мою жизнь. ”Потенциально, да? Теперь я действительно хочу знать, стоит ли он своей соли.
  3. Он дает посетителям возможность подписаться сразу в верхней части страницы. Это важно, потому что даже если пользователи не подписываются сразу же, предоставление им возможности подписаться в начале повышает вероятность подписки позже, возможно, через всплывающее окно или предложение согласия.
  4. Для тех, кто не готов сразу приступить к чтению, эта целевая страница продолжает снимок героя, разбивая все на четыре тематические электронные книги . Это дает читателям возможность совместить интерес к Марку с интересом к конкретной теме, которая им нравится и является прекрасным продолжением.
  5. Наконец, страница завершается лентой последних статей и последним призывом к действию , приглашающим посетителей просматривать все сообщения Марка: подпишитесь на сайт и получите доступ к большему количеству удивительного дерьма.Ну ладно. Я хочу увидеть это потрясающее дерьмо.

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

11. Unbounce знает о целевых страницах

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

И, как и следовало ожидать, их домашняя страница превосходна по всем параметрам.

Ползунок раздела героя, который скользит снизу вверх, а не вбок

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

5 выводов из целевой страницы Unbounce
  1. Воспользуйтесь этим преимуществом без этой проблемы. Создавайте собственные целевые страницы с помощью Unbounce — кодирование не требуется.
  2. Обратите внимание на высококонтрастный между фоном и примерами страниц справа.Более высокая контрастность увеличивает конверсию.
  3. Они упрощают преобразование с помощью двух функций: проводите кампании с максимально возможной конверсией с помощью Unbounce Conversion Intelligence ™ и нашей последней функции искусственного интеллекта Smart Traffic . Чем больше вы сможете, , помочь читателям понять, что именно вы предлагаете , тем лучше ваша страница будет конвертироваться.
  1. Unbounce сразу же дополняет свое ценностное предложение социальным доказательством . Они выделяют известные бренды, с которыми они работали, и демонстрируют яркую характеристику с подробным описанием учетной записи с твердыми номерами о том, насколько эффективен Unbounce для увеличения конверсии для клиента.
  2. Показывать гораздо эффективнее, чем рассказывать, и Unbounce делает это достаточно давно, чтобы точно понять, что именно конвертирует. Для кого предназначен Unbounce?
Unbounce работает для Saas, агентств и ecomm.

12. Gravity Payments заслуживает доверия и ориентирована на вас

Различные стратегии работают для разных аудиторий. Ключ к успеху — не обязательно подражать формуле шаблона.

Домашняя страница

Gravity Payments тонко выполняет две задачи:

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

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

Gravity Payments — это , нацеленная на вас — . Конкретно ты. Они начали свой бизнес с мыслями о вас, и, несмотря на широкий круг людей, которым нужны услуги обработки, они разговаривают только с вами.

« Мы сокращаем расходы и сокращаем затраты на прием платежей по кредитным картам, предлагая недорогие решения, прозрачное ценообразование и лучшее обслуживание клиентов ».

Они относятся к категории «Обработка кредитных карт, которой больше всего доверяют общественные предприятия».

Эксклюзивность вызывает доверие

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

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

Gravity показывает их процесс в 5 быстрых гифках.

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

13.KlientBoost разговаривает с вами

Говоря о домашней команде, я хочу упомянуть домашнюю страницу KlientBoost, потому что она делает несколько вещей исключительно хорошо.

Счастливые, улыбающиеся лица хороши. А кнопка CTA прекрасно контрастирует.

Здесь есть несколько замечательных элементов.

  1. Во-первых, для агентства цифрового маркетинга раздел героев ориентирован на людей, которые управляют этим высокоэффективным объединением. Это привлекает внимание , потому что я чувствую, что уже знаю, с кем собираюсь связаться, чтобы решить свои проблемы.
  2. Во-вторых, заголовок : Агентство эффективного маркетинга, которое быстро движется и ломает вещи. Подожди, а? Какие вещи ломаются? Звучит плохо, не правда ли? Охх, эти дерзкие маркетологи. Вот оно мелким шрифтом: Как рекорды продаж, плато и сердца ваших конкурентов. Единственное, что мы не ломаем? Наши обещания и банк.

Низкий смешок, правда?

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

БАМ. Халява.

  1. Социальное доказательство злорадства. Если вы собираетесь показать, насколько вы хороши и сколько компаний вам доверяют, станьте крупнее или отправляйтесь домой.
  2. Вот все причины, по которым вы должны выбрать нас.
  • Ваша производительность PPC серьезно повысится
  • Вы заработаете больше денег
  • Вы будете расти очень быстро
  • Мы, очевидно, представительны

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

Плюс юмор в наших книгах — всегда выигрыш.

14. ConvertKit ориентирован на нишу

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

Вот что такое отличная целевая страница. Сосредоточьтесь.

И именно поэтому ConvertKit набирает обороты. Они ориентированы на профессиональных блоггеров, которым необходимо их программное обеспечение.

ConvertKit нацелен на профессиональных блогеров (определенную аудиторию).

Что мне нравится на домашней странице ConvertKit:

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

15. SumoMe рассмотрит ваши возражения

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

Облегчите своих посетителей, устраняя возражения в кадре героя.

Инструменты для увеличения посещаемости вашего веб-сайта (и, да, они работают на любом веб-сайте)

Умно, что в подзаголовке так громко сказано.

Это классическая техника продаж — обращайтесь и отклоняйте возражения ДО того, как покупатель поднимет их или даже подумает о них.

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

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

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

Примеры целевых страниц, часть 2: лид-магниты, руководства, электронные книги и многое другое Страницы

Squeeze (opt-in) предназначены для получения адресов электронной почты.

Зачем нужны адреса электронной почты?

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

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

На следующих примерах целевой страницы показаны эффективные способы получения этих писем.

16. Социальные триггеры — это Дерек Халперн

Дерек Халперн — довольно известное имя в мире онлайн-маркетинга. Но, в отличие от большинства «гуру», большая часть его успеха связана с его личностью и чувством юмора.

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

Вы сразу чувствуете его личность через его целевую страницу.

На этой целевой странице мы видим, что Social Triggers — это Derek Halpern.Честно говоря, «социальные триггеры» — это в основном бессмысленное название блога.

Сайт, бренд, маркетинг и продукт — все вращается вокруг личности Дерека . И это не случайно.

  1. Личности продаются лучше, чем компании . Люди следуют за людьми — лидеры мнений, активные коммуникаторы, проницательные эксперты и т. Д. И целевая страница Дерека построена на этом, изображая личность крупнее жизни, которая не воспринимает себя слишком серьезно.
  2. Страница Дерека не только демонстрирует личность, которая сделала его успешным; Он попадает прямо в гвоздь с четырьмя бесплатными предложениями , каждое из которых обращается к разному сегменту целевой аудитории Дерека.
  3. Следуя этим предложениям с релевантными статьями и социальным доказательством , Дерек попадает во все нужные заметки эффективной целевой страницы.

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

17. Ной Каган успешен, и ты тоже можешь быть

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

Страница согласия

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

Простота может творить чудеса.

Это простой макет. Заголовок. Сбор электронной почты. Описание (и немного юмора в правом нижнем углу: Ной Каган делает вид «Я знаю дерьмо»).

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

На этой странице не так много деталей, а — это как раз и есть точка .И если простота работает для Ноя Кагана, она может сработать и для вас.

Компания

Noah, SumoMe, позволяет воспроизвести этот точный вид с помощью Welcome Mat. Teachable использовал приветственный коврик, чтобы увеличить количество регистраций на 70%.

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

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

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

Он, , действительно, хочет, чтобы вы увидели его всплывающее окно.

только способ получить его электронную книгу — это ввести свой адрес электронной почты.

Зачем ему использовать эту технику всплывающих окон? Вот пара причин:

  1. Всплывающее окно Майкла в значительной степени фокусируется на преимуществах , которые он предлагает, а увеличивает воспринимаемую ценность , утверждая, что эти материалы нельзя купить, потому что они предлагаются ТОЛЬКО подписчикам электронной почты. Люди любят эксклюзивные предложения.
  2. Последнее предложение — это очень личный и прямой призыв к читателю: «Прекратите откладывать остаток своей жизни на потом. Восстановите маржу, необходимую для процветания. Войти Сейчас.»

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

«Используя всплывающие окна с намерением выхода только для отдельных сообщений, а не на всех страницах сайта, они увидели увеличение регистраций на 600%».

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

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

Чтобы быстро бесплатно установить собственные всплывающие окна, используйте плагин SumoMe Listbuilder.

19. Брайан Харрис такой же, как и вы

Брайан Харрис стал одним из ведущих мыслителей в Интернете по вопросу создания списков адресов электронной почты.

Соответственно, вы ожидаете, что его страница регистрации электронной почты будет фантастической, и это действительно так:

Брайан Харрис не любит ходить вокруг да около.

«Хотите больше подписчиков по электронной почте?» Отлично, зарегистрируйтесь здесь.

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

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

20. Джон Морроу поможет вам написать для HuffPost

Джон Морроу — один из самых успешных блоггеров в мире. Его сети блогов привлекают миллионы читателей, сотни тысяч подписчиков и миллионы продаж.

Вот одна из его любимых страниц регистрации:

Подпишитесь, чтобы получить руководство, или нет.

Вот и все. Вот и все. Либо вы хотите прочитать это руководство по написанию для HuffPost…, либо нет.

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

Ключевым моментом здесь является то, что у вас есть для подписки.

Другого варианта нет. И с таким привлекательным предложением, Джон получает около коэффициент конверсии 50% .

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

Примеры посадочных страниц, часть 3: захват лида

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

21. CXL проводит вебинары правильно

За несколько лет CXL создала безумное количество отличного маркетингового контента. Это потому, что Пип Лаха, основатель CXL, в течение многих лет готовил высококачественные маркетинговые тренинги продвинутого уровня.

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

Но как это приносит деньги?

С дополнительными продажами и перекрестными продажами, которые связаны с ними.

Видите эту красную кнопку в правом верхнем углу? Допродажа. Маркетинговые вебинары

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

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

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

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

Вы также захотите серьезно заняться социальным доказательством и использовать данные для получения опыта (потому что вы не очень большой CXL).

22. KISSmetrics привлекает внимание на своих вебинарах

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

Вебинары — отличный способ собрать целевых лидов по конкретным интересующим темам .

И запись на эти вебинары выглядит так:

Использование фотографий динамиков придает индивидуальность.

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

  1. Хотя формат страницы не сильно отличается от формата других сжатых страниц веб-семинаров, он на чище и изящнее , чем типичная страница регистрации на веб-семинар.Никакого беспорядка. У вас есть форма регистрации. Ваше описание. Ваши специалисты. Здесь нет лишних цветов, небольших текстовых полей, раскрывающихся списков, случайного текста и т. Д. Это просто необходимая информация.
  2. Цвета яркие, и высококонтрастные, и изображения яркие.
  3. Копия видна и ориентирована на преимущества для пользователей.

23. Брайан Дин делает каждый пост ведущей страницей

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

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

Вы можете легко создавать ссылки для скачивания в своем контенте.

Это обычно называется «обновлением контента» и является стандартом в контент-маркетинге и привлечении потенциальных клиентов.

24. В Buffer разыгрывается раздача

Giveaways — фантастическая стратегия для увеличения списка подписчиков. Buffer — одна из многих компаний, использующих эту оптимизированную страницу сжатия для раздачи подарков.

Используйте стимул для получения подписчиков.

Хороший стимул — это всегда надежная стратегия для привлечения подписчиков, но также важно упростить участие в розыгрыше лотереи. Эта страница

  • делает регистрацию простой
  • четко отображает приз
  • ставит все выше сгиба
  • награждает пользователей за участие в конкурсе

Buffer использует KingSumo Giveaways, который вы также можете использовать для создать страницу с раздачей подарков.

25. Quicken Loans сразу переходит к делу

Эта двухэтапная целевая страница позволяет посетителям Quicken Loans быстро получить именно то, что им нужно.

Имея всего два варианта, вы очень быстро найдете то, что вам нужно.

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

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

26.BodyBuilding даст вам 10% скидку Скидки

не так эффективны сами по себе, как в сочетании с подпиской, особенно на товарном рынке, где цены относительно фиксированы.

BodyBuilding.com стал онлайн-лидером в области продаж фитнес-информации и пищевых добавок. И во многом это из-за их высокоэффективных маркетинговых кампаний по электронной почте .

Они добавляют подписчиков в этот список с помощью следующих страниц:

Получите подписчиков, предложив скидку.

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

Примеры посадочных страниц, часть 4: продажа товаров

Какой смысл во всех этих письмах, если вы не можете продать товар, верно? Итак, вот 10 выдающихся примеров целевых страниц для продажи продуктов.

27. Майкл Хаятт продает много книг

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

Он не использует какой-либо особый дизайн. На самом деле, в отделе UX это довольно необычно.

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

Многие люди говорят об этом парне действительно хорошие вещи.

Майкл отлично справляется с некоторыми вещами на этой странице.

  1. Для начала, акцентирует внимание сначала на проблеме . Вы хотите, чтобы ваш голос был услышан, но слишком много шума.Это разочарование находит отклик у многих людей. Когда вы продаете продукт, вы не пытаетесь добавить функцию; вы пытаетесь решить существующую проблему .
  2. Еще один важный момент — это боковая панель. Вы это видите? У него 27 отзывов на боковой панели. Это означает, что каждый раз, когда вы смотрите прямо во время чтения коммерческой презентации, вы видите новый комментарий о том, насколько хорош этот продукт.

Добавление социального доказательства увеличивает количество конверсий.

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

28. Freshbooks персонализирует реферальные продажи

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

Но рефералы — это еще более эффективная стратегия, чем электронная почта. Freshbooks использует собственный генератор целевой страницы, чтобы персонализировать целевую страницу в зависимости от того, кто на них ссылается.

Персонализация целевой страницы на основе рефералов вызывает немедленное доверие.

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

29. StudioPress предоставляет все темы

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

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

Предложите набор и рекламируйте его по более низкой цене.

Объединение — мощный способ увеличения продаж . Обратите внимание, как обычная цена очень четко отображается и выделяется в пользу ставки со скидкой?

30. Тони Роббинс приглашает вас на свою конференцию

Я хотел указать на страницу Тони Роббинса как на отличный пример эффективного прогресса (вниз по странице).

Тони Роббинс

Давайте посмотрим на прогресс.

  1. «ВАШ» путь к прорыву
  2. Привлечение видео
  3. Отзывы от известных людей
  4. Варианты ценообразования
  5. Превосходное удовлетворение / возврат Гарантия

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

31. MacBook Pro красивы

Я много раз упоминал «фокус» в этой статье, и хотя он обычно применяется к клиенту, на которого вы ориентируетесь, он также может применяться к вашим собственным сильным и слабым сторонам.

Возьмем, к примеру, Apple MacBook.

Apple заставляет все выглядеть сексуально и красиво.

Людям нравятся продукты Apple, потому что они потрясающе выглядят . Это то, что отличает их от конкурентов.

Итак, когда мы смотрим на эту целевую страницу, дизайн и красота — это то, что мы видим и что мы читаем о .

Apple перечисляет технические характеристики и характеристики, а также обескураживающую цену. Apple не нужно конкурировать по цене, потому что Apple знает свой покупатель.

Они продают красивую фурнитуру.

32.Джон Макинтайр использует длинные страницы продаж

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

Джон Макинтайр создал отличную длинную страницу продаж для своей группы Mastermind.

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

На этой странице есть несколько отличных элементов.

  1. Все начинается с автовоспроизведения видео, в котором Джон объясняет продукт.Хотя эта тактика может быть неудачной, Джон хорошо справляется с , переходя прямо к делу . (Плюс всего один щелчок, чтобы приостановить видео.)
  2. Далее страница демонстрирует целый ряд преимуществ, фокусируется на наиболее важной мотивации электронного маркетинга: увеличении доходов.
  3. Наконец, заканчивается видео-отзывами . Они сообщают, что людям так нравится этот продукт, что они были готовы записать видео, на котором они рассказывают о нем.Это мощно.

33. «Только серьезные блогеры»

Вы серьезный блоггер ?

Это такой тяжелый вопрос. Это такая наглая фраза. Только для серьезных блоггеров. Ага.

И, оставаясь с темой длинной страницы продаж, Джон Морроу дает нам прочное 10-минутное чтение этой целевой страницы.

Даже его призыв к действию гласит: «Я серьезно, впустите меня».

Это все есть. Преимущества. Социальное доказательство. Разочарования.Обещания. И т. Д.

Средний коэффициент конверсии

Джона на страницах подписки достигает 50%. Он знает, что делает.

34. Dollar Shave Club только что забрал ваши деньги

Целевая страница Dollar Shave Club — это не только одна из лучших рекламных роликов о Суперкубке всех времен, но и сочетание фантастического дизайна с юмористическим текстом.

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

Попробуйте использовать поясняющее видео, например Dollar Shave Club.

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

Unbounce обнаружил, что в среднем хорошие обучающие видео увеличивают конверсию на 20%.

35. Craft Coffee не обанкротится

Вокруг много любителей кофе.

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

На этой конкурентной (и содержащей кофеин) торговой площадке страница продаж по подписке Craft Coffee привлекает все внимание.

Они начинаются с очень информативного заголовка:

«Варите лучший кофе. Оплатите цены в продуктовом магазине ».

Гарантии удовлетворения — большие преобразователи.

За этим следует наглядное пособие «Как это работает» и заметная «Гарантия удовлетворенности».

Гарантии

имеют большое влияние на ваш коэффициент конверсии. Один онлайн-продавец часов увеличил конверсию на 41%, просто добавив гарантию.

Я бы порекомендовал добавить несколько дополнительных отзывов в начале страницы, но есть несколько замечательных, включенных ниже на целевой странице.

В целом, это отличный пример целевой страницы продаж.

36. У Etsy есть то, что вы больше нигде не найдете

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

Тем не менее, давайте посмотрим, как целевая страница может повлиять на платформу электронной коммерции.

Etsy отлично справляется с этим:

Etsy — это то, чего хочет клиент.

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

«Делайте покупки напрямую от людей со всего мира. Откройте для себя то, что вы больше нигде не найдете «.

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

37. GetResponse интегрируется со всем, что вы уже используете

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

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

Узнайте, какие инструменты использует ваша аудитория, и воспользуйтесь этими инструментами.

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

38. Lyft выделяет прямую стоимость

Когда вы перейдете на целевую страницу Lyft «Стать водителем», вы сможете быстро и легко сделать две вещи: (1) создать свой профиль вождения и (2) подсчитать, сколько вы можете заработать.

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

На картинке изображена простая машина с надписью «Езжай больше.Зарабатывать больше.»

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

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

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

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

39. TextMagic точно показывает, что вы получите

Мало что нравится людям так, как «бесплатно». TextMagic знает это и не заставляет вас искать их предложения.

Чтобы сделать его еще лучше, они эффективно используют свою страницу, чтобы показать посетителям четыре причины воспользоваться их предложением:
  1. Примеры: Картинка лучше 1000 слов, и TextMagic применяет эту концепцию на своей целевой странице.Большое изображение прямо под их бесплатным пробным предложением показывает, какой именно тип услуг предоставляет их компания. Вам не нужно гадать, что они делают или как выглядит интерфейс их решения, потому что вы сразу это видите.
  2. Контрастные цвета: Чтобы привлечь внимание к своему бесплатному предложению, они используют оранжевую кнопку, которая хорошо контрастирует с синим фоном и белыми полями по всей странице.
  3. Простая статистика: Трудно спорить с «50 000+ счастливых пользователей.«TextMagic не только включает статистику, но и несколько положительных отзывов со ссылками на соответствующие тематические исследования от своих клиентов.
  4. Clear Directions: Если вы хотите начать работу, это так же просто, как 1, 2, 3. Простые шаги приведены в нижней части страницы, за ними следует только другое предложение для бесплатной пробной версии.

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

40.Финал использует видео для вовлечения

В нашем последнем примере целевой страницы Final использует короткое видео на своей целевой странице, чтобы рассказать вам все, что вам нужно знать.

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

Короткие видеоролики, которые расскажут вам все, что вам нужно знать

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

Целевая страница не изобилует графикой и информацией.

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

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

Затем они дополняют это отзывами внизу страницы, так что посетители целевой страницы получают рекомендации от клиентов Final.

Целевая страница не слишком изящная, но на ней есть именно то, что нужно. Final четко передает свое сообщение через текст и видео.

Что дальше…

Возьмите эту сокровищницу идей и создайте собственную целевую страницу с высокой конверсией.

И не выбирайте просто один. Выберите много, чтобы у вас был арсенал для тестирования.

Целевые страницы развиваются. Следите за целевыми страницами, которые вам нравятся (как мы сделали здесь), и используйте их магию.

После прочтения этого поста, какую целевую страницу вы создадите?

23 эффективных примера дизайна целевой страницы, которые конвертируют

Нил Патель стал соучредителем Crazy Egg в 2005 году. 300 000 веб-сайтов используют Crazy Egg, чтобы понять, что работает на их веб-сайтах (с такими функциями, как тепловые карты, карты прокрутки, реферальные карты и пользовательские записи), исправить то, что не работает (с помощью редактора WYSIWYG ) и проверить новые идеи (с помощью надежного инструмента A / B-тестирования).

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

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

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

Мы рассмотрим несколько примеров дизайна целевых страниц, которые покажут вам, насколько они эффективны.

23 примера дизайна посадочных страниц, которые вы захотите украсть в 2018 году

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

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

Если вы новичок, посмотрите видео, которое я снял о создании конверсионных целевых страниц. Это быстрые часы, которые описывают мой процесс работы в собственных компаниях или с клиентами.

Давайте копнем.

1. Moz Pro

Мне нравится целевая страница Moz Pro, потому что на ней быстро указывается УТП продукта. Клиенты могут рассчитывать на более высокие рейтинги, качественный трафик и измеримые результаты. Тогда у вас есть призыв к действию — «Начни мою бесплатную пробную версию» — отраженный на панели навигации и на изображении героя одним и тем же ярким цветом.

2. Twago Enterprise

Почему бы не стать большим, смелым и ярким? Целевая страница Twago Enterprise одновременно проста и энергоэффективна. У вас есть USP крупным шрифтом, за которым следует краткое описание продукта.

CTA — Запросить демонстрацию — имеет цвет, который не отображается в другом месте на странице.

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

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

3. 180fusion Даллас

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

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

4. Flickr

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

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

.

5. Unbounce для агентств

Целевая страница услуг Unbounce на уровне агентств действительно популярна.Яркие синие акценты в сочетании с ярко-оранжевыми CTA работают визуально, чтобы передать последовательное сообщение.

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

Конкурирующих призывов к действию могут сработать против вас, если вы не будете осторожны. Ниже я объясню, как Crazy Egg Recordings может помочь вам понять, нужно ли вам удалить призыв к действию или создать более визуальное разделение на странице.

6.Писатели Upwork

Upwork объединяет предприятия и профессионалов во многих сферах обслуживания. Целевая страница для писателей-фрилансеров хорошо продумана и прекрасно использует социальное доказательство.

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

7. Codecademy Pro

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

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

8. Веснушка

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

9. Площадь

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

Прокрутив вниз, вы увидите, как Square работает с POS-системами. Это хороший способ познакомить потенциальных клиентов с продуктом.

10.BuildFire

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

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

11. Бар Hello

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

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

12. Полоса

Дизайн целевой страницы платежей для Stripe красивый и функциональный.Это отличный пример удачной работы двойных призывов к действию. Очевидный CTA имеет темный фон с белым текстом. Он предлагает вам создать учетную запись. Гораздо труднее увидеть конкурирующий призыв к действию.

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

13. Образовательный центр Нойгауза

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

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

14. Air Canada

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

15. Революция в дрессировке собак Зака ​​Джорджа

Это целевая страница книги Зака ​​Джорджа «Революция в дрессировке собак». Это бестселлер и всего лишь один из ее продуктов. Вы получаете логотипы мест, где можно купить книгу, и заголовок, пробуждающий любопытство. Симпатичная обложка тоже не повредит.

16. Costco

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

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

17. Асана

Вот еще один пример дизайна целевой страницы, который отличается простотой. Вместо изображения героя у нас простой белый фон. Два призыва к действию отражают друг друга, а заголовок точно объясняет, почему существует Асана.

18. HostGator

Целевая страница общего веб-хостинга

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

19. Веганское общество

Страница пожертвований для The Vegan Society использует смелые, комплиментарные цвета и убедительный язык, чтобы привлечь внимание читателя. Некоммерческая организация предлагает несколько вариантов пожертвований, которые могут увеличить конверсию.

20. Dropbox

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

21. Дракон, говорящий естественным образом

Nuance, создатель Dragon Naturally Speaking, предлагает отличный пример дизайна целевой страницы на своей странице Dragon для ПК. Он включает в себя приятное изображение главного героя, простой заголовок и список УТП в основном тексте.

22. Инвестопедия

Investopedia предлагает разновидность бумажной торговой игры, которую инвесторы могут использовать, чтобы замочить ноги.Целевая страница регистрации работает очень хорошо, особенно с лентой Free to Play в правом верхнем углу. Форма короткая, и цвета прекрасно сочетаются друг с другом.

23. Фитбит

Целевая страница «Что нового» для Fitbit уникальна и стильна, с несколькими категориями на выбор и элегантным сочетанием текста и иллюстраций.

Рекомендации по дизайну посадочных страниц

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

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

Создайте лендинг для вашей целевой аудитории

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

Это неправильное мышление.

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

Версия 1:

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

Версия 2:

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

Понятия не имею, какой продукт я здесь описал, но он мне нравится.Более того, какая версия копии с большей вероятностью будет преобразована?

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

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

Выделите предложение визуально

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

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

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

Определите конкретную цель дизайна целевой страницы

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

Допустим, вы продаете очень простой инструмент SaaS, который решает небольшую проблему. Он крошечный, но по-своему могущественный.

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

Выберите один из лучших инструментов для целевой страницы

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

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

Узнайте, как понять, что работает, а что нет.

Когда вы создаете свою целевую страницу, вы вздыхаете с облегчением. Работа сделана, да?

Это далеко не так.

После того, как вы построите лендинг, вам нужно следить за ним.Используйте такие инструменты, как Google Analytics и Crazy Egg, чтобы выяснить, насколько хорошо ваша целевая страница работает с вашей аудиторией. Куда переходят посетители? Как долго они остаются на странице? Они кажутся сбитыми с толку или разочарованными?

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

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

Заключение

Примеры дизайна целевых страниц

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

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

15 блестящих примеров целевых страниц для подражания в 2020 году

Целевые страницы могут быть решающим фактором в вашей стратегии привлечения потенциальных клиентов.

Для всех создаваемых вами объявлений в социальных сетях или рекламных кампаний Google, если они ведут на целевую страницу, которая не конвертируется, вы просто выбрасываете деньги. Целевая страница — это, по сути, страница, на которую потенциальный клиент попадает после того, как щелкнет рекламное усилие.Разные бренды по-разному используют целевые страницы; некоторые будут перенаправлять на свою домашнюю страницу, страницу продукта или страницу «свяжитесь с нами», тогда как другие бренды будут ссылаться на уникальную целевую страницу для конкретной кампании.

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

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

1. Проведено: целевая страница с отзывами

Этот пример целевой страницы представляет собой домашнюю страницу и переход по клику из рекламной кампании Google. Так что же хорошего в этом конкретном примере? «Holded, бизнес-операционная система для современных компаний».

Отзывы о витрине

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

Квалифицировать потенциальных клиентов из числа лидеров воронки продаж

Анализируйте взаимодействия клиентов на целевой странице с помощью такого инструмента, как hotjar. В разделе «Для кого» этого LP Holded квалифицирует потенциальных клиентов на ранней стадии, обращаясь к: компаниям, консультантам / консультантам и фрилансерам. Используя инструмент теплового картографирования, они смогут отслеживать каждый клик и взаимодействие пользователя в каждом из этих разделов и направлять свои маркетинговые усилия на удовлетворение своих потребностей в будущем.

Дайте возможность опробовать товар

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

2. Типовая форма: целевая страница, которая поддерживает контент

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

Готовность к работе с платформой

Целевая страница не только идеальна для настольных компьютеров, планшетов и мобильных устройств, но и знает, кому она адресована. Typeform знает, что они привлекательны для бизнеса, а компании знают, что им нужна мобильная связь. К 2021 году ожидается, что 51% онлайн-покупок будет совершаться через мобильные устройства. Демонстрация того, что ваш продукт готов к работе с мобильными устройствами, — это огромная победа, и ее следует учитывать в верхней части вашей целевой страницы.

Контент — это король

Typeform знает силу хорошего повествования и разумно использует его в этом конкретном примере целевой страницы.Они превратили свои потребительские обзоры в увлекательные рассказы.

Конвертирует видео

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

3. Slack: целевая страница с призывом к действию

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

Разместите CTA во всех нужных местах

CTA должны быть продуманными. Тот факт, что на вашей целевой странице их больше, не обязательно означает, что вероятность конверсии выше. Slack добавил на свою целевую страницу четыре основных призыва к действию; это четкие кнопки, и они привлекают взгляд их цветом и дизайном. Фактическая страница разбросана различными другими CTA. Если клиенту нужно немного больше убеждений, он продолжит чтение и привлечет внимание других кнопок с призывом к действию.

Выделите USP

Slack включил свои уникальные торговые предложения (УТП) в основную часть целевой страницы.Они представили УТП не только как аргументы в пользу продажи, но и как полезные советы. В каждом УТП есть своего рода глагол: «заменить», «вырваться», «внести изменения». Они уже побуждают клиентов использовать продукт еще до того, как купят его.

4. Skype: целевая страница с отличным UX

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

Использовать блоки содержимого

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

Использовать функции прокрутки

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

Цвета

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

5. OneRecruit: целевая страница с автоматизацией маркетинга

«OneRecruit, набор по часам». OneRecruit, параллельный продукт на OneCoWork, демонстрирует дизайн целевой страницы, не похожий на тот, который мы видели до сих пор. При гораздо меньшей узнаваемости бренда им необходимо максимально четко представить свой бренд вместе со своим продуктом, поэтому давайте посмотрим, что они сделали.

Используйте программное обеспечение для автоматизации маркетинга

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

Показать тарифные планы

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

6. Hive: целевая страница с простой формой регистрации

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

Обеспечьте беспроблемную регистрацию

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

7. Hootsuite: целевая страница для вернувшихся посетителей

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

Адрес постоянных посетителей

Выше вы увидите две целевые страницы поиска по названиям брендов от Hootsuite.Заметили что-нибудь другое? Второй ценовой план выглядит намного привлекательнее.

Отрегулируйте CTA соответственно

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

8. Loomly: целевая страница, которая идет вразрез с конкурентами

«Постройте успешный бренд вместе со своей командой.”Ваше ценностное предложение должно занимать видное место на любой хорошей целевой странице; как вы показываете это ценностное предложение, полностью зависит от вас. Если вы работаете на относительно переполненном рынке, таком как Loomly, не бойтесь идти вразрез со своими конкурентами.

Использовать контрольные списки

Не бойтесь сравнивать свой продукт с другими в дизайне целевой страницы. Контрольные списки — действительно ясный способ сделать это; они не только помогают убедить пользователя в том, что у вас есть то, что есть у конкурентов (мы надеемся, что лучше), но и в том, что у вас также есть УТП.

9. Sendinblue: целевая страница с микропутешествием

«Sendinblue, сделай свой бизнес взлетом с помощью полного набора инструментов для продаж и маркетинга». Истории важны для нас, рассказывание историй — в нашей природе, и любая форма отличного маркетинга осуществляется с помощью отличного рассказывания историй. Рассказывайте истории по мере возможности; они не всегда должны быть такими очевидными.

Свяжите рекламные кампании с функциями целевой страницы

Sendinblue проделал большую работу с описанием заголовка своего объявления Google.Их текст гласит: «Лучшее соотношение цены и качества для малого бизнеса». Затем в этом объявлении выполняется щелчок, чтобы сосредоточиться на ценности продукта, предлагая набор планов для предприятий разного размера.

10. Pipedrive: целевая страница, которая сделала их домашнее задание

«Pipedrive, первая платформа CRM, созданная продавцами для продавцов». Мы сравнили вас с рынком и вашими конкурентами в целом. А теперь давайте посмотрим, как вы участвуете в соревнованиях, не беря пленных.

Назовите своего крупнейшего конкурента

Pipedrive создал целевую страницу для поискового запроса «HubSpot».Бренды все время делают ставки против своих конкурентов. Pipedrive перешел на следующий уровень. Pipedrive объявил своих конкурентов. Они разместили все свои предложения вместе с HubSpot, а также «пристыдили» HubSpot за продажу скрытых ограничений. Итак, если вы так агрессивно гонитесь за своими конкурентами, обязательно сделайте домашнее задание и честно изложите свои выводы.

11. Freshdesk: интерактивная целевая страница

«Freshdesk, многоканальное, управляемое ИИ или самообслуживание решение для обслуживания клиентов.«Freshdesk удалось поиграть с профессионалами.

Сделайте свою целевую страницу интересной

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

12. Shopify: подготовленная целевая страница

«В Shopify есть все необходимое для создания интернет-магазина». Этот пример целевой страницы идеально подходит для ограничения возможностей пользователя и повышения шансов на регистрацию.

Разместите CTA вверху страницы

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

13. Gotomeeting: краткая целевая страница

«Gotomeeting, профессиональные онлайн-встречи». Этот дизайн целевой страницы — отличный пример того, как сохранять лаконичность, а также отмечать разнообразие.

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

14. Домофон: целевая страница с диалоговыми продажами

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

Пользовательские чат-боты

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

15. People HR: целевая страница с демонстрацией

«People HR автоматизирует HR-задачи, которые вы ненавидите». People HR удалось объединить множество лучших примеров целевых страниц, которые мы обсуждали, на одной странице. Однако мы сосредоточимся на одном, в частности, с ними.

Воспользуйтесь демонстрацией

Попытайтесь продемонстрировать свой продукт, когда сможете. Эти демонстрации лучше всего запускать отдел продаж или работы с клиентами, они могут быть записаны и должны действительно рассказывать об УТП вашего продукта. Одна вещь, которую People HR сделала иначе, — это управление ожиданиями, указав длину демонстрации в CTA. Время — деньги, поэтому используйте время клиентов с умом, и они будут уважать вас за это.

Это обертка

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

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

Шаблоны посадочных страниц — HTML-страницы

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

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

На одном сайте можно использовать несколько целевых страниц, каждая из которых предназначена для определенного типа посетителей и ориентирована на разные результаты. Фактически, согласно этому отчету HubSpot, компании, которые увеличивают количество целевых страниц с 10 до всего 15, видят, что — это 55% -ное увеличение лидогенерации .

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

Итак, каковы основные элементы хорошего шаблона целевой страницы?

Вот основные моменты, о которых следует помнить:

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

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

.
Оставить комментарий

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

© 2019 Штирлиц Сеть печатных салонов в Перми

Цифровая печать, цветное и черно-белое копирование документов, сканирование документов, ризография в Перми.