Содержание

Как сделать лендинг самому — пошаговая инструкция

Как сделать лендинг самому пошаговая инструкцияКак сделать лендинг самому пошаговая инструкция

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

Здесь мы рассмотрим вариант бесплатного создания лендинга из html шаблона. Кстати, ваш лендинг будет на 100% адаптивным подо все мобильные устройства. А это сегодня важно.

Итак, вот пошаговый план самостоятельного создания лендинга:

И прежде всего давайте скачаем основу для нашего будущего лендинга — готовый профессиональный html шаблон.

#1 — Скачиваем бесплатный html шаблон лендинга

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

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

#2 — Заменяем картинку на главном экране

Когда скачаете — откройте папку «blue» и внутри вы найдете несколько файлов с расширением html. Кликните два раза на тот, который называется index.html.

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

Теперь нам надо его отредактировать. И удобнее всего это делать с помощью программы Notepad++. Скачайте её и установите себе на компьютер.

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

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

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

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

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

Если все ОК, то переходим к редактированию текста.

#3 — Редактируем текст на главном экране

Кликайте правой кнопкой мыши по файлу «index.html» и выбирайте «Открыть с помощью — Notepad++».

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

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

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

После этого сохраняем документ, и обновляем лендинг в браузере. Получаем следующее:

Получилось не очень симпатично, потому что заголовок большой, и растянулся на весь экран. Попробуйте после слова «налоговой» вставить тег <br/>. Он сработает как разрыв в предложении, и часть текста перенесется на новую строку. Мне кажется, что так получится лучше.

Далее меняем подзаголовок. Чтобы посетитель сразу получил тот минимум информации, который необходим для заказа — прописываем наши конкретные предложения. Например: «Подготовка и сдача отчетности за 4 рабочих дня. Отчет УСН — от 5400р. ЕНВД без сотрудников — от 2100р.» Вставляем этот текст вот сюда:

Теперь меняем текст кнопок таким же образом. Пишем на белой «Заказать», на прозрачной — «Подробнее».

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


#4 — Затемняем фоновую картинку

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

Более светлый называем, например «overlay2.png», а более темный — просто «overlay».

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

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

#5 — Заменяем форму подписки

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

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

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

Теперь наш призыв к действию будет выглядеть так:


#6 — Загружаем лендинг на хостинг

Когда шаблон лендинга отредактирован, вам нужно выложить его в интернет. Для этого вы приобретаете домен и хостинг у любого провайдера (например у Reg.ru), и закачиваете вашу страницу на хостинг. Только переименуйте сначала папку «blue» во что-нибудь более подходящее. Например «services». Тогда адрес вашего лендинга будет выглядеть так: yourdomain.ru/services/index.html

После загрузки вы можете сменить расширение html на php. Тогда ваш новый лендинг будет открываться просто по адресу: yourdomain/services/.

#7 — Привлекаем целевую аудиторию

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

Не забудьте скачать мою книгу «Автостопом к миллиону». Там я показываю вам самый быстрый путь с нуля до первого миллиона в интернете (выжимка из личного опыта за 10 лет = )

До скорого!


Как быстро сделать лендинг — примеры и шаблоны от Nethouse.ru

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

Как можно быстро создать landing page

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

Оба этих варианта легко обойти. Все, что нужно, это конструктор сайтов. Самым популярным в России является Nethouse. Это целая платформа, которая также включает сервис по регистрации доменов более чем в 150 зонах (.RU и .РФ всего за 149 руб/год), продвижение, обучение интернет-маркетингу и сеть Агентов по России.

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

Чтобы сделать лендинг за короткий срок, нужно:

  • зарегистрироваться на Nethouse, заполнив несколько полей;
  • в Настройках выбрать самый привлекательный шаблон, изменить его цветовую гамму и некоторые параметры по вкусу, если это возможно;
  • собрать страницу как настоящий конструктор – вставить обложку, фото, видео, форму захвата, тексты, список преимуществ товара/услуги, контакты и т.д.;
  • заполнить добавленные блоки информацией – написать тексты, добавить графику и другие элементы;
  • настроить работу систем аналитики (Яндекс.Метрика и/или Google Analytics), чтобы понять, что делают посетители на одностраничном сайте, сколько их и кто заинтересовался предложением.

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

Как сделать лендинг самому: пошаговая инструкция

  • Старт бизнеса
    • Профориентация
    • Целеполагание
    • Будущее
  • Развитие бизнеса
    • Управление
    • Финансы
    • Кадры
    • Юриспруденция
  • Продажи
  • Привлечение клиентов
    • Тендеры
    • Лидогенерация
    • Лендинги
    • Контекстная реклама
    • Социальные сети
    • Инстаграм
    • Реклама
  • Деловой мир
    • Кейсы
    • Тесты
  • Старт бизнеса
    • Профориентация
    • Целеполагание
    • Будущее
  • Развитие бизнеса
    • Управление
    • Финансы
    • Кадры
    • Юриспруденция
  • Продажи
  • Привлечение клиентов
    • Тендеры
    • Лидогенерация
    • Лендинги
    • Контекстная реклама
    • Социальные сети
    • Инстаграм
    • Реклама
  • Деловой мир
    • Кейсы
    • Тесты
  • Супер
  • Интересно
  • Любопытно
  • Скучно
  • Плохо
  • Популярное
  • Лучшее
  • В тренде
Рубрики
  • Профориентация
  • Целеполагание
  • Будущее
  • Управление
  • Финансы
  • Кадры
  • Юриспруденция
  • Продажи
  • Лидогенерация
  • Лендинги
  • Контекстная реклама
  • Социальные сети
  • Инстаграм
  • Реклама
  • Тендеры
  • Кейсы
  • Тесты

Поиск

  • Сегодня в тренде

Как сделать лендинг самому | Пошаговая инструкция

как сделать лендинг самому пошаговая инструкция

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

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

Что имеет конструктор Gum

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

– навигация DropDown

– неограниченные цвета

– интеграция Mailchimp

– настройка форм

– 1000 иконок

– настройка карты Google

– 7 стилей карт Google

– предварительный просмотр на разных устройствах

– резервное копирование проекта

– 7 типов меню

– Темные и светлые темы

–  50 шрифтов Google

– сохранить / загрузить проект

– функциональность Drag & Drop

– видео фона

– настройки SEO

– модальные всплывающие окна

и это еще не все.

 

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

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

Обо всех прелестях Gum вы узнаете из пошаговой инструкции.

Где и как купить Builder Gum

На просторах интернет имеется площадка Evantomarker, где можно купить все, музыку, изображения, программы, плагины, скрипты и другое. Идем на сайт и покупаем билдер Gum.
покупка gum

Чтобы не покупать кота в мешке, его можно посмотреть и потрогать. Сделать это можно на странице

http://multifour.com/projects/gum/builder/

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

Для покупки регистрируйтесь и оплачивайте, после оплаты вы сможете скачать Gum. Оплату можно произвести с карты или через платежную систему Pay Pal. Если нет карты или не хотите её привязывать, закидывайте деньги в Pay Pal и оплачивайте. Для перевода денег я использовал один из обменников, который мне подошел. Как выбрать обменник читайте здесь.

Будут вопросы обращайтесь в личку ВКонтакте

Установка билдера на хостинг

Билдер Gum работает непосредственно на хостинге. Можно воспользоваться одним из трех вариантов.

1. Установка билдера под существующий сайт или блог
2. Установка на отдельный домен и хостинг
3. Установка билдера на локальном сервере (на компьютере)

 

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

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

Рассмотрим, как установить билдер на существующий сайт

1. Распаковываете скачанный билдер и увидите 4 папки, для установки потребуется папка с названием “PageBuilder-4.6.4”.

что в папке2. В корневом каталоге сайта создаете папку с любым названием, например “gum”.

3. С помощью FTTP клиента закачивайте папку PageBuilder-4.6.4 в папку gum.

4. В браузере в адресной строке указываете путь-ссылку до билдера.

У вас должно получиться что то типа этого http://sait.ru/gum/PageBuilder-4.6.4/

5. Билдер загрузится и можно приступать к созданию лендинга.

Установка билдера на бесплатный хостинг

В качестве бесплатного хостинга использовал Free хостинг Бегет.

бесплатный хостинг

Проходите процесс регистрации, где вам пришлют логин и пароль и попадаете в админ-панель.

админ панель

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

Загружаете папку с конструктором в папку public_html, прописываете путь до папки PageBuilder-4.6.4 в адресной строке браузера и все работает.

админ панель

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

Структура конструктора Gum

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

структура

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

 

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

Создание сайта по шагам

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

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

шапка
При наведении на секцию появляется меню с названием секции и панелью для редактирования.
меню секции
Но нам, к примеру, нужно изменить название раздела FAQ на КОНТАКТЫ. Для этого клик в левом меню по букве Т (текст) и клик по изменяемому слову. Затем переписываем его.
замена текста
Готово, получили то что нужно.
итог

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

Шапка сайта
  1. Следующим шагом добавим секцию “шапка”, действия те же что и при выборе “меню” и заменим текст, Напишем “Тест Лендинг”.

добавление секции

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

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

Стили CSS
  1. Теперь добавим форму обратной связи и с помощью CSS, что-нибудь изменим.

добавил форму
Для изменения переходим в режим редактирования, для этого клик по меню слева, затем наводим на форму и выбирает “Настройки”. Откроется окно, где можно и внедрять стили CSS.

Добавим немного кода между скобками.
добавление кода
Что получили
изменения

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

 

меню формы

 

поля
Затем нужно настроить отправку данных на вашу почту. Простое заполнение Mail PHP, через SMTP сервер и далее интеграция с различными системами почтовых отправок.

настройка отправки

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

 

вид на мобильном

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

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

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

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

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

скачать сайт

Сайт в интернете
  1. Размещение готового сайта на хостинге аналогично размещению билдера Gum. На этом я останавливаться не буду. Этой информации достаточно в интернете.

Теперь вы можете сделать лендинг самостоятельно с использованием данной инструкции.

 

Как создать лендинг: пошаговая инструкция

Не каждый посетитель, попавший на ваш сайт, совершает целевое действие, потому что ему не хватило аргументов, стимулов или не привлек сайт. Толчком для нужных действий пользователя может стать правильный лендинг. Расскажем, какой лендинг будет работать на вас, а также дадим готовый to-do list для создания удачного лендинга. 

Чем лендинг отличается от сайта?

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

Хорошим показателем конверсии для сайта считается 2—3 % от всех посетителей. Для лендинга эта цифра — 14—15 %. Такого результата помогают добиться кнопки с призывом к действию.

Принципы успешного лендинга

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

Принцип первого экрана или Above The Fold. Газеты продают сложенными вдвое, поэтому титульная страница делится на видимую и невидимую часть. Если заголовок или фотография на видимой части привлекают внимание, хочется купить газету и дочитать до конца.

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

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

Учет тепловой карты страницы. Важные смысловые блоки расставляют на виду так, чтобы пользователь находил нужные элементы на привычном месте. Есть несколько моделей поведения на сайте, актуальные из которых: Z-Pattern и Guttenberg Pattern

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

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

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

Call-to-action элементы. Призыв к действию — логическое завершение длинного пути, который переводит читателя на новый этап воронки продаж. На лендинге размещают кнопки подписки или покупки, ссылки на товар и формы для электронной почты. На принятие решения влияют форма и цвет кнопки, ограниченное предложение («Осталось три места на вебинаре») и место размещения.

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

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

 

Как создать лендинг? 

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

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

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

 

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

 

To-do list для заказчика по созданию лендинга

Создание лендинга делится на следующие этапы:

  • продумывание структуры лендинга — создание примерного плана, который станет основой ТЗ для дизайнера и копирайтера;
    • Закажите сбор и анализ конкурентов. Сравните себя с конкурентами и международными лидерами в вашей нише. Выпишите ваши конкурентные преимущества, а также “фишки”, которые можно позаимствовать у конкурентов.
    • Ответьте для себя на вопрос, что должен совершить пользователь после прочтения посещения лендинга? Это будет целью лендинга. Эту цель обязательно нужно обозначить перед исполнителями
  • написание контента — текст, который будет «продавать» продукт. Основная рабочая схема написания текста “Боль клиента — Усиление боли — Идиллия — Решение — Предложение сделки”;
  • дизайн — создание полного макета. Подробнее про дизайн мы написали чуть ниже;
  • верстка — оформление сайта в соответствие с его функционалом и макетом дизайнера;
  • программирование — реализация необходимого функционала сайта;
  • настройка рекламы — запуск контекстной рекламы для генерации трафика на ваш лендинг.

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

При работе с дизайнером и верстальщиком нужно учесть следующие моменты:

  1. Макет и прототип страницы — согласуйте основные блоки, структуру и путь читателя от элемента к элементу.
  2. Логотип — если у компании еще нет логотипа, самое время добавить его на лендинге, чтобы сделать бренд узнаваемым.
  3. Шапка для сайта — с информацией о продукте, логотипом и навигацией.
  4. Иллюстрации — хороший дизайнер не будет наполнять страницу фотографиями с фотостока. Он отрисует иллюстрации самостоятельно или запросит у вас качественные изображения технологического процесса или продукта.
  5. Кнопки с призывом к действию — дизайнер поможет определиться, какие CTA-элементы нужны на странице и где их расставить.
  6. Форма обратной связи — это может быть номер телефона, кнопка «Перезвоните мне» или значок онлайн-чата в углу страницы.
  7. Иконки — помогают читателю разделить блоки и визуально выделить важное.
  8. Отзывы клиентов — важный элемент лендинга, который повышает доверие посетителя. Отзывы могут быть статическими или обновляться через 5—10 секунд.
  9. Фон для блоков и элементов сайта — люди боятся пустых мест и белых пятен, нужно продумать фон и заполнить пустоты иллюстрациями.
  10. Анимационные эффекты — ссылки должны менять цвет, если читатель на них нажал, а кнопка заказа двигается. Такие мелочи помогают читателю воспринимать информацию.

В задании для копирайтера нужны такие пункты:

  1. Цель текста: что должен сделать пользователь после прочтения.
  2. Кто читатель: чем точнее укажите целевую аудиторию, тем проще автору попасть в нужную тональность.
  3. План и смысловые блоки: структуру текста редактор может разработать самостоятельно, но чтобы она отвечала вашим ожиданиям, лучше обговорить план заранее.
  4. Основные тезисы: если есть моменты, которые нужно обязательно упомянуть в тексте, скажите об этом автору.
  5. Запретные элементы: слова и фразы, которых не должно быть в тексте.
  6. Если у вас подготовлены ключевые слова для SEO продвижения лендинга, передайте их копирайтеру, чтобы он включил их на страницу.

Бриф для программиста

По данным исследований, в 2018 году больше 60% посетителей заходят на сайт со смартфонов и планшетов, поэтому вам понадобится мобильная версия сайта.

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

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

Вот так может выглядеть задание для программиста:

  1. Добавить страницу лендинга к существующему сайту, создать новый поддомен.
  2. Сделать мобильную версию или адаптивную страницу.
  3. Добавить форму для сбора данных — телефон, почту или ссылку на соцсети. Не делайте много полей, людям лень их заполнять.
  4. Сделать доступ к админке страницы для сотрудников и разграничить роли.
  5. Посмотреть, как сократить время загрузки страницы.

Итоги

Современные исследования показывают, что 75% пользователей судят о вашей организации по ее сайту, при этом первое впечатление в 94% производит дизайн. Что не менее важно, 88% пользователей не вернутся на сайт после первого негативного впечатления.

Создание лендинга — целая наука, но с этой задачей не сложно справиться, если у вас есть хорошие исполнители. А Kwork вам в этом поможет. Успехов!

Похожие записи

Как сделать Landing Page (лендинг) самому и бесплатно

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

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

Коротко от landing page

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

Если рассматривать сайт с технической точки зрения, то он ничем не отличается от других. При его создании используется HTML, CSS и контент. Однако фишка сайта в том, что он всегда представляет собой одностраничник.

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

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

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

Читайте также:

Идеальная структура Landing Page с высокой конверсией

ТОП5 лучших лендингов 2016-2017

Как продвигать лендинг

Что нужно знать, чтобы создать лендинг бесплатно

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

Важность заголовка

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

  • Давать четкое понимание что предлагается потенциальному клиенту;
  • Выделять вашу компанию среди конкурентов;
  • Демонстрировать ключевую выгоду.

Например, вы работаете в очень конкурентной сфере – продаете пластиковые окна в Киеве. Чтобы выделить свою компанию заголовком, подумайте, какие страхи или потребности присутствует у потенциального клиента. Это может быть желание получить заказ в течение 1 дня или с доставкой на дом, страх в низком качестве товара или высокой цене (страхи и потребности определяются целевой аудиторией). Поэтому при построении заголовка укажите оффер с приставкой, которая будет давить на страхи или предлагать выгоду: «Продажа пластиковых окон с доставкой на дом» или «Пластиковые окна от 1000 грн» и т.д. Попав на страницу, потребитель видит что ему предложено и какую выгоду он получает.

Пример продающего сайта

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

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

Преимущества+выгоды

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

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

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

Пример продающего сайта

С клиентом на «вы»

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

Максимальное внимание структуре каждого блока

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

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

Пример продающего сайта

Вам должны доверять

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

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

Пример продающего сайта

Вид социальных доказательств зависит от деятельности компании. Если есть возможность совместить два вида – замечательно.

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

Призывы к действию (СТА, call-to-action)

Леднинг пейдж без призыва к действию — не лендинг, а бесполезный сайт. Ведь именно СТА является «крючком» для потребителя, с помощью которого он может стать клиентом. Призывы к действию –  основа, фундамент одностраничника, поэтому, задумываясь, как сделать или создать лединг пейдж самостоятельно, ОБЯЗАТЕЛЬНО создайте СТА.

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

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

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

Форма обратной связи с призывом к действию

Несколько слов о размещении этих элементов. В целом, не существует конкретных требований к размещению призывов к действию. Но, учитывая категории покупателей (те, кто зашел посмотреть; те, кто хочет купить, но сомневается и те, кто хочет купить здесь и сейчас), лучше размещать лидогенерирующие формы под каждым блоком, начиная с первого разворота. Также СТА необходим в самом низу страницы. Практика показывает, что лучше размещать формы с правой стороны страницы, так как мы читаем слева направо, поэтому лид-форма воспринимается лучше, если она будет стоять в конце вашей «истории».

Таймеры обратного отсчета

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

Как сделать лендинг пейдж бесплатно

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

Одним из таких способов является создание лендинга на WordPress. Преимуществами для вас станут:

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

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

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

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

Создание лендинга с помощью LPgenerator

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

Данный сервис очень популярен среди тех, кто планирует создать одностраничник. LPgenerator предполагает простой и удобный интерфейс, позволяющий даже тем, кто впервые сталкивается с такой работой, быстро разобраться в настройках и функциях. К слову, о функциях и о ценовой политике. Функции разбиты на пакеты: стандарт и «неограниченные» наборы. Использование стандартного пакета функций обойдется порядка 800 гривен в месяц. Если хотите использовать неограниченный функционал на своем лендинг пейдж, готовьтесь заплатить около 7000 грн. Также сервис позволяет воспользоваться специальной пакетной программой, подготовленной для создания лендинга. Купили такую программу за 8000 грн, создали одностраничник и все.

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

Создание лендинга с помощью сервиса Tilda

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

Теперь о ценовой политике. Тильда – коммерческий ресурс, следовательно, за услуги придется платить. При первой регистрации вам в подарок предлагается двухнедельное тестирование конструктора. По прохождению времени, вступает ряд ограничений: поддомен project12345.tilda.ws, который нельзя бесплатно изменить, 50 страниц, 50 мегабайт свободного места, сервисный копирайт и возможность создания всего одного лендинг пейдж. Ряд функций также заблокированы. Чтобы расширить свои возможности, следует купить один из предложенных тарифов:

  • Тариф «Персональный (3300 грн в год) – 1 лендинг, 1 гигабайт свободного места, 500 страниц, домен в подарок, без ограничений на фунционал;
  • Тариф «Бизнес» (6700 грн в год) — 5 лендингов, 1 гиг на диске, по 500 страниц на каждый сайт, домен в подарок, неограниченный функционал и возможность экспортировать исходный код из любых проектов.

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

Подведем итоги

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

На этом все. Ставьте лайки и подписывайтесь на наш блог!

Следующий проект:Выбор CMS для лендинг пейджПредыдущий проект:Структура лендинг пейдж по БМ

сделать landing page своими руками

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

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

Почему лендинг эффективен?

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

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

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

Именно этот показатель и является целью любого landing page.

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

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

 

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

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

Читайте также: 8 вдохновляющих примеров товарных Landing Pages

Как создать одностраничник самому

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

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

  • скорость;
  • простота;
  • экономичность.

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

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

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

Читайте также: Преимущества и недостатки бесплатных конструкторов landing page

Вместо заключения

Мало кто знает о том, что плата за разработку дизайна, верстку и back-end — это только первый шаг. Успешное и длительное использование landing page обуславливает постоянное его изменение в соответствии с поведением пользователей, регулярные сплит-тестирования, обновления контента, а провести все работы в данном случае сможет дизайнер или студия, которые, соответственно, будут требовать за свои услуги дополнительную плату.

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

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

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

24-12-2015

21 Примеры отличных целевых страниц (+ Как сделать свой собственный!)

Этот пост был обновлен в 2020 году.

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

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

, прежде чем создать целевую страницу

Прежде чем создавать свою целевую страницу, сначала спросите себя…

1. Какова цель? В идеальном мире, что бы сделали посетители, достигнув вашей целевой страницы? Будут ли они что-нибудь купить? Заполнить форму? Подпишитесь на рассылку? Скачать электронную книгу? Отбросить в сторону клавиатуру, разбить губную гармошку и разыграть сладкий блюзовый раскол? Первым шагом для любой стратегии является определение целей.(Вы должны определить конверсии, прежде чем сможете отслеживать конверсии.)

2. С кем я соревнуюсь? На самом деле это три вопроса: с кем я соревнуюсь, как они преуспевают, и как я могу скопировать их успех? Подражание — это самая искренняя форма лести, поэтому, если ваши конкуренты делают что-то, что работает, вы должны пойти дальше и поступить так же. Они будут вам благодарны (хотя это не обещание …)!

Вы можете попробовать Кирби. Можешь попробовать.

3. Кто моя аудитория? И каковы их надежды, мечты и чаяния? Как бы глупо это ни звучало, в какой-то степени это правда — чем лучше вы понимаете свою аудиторию, тем больше вы можете удовлетворить их желания и потребности. Если вы не знаете, кто ваши идеальные клиенты, будет очень сложно написать убедительную копию в голосе клиента. Так что возьмите в голову своей аудитории, в стиле Ганнибала Лектера.

4. Как они попали на мою целевую страницу? Подумайте об изменении своего сообщения в зависимости от того, откуда приходят ваши пользователи — для пользователей, которые пришли на вашу целевую страницу, пришедшую из Google, может подойти другое сообщениеиз твиттера или фейсбука. Компании с большим количеством целевых страниц (более 30) генерируют в 7 раз больше потенциальных клиентов, чем те, у кого их всего несколько, поэтому нельзя отрицать их ценность. В идеале вы хотите настроить целевую страницу для каждой группы объявлений, но это довольно трудоемкая операция, поэтому начните, где сможете. Попробуйте начать с одной настраиваемой целевой страницы на кампанию и добавьте ее для отдельных групп объявлений, если позволяют ресурсы.

Как сделать большие целевые страницы, которые конвертируют

Теперь, когда мы рассмотрели фундаментальные вопросы перед страницей, давайте обсудим, как вы можете сделать потрясающих, , убедительных целевых страниц.Вы также можете проверить эпизод подкаста на эту тему! Глава к цели Talk Podcast Эпизод 13: Анатомия целевой страницы зарабатывания денег.

Великих целевых страниц…

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

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

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

Другой, более вкусный вид воронки. (Изображение из Держатель концессий )

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

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

Очень крутая контрольная история сердца Даниэль Горовиц .

Иметь четкий призыв к действию. Призыв к действию может присутствовать в тексте заголовка, а также в тексте кнопки (пример: «отправить» или «загрузить бесплатное руководство по маркетингу»). Не должно быть никаких сомнений относительно того, какие дальнейшие шаги необходимы — сообщите своим посетителям, что именно вы хотите, чтобы они сделали, в большом, жирном тексте.Для Kajabi изменение текста кнопки «Посмотреть планы и цены» на «Начать сегодня» увеличило конверсию на 252%!

Создание привлекательных заголовков. Большинство хороших целевых страниц используют основной заголовок для подтверждения предложения и подзаголовок для более подробного объяснения или ценностного предложения (иначе, почему ваше предложение потрясающее). Примером может быть «Бесплатная электронная книга по маркетингу Facebook (заголовок)». Узнайте, как получить больше подписчиков, лайков и активности от наших маркетинговых гуру (подзаголовок).«Вы увидите множество замечательных заголовков целевых страниц в наших примерах ниже, и вы увидите, что некоторые инвертируют это так, что ценностное предложение является заголовком.

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

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

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

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

Легко сканировать с первого взгляда. Абсолютно важно, чтобы вы, посетители, могли быстро понять суть вашего предложения. Предполагается, что у вас есть около 8 секунд, чтобы убедить пользователей остаться на вашей странице, поэтому ценностное предложение должно быть быстрым и убедительным.Создавая целевую страницу, упростите сканирование, выделив свою главную точку в заголовке, используя подзаголовки и маркеры для дополнительной информации. Используйте шрифты и цвета для обозначения информационной иерархии. Как отмечает Якоб Нильсен, посетители вашей страницы — дикие, безумные животные, которые ищут быструю еду, так что подавайте ее быстро!

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

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

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

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

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

Это похоже на картину того, кто любит жизнь?

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

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

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

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

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

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

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

Фото Джейсон Гулдинг

Прошли много раундов A / B тестирования. Тестирование и исправление — это то, как мы учимся и совершенствуемся.A / B-тестирование вашей целевой страницы (настройка отдельных элементов и просмотр их работы в сравнении с предыдущими настройками), вероятно, является наиболее мощным инструментом для создания превосходных целевых страниц. Не уверен, где начать? Сигнал против шума обеспечивает хороший пример хорошего А / Б тестирования, который легко читается. Есть всегда что-то, что вы можете улучшить, так что никогда не прекращайте тестирование!

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

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

21 Примеры Великих Целевых Страниц

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

Short Stack помогает компаниям организовывать и управлять рекламными акциями Facebook и другим пользовательским контентом Facebook. Посмотрим, что здесь хорошо выглядит.

  • Цвета яркие и хорошо сочетаются друг с другом
  • Эта страница является чистой и незагроможденной с минимальным текстом, но все еще объясняет ценностное предложение
  • Содержит кликабельное видео для более подробного объяснения Short Stack

Проверьте этот пост для более подробных советов на целевых страницах Facebook.

Gift Rocket — еще один сайт с мощной целевой страницей. Что делает Gift Rocket правильно?

  • Сильный графический элемент привлекает внимание
  • Заголовок объясняет в нескольких коротких словах, что такое Gift Rocket — все о
  • Меньшие маркированные информационные фрагменты под заголовком легко сканируются
  • Кнопка CTA понятна и легко нажимается
  • Социальные кнопки присутствуют
  • Более подробную информацию можно найти, прокрутив ниже сгиба
  • .
  • Сигналы доверия и отзывы существуют ниже сгиба

У

Kiss Metrics есть настраиваемая целевая страница для посетителей, заинтересованных в своем наборе маркетинговых инструментов.Что здесь работает?

  • Четкий заголовок, объясняющий предложение и ценностное предложение
  • Минималистская форма, запрашивающая только адрес электронной почты
  • Яркая яркая кнопка
  • Хост сигналов доверия
Social Sprout

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

  • Сильный заголовок, объясняющий, что такое Social Sprout, без всякой ерунды.
  • Визуально привлекательный дизайн, который подчеркивает эстетику, присутствующую в самом программном обеспечении с помощью снимков экрана
  • Отзывы присутствуют в нижней зеленой полосе
  • Зеленая пробная кнопка расположена по центру и доминирует на странице, с заманчивым CTA и примечанием «кредитная карта не требуется» под кнопкой для дополнительного поощрения.

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

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

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

  • Легко начать — просто нажмите одну из двух кнопок
  • Pinterest подчеркивает, как легко зарегистрироваться, заявив, что это займет всего 45 секунд
  • Использование базы пользователей в качестве фактора доверия. Любой сайт с 25+ миллиардами созданного пользователями контента должен делать что-то правильно

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

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

Lyft — альтернатива Uber для совместного использования.

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

Constant Contact — это программное решение, которое помогает малым предприятиям проводить маркетинговые кампании по электронной почте.

  • Облегчает преобразование super — все, что требуется, это адрес электронной почты
  • Кнопка
  • CTA гарантирует посетителю сайта, что конвертация не будет стоить ему или ей денег
  • Хотя копия недостаточна, она отправляет очень заманчивое сообщение

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

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

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

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

Blue Apron — это служба подписки на продукты питания, которая доставляет ингредиенты прямо к дверям потребителей.

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

Flock — это приложение, которое облегчает общение между сотрудниками, работающими в одной компании.

  • Заголовок указывает на необходимость централизованного и эффективного общения на рабочем месте \
  • Subhead подчеркивает разнообразные функциональные возможности, доступные с приложением
  • Только с одним информационным полем преобразование не может быть проще

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

  • Гладкий креатив и минималистичная копия для очень приятного визуального опыта
  • Копия заголовка устанавливает отраслевой авторитет
  • Посетителям сайта не нужно предоставлять какую-либо информацию перед началом работы
  • Пример встроенного сайта приглашает посетителей сайта представить свои возможности

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

  • Заголовок и подзаголовок лаконично и точно соответствуют намерениям посетителя сайта
  • Визуальное объявление показывает 1) что клиенты Shopify имеют возможность создавать и 2) что магазины Shopify работают на всех устройствах
  • Относительно длительный период бесплатного пробного предложения заманчиво
  • Требуется только адрес электронной почты, чтобы начать процесс

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

  • Заголовок выделяется специальным предложением
  • F-шаблон дизайна направляет взгляд посетителя сайта на кнопку CTA
  • Подзаголовок усиливает болевую точку, которую решает Trendy Butler
  • Информация не требуется, чтобы получить мяч катится

Harry’s — это служба подписки на туалетные принадлежности, которая обеспечивает потребности потребителей в бритье по дому.

  • Заголовок затрагивает чувство права посетителя сайта
  • Подзаголовок гарантирует удобство по требованию, которое требуется потребителям
  • Минимальная копия позволяет изображениям продуктов обеспечивать обмен сообщениями
  • Невероятно легко конвертировать

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

  • Обратный отсчет до конца специального предложения создает ощущение срочности
  • Наиболее заметная часть заголовка отражает то, что ищет посетитель сайта
  • Резкий контраст между цветом фона и цветом кнопки CTA
  • Форма не требует много информации

Smart Sheet помогает частным лицам и предприятиям максимизировать эффективность с помощью программного решения для планирования.

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

Bloomsy Box — это служба подписки для дома и сада, которая доставляет отобранные цветы к дверям потребителей.

  • Шикарная фоновая фотография придает посетителю настроение на покупку
  • Subhead удовлетворяет спрос на устойчивые решения
  • Предоставляет экономящую время вторую кнопку CTA для тех, кто пытается купить подарок
Руководство для невежественного маркетолога по созданию целевой страницы с нуля

Мы много говорим об оптимизации целевых страниц здесь, в WordStream, но как вы вообще собираетесь создавать целевую страницу? Вам нужно что-то оптимизировать, прежде чем вы сможете начать оптимизацию! Существует много способов создания целевой страницы: от закатывания рукавов до погружения в кодирование с использованием HTML, CSS и JavaScript и использования веб-сервисов, позволяющих настраивать шаблоны целевых страниц.

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

RELATED: 4 совета по созданию удивительных целевых страниц Facebook

Зачем вам нужно построить целевую страницу

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

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

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

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

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

Хорошо, тогда. Давай покончим с этим.

Создание целевой страницы «трудным» способом

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

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

HTML

Язык разметки гипертекста, или HTML, является «языком» Интернета. Обратите внимание, что HTML — это не язык программирования, а язык разметки (как следует из его названия), который используется для определения содержимого и структуры веб-страниц. Давайте взглянем.

Изображение предоставлено Mozilla Developer Network

Посмотрите, как содержание и структура страницы определяются кодом?

Основы HTML выходят за рамки этого поста, но в Интернете есть несколько отличных ресурсов, которые могут помочь вам научиться.Некоторые из лучших:

  • Codecademy (бесплатные интерактивные упражнения по кодированию на HTML, CSS, JavaScript и др.)
  • Treehouse (обширная видеотека, бесплатная пробная версия, ежемесячная подписка)
  • Mozilla Developer Network (бесплатные текстовые учебные пособия по различным веб-технологиям, включая HTML)
  • HTML Dog (больше учебников с большим количеством примеров кода)

CSS

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

В прошлом CSS-код вставлялся непосредственно в HTML-документы, но это не лучшая практика — конечно, это будет работать, но у вас не будет вредных привычек. Держите ваш CSS и HTML код отдельно.

Вот пример того, как выглядит код CSS:

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

Чтобы понять, насколько мощным может быть CSS, ознакомьтесь с CSS Zen Garden Дэйва Ши. Хотя в это может быть трудно поверить, каждый из приведенных здесь примеров стилей применяется к одному и тому же HTML-коду. Довольно круто, правда? Внося изменения в CSS целевой страницы, вы можете экспериментировать с радикально различными дизайнами, не возвращаясь назад и не настраивая вручную HTML каждой страницы.

JavaScript

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

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

Вот фрагмент кода JavaScript:

JavaScript можно использовать для добавления функциональности на веб-страницу, например:

  • Передача информации на серверы через веб-формы
  • Создание всплывающих окон
  • Аутентифицировать ввод пользователя, такой как учетные данные для входа
  • Анимированные навигационные элементы…

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

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

Создание целевой страницы легким способом

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

Есть много сайтов, где создание целевой страницы очень просто. Мы рассмотрим два из них — Unbounce и Wix.

Unbounce

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

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

Unbounce предлагает более 80 шаблонов для почти всех типов целевых страниц, которые вам могут понадобиться, включая выпуски продуктов, страницы подписки на рассылку новостей по электронной почте, загрузки электронных книг, страницы онлайн-обучения и многое другое.Я выбрал шаблон «Click Through Minimalist Desktop Light» для примера в верхней части этого поста. Вы также можете начать с пустой страницы и начать с чистого листа, если вы чувствуете себя честолюбивым.

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

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

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

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

Wix

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

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

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

Теперь пришло время начать настраивать вашу страницу. Я выбрал шаблон «Lil Pillow Shop», потому что тайно люблю подушку с контроллером игровой приставки. Позор, что мой кот, вероятно, разрушит его — вот почему у меня не может быть хороших вещей.

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

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

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

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

Известные упоминания

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

  • SquareSpace (мощная аналитическая поддержка, регистрация доменов, услуги хостинга)
  • Moonfruit (адаптивный дизайн на HTML5, удобен для электронной коммерции)
  • Weebly (интерфейс перетаскивания, поддержка аналитики, низкие месячные цены)

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

Написание целевой страницы копии

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

Вот несколько советов, которые следует учитывать при написании копии целевой страницы. Вы также можете послушать наш эпизод подкаста Goal Talk на эту тему.Проверьте это по адресу: Goal Talk Podcast Episode 13: Анатомия целевой страницы, приносящей доход.

Внедрите немного жизни в свой CTA

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

«Отправить», «Зарегистрироваться» и «Войти» являются противоположностью вдохновляющим. Те гарантированно потеряют потенциальные конверсии и отправят вашу CPA через крышу.Не используйте их.

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

Держите ваши сообщения согласованными

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

Итак, когда вы пишете копию своей целевой страницы, откройте объявление, которое будет направлять людей на целевую страницу, и убедитесь, что вы сохраняете согласованность. Тон, ценность, предложение — все это.

Никогда не прекращайте A / B-тестирование

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

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

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

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

Если вы являетесь пользователем WordStream…

Знаете ли вы, что ваша подписка на WordStream Advisor дает вам право на использование нашего CRO Toolkit? CRO Toolkit — это недорогое дополнение к вашей ежемесячной подписке, которое позволяет создавать гладкие целевые страницы и привлекательные всплывающие окна, которые побуждают посетителей сайта к действию.Короче говоря, это решение, которое вам нужно для увеличения числа конверсий при меньших затратах.

Вы можете узнать больше о CRO Toolkit здесь. И если вы не являетесь клиентом WordStream, вы можете начать бесплатную пробную версию WordStream Advisor уже сегодня!

Создать целевую страницу

Целевые страницы

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

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

Прежде чем начать

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

  • Найдите минутку, чтобы узнать о Landing Pages в Mailchimp.
  • Целевые страницы должны быть связаны с аудиторией в вашем аккаунте. После публикации своей страницы вы не можете изменить аудиторию.
  • Построитель целевой страницы не запрещает вам публиковать контент по умолчанию в вашем макете.Мы настоятельно рекомендуем предварительно просмотреть целевую страницу и проверить настройки перед публикацией.
  • фреймов и пользовательский HTML нельзя использовать на целевых страницах.
  • . Поскольку теги слияния извлекают отдельные контактные данные из вашей аудитории, их нельзя использовать на общедоступных целевых страницах.
  • Чтобы добавить теги на целевые страницы, пользователь должен иметь уровень администратора или выше.

Создать целевую страницу

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

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

  1. Нажмите, чтобы начать целевую страницу.
  2. Введите имя для вашей целевой страницы. Это имя для справки и не видно посетителям целевой страницы.
    landingpages-create-name
  3. Используйте выпадающее меню для выбора аудитории. LP-audience-menu
  4. Нажмите Начните .
    button-landingpages-begin

Отличная работа! Это приведет вас к конструктору целевой страницы.

Создай свой контент

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

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

  1. Щелкните по шаблону, который вы хотите использовать.
    landingpages-selectatemplate
    Чтобы узнать больше о параметрах шаблона целевой страницы, прочитайте Типы шаблонов целевой страницы.
  2. В макете настройте или добавьте блоки содержимого по мере необходимости. Если вам нужно вдохновение, ознакомьтесь с нашими советами по дизайну. Примечание : Некоторые шаблоны целевых страниц содержат заполнитель логотипа, который предназначен для автоматического добавления логотипа вашего бренда по умолчанию. Чтобы узнать больше об этом заполнителе и о том, как его использовать, прочитайте «Установить логотип по умолчанию».
  3. Нажмите Preview в правом верхнем углу, чтобы увидеть, как будет выглядеть ваша страница.
  4. После того как вы разработали и предварительно просмотрели свой контент, нажмите Сохранить и закрыть .
    Save and close button in the Landing Page Builder.

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

Добавить заголовок страницы

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

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

  1. В разделе Page Title построителя целевой страницы нажмите Добавить заголовок страницы .LP-pagetitle-button
  2. Введите текст, который посетители хотят видеть в строке заголовка браузера, и нажмите Сохранить .
    landingpageschecklist pagetitle

Добавить URL

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

Чтобы добавить URL-адрес своей целевой страницы, выполните следующие действия.

  1. В разделе URL-адреса построителя целевой страницы щелкните Добавить URL .
  2. Выберите Использовать пользовательский домен или Использовать домен Mailchimp .
  3. Нажмите раскрывающийся список, чтобы выбрать настраиваемый домен или домен Mailchimp, который вы хотите использовать, а затем введите оставшуюся часть URL-адреса в доступное поле. landingpages-addurl-verifiedemaildomain
  4. Когда вы закончите, нажмите Сохранить .

Изменить аудиторию и теги

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

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

  1. В разделе Аудитория и теги построителя целевой страницы нажмите Изменить аудиторию . tags-lp-builder
  2. Нажмите Сохранить .

Редактировать настройки и отслеживание

В разделе «Настройки и отслеживание» вы можете добавить отслеживание с помощью Mailchimp, Facebook Pixel или Google Analytics на своей целевой странице. Мы также сообщим, включен ли reCAPTCHA.

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

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

  1. Перейдите в раздел Настройки и отслеживание и нажмите Изменить .
    Click Edit in the Settings & Tracking section.
  2. Нажмите Принять , чтобы подтвердить свое согласие с нашими дополнительными условиями. Вам нужно будет только принять условия один раз.
  3. Установите флажки рядом с опциями отслеживания, которые вы хотите включить.
    • Наша функция Track with Mailchimp подсчитывает количество уникальных посетителей вашей целевой страницы и добавляет эти данные в отчет о вашей кампании. Если ваша страница содержит блок контента формы регистрации, вы также увидите, сколько посетителей страницы подписались на вашу аудиторию, что мы называем конверсиями.Чтобы узнать больше, ознакомьтесь с нашей статьей о том, как использовать Track with Mailchimp на своей целевой странице.
    • С помощью пикселя Facebook вы можете собирать данные для создания рекламных объявлений Facebook, которые с большей вероятностью будут перенаправлять и конвертировать людей, просматривающих вашу целевую страницу. Чтобы узнать, как его настроить, ознакомьтесь с нашей статьей о том, как использовать пиксель Facebook на своей целевой странице.
    • Чтобы включить Google Analytics, введите свой идентификатор Google Analytics. Чтобы узнать больше, ознакомьтесь с нашей статьей о том, как использовать Google Analytics на своей целевой странице.
  4. Нажмите Сохранить .

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

Опубликуйте свою целевую страницу

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

Click Publish.

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

Подробнее о отчетах по целевой странице.

После публикации

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

  • Продвигайте свою страницу
    Продвигайте и делитесь своей страницей со своими контактами через другие кампании, которые вы создаете в Mailchimp.Создайте автоматизацию для подписчиков или клиентов вашей целевой страницы, запустите объявление для своей целевой страницы или создайте ссылку на свою страницу в обычной кампании по электронной почте. Вы также можете поделиться пользовательским URL для своей целевой страницы на любой платформе социальных сетей.
    Рекламируйте свою целевую страницу
  • Просмотр отчетов
    Мы начнем собирать данные отчетов по мере того, как люди посещают вашу страницу и подписываются на ваш маркетинг или совершают покупки.
    Отчеты о целевых страницах
  • Показывайте объявления посетителям вашей целевой страницы
    Создавайте ретаргетинг для всех, кто посещает вашу целевую страницу.Вы можете создавать уникальные объявления для показа посетителей вашей целевой страницы в Facebook, Instagram и рекламной сети Google.
    О Facebook и Instagram Ретаргетинг рекламы
    Начало работы с Google Remarketing Ads
  • Целевые подписчики целевых страниц
    Если ваша целевая страница содержит форму регистрации, вы можете автоматически отмечать людей, когда они подписываются. Затем вы можете использовать исходные данные тега или регистрации, чтобы отфильтровать аудиторию по сегментам для целевых кампаний, таких как автоматическая серия приветствий или специальное предложение.
    Сегментация по источникам регистрации
    Создание автоматического приветствия

Управление целевыми страницами

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

Редактировать целевую страницу

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

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

  1. Нажмите раскрывающийся список Кампании и выберите Все кампании .
    Cursor Clicks - All Campaigns - Campaigns dropdown
  2. Если у вас более одной аудитории, щелкните раскрывающийся список Текущая аудитория и выберите ту, которая связана с вашей целевой страницей.
  3. Нажмите раскрывающееся меню для страницы, с которой вы хотите работать, и нажмите Изменить .
    Drop-down with option to choose Edit
  4. Внесите любые необходимые изменения на своей странице.
  5. Когда вы будете готовы, нажмите Сохранить и опубликовать , чтобы немедленно опубликовать изменения.

Путь! Ваши изменения теперь доступны в Интернете.

Отменить публикацию целевой страницы

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

  1. Нажмите раскрывающийся список Кампании и выберите Все кампании .
    Cursor Clicks - All Campaigns - Campaigns dropdown
  2. Если у вас более одной аудитории, щелкните раскрывающийся список Текущая аудитория и выберите ту, которая связана с вашей целевой страницей.
  3. Нажмите раскрывающееся меню для страницы, с которой вы хотите работать, и нажмите Отменить публикацию .
    Drop-down menu for a landing page with cursor on Unpublish option.
  4. Во всплывающем окне введите UNPUBLISH и нажмите Unpublish .
    Unpublish modal with the cursor clicking Unpublish.

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

Удалить целевую страницу

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

Как неопубликованные, так и удаленные целевые страницы будут отображать сообщение 404 страница не найдена, когда кто-то пытается посетить URL. Если вам все еще нужно удалить целевую страницу, ознакомьтесь с разделом «Удалить кампании из своей учетной записи».

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

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

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

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

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

Примером целевой страницы, которую я использую на протяжении всей своей деятельности, является мой Life Mastery Toolkit, который вы можете проверить, нажав здесь.

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

Смотрите видео ниже:

(Нажмите здесь, чтобы посмотреть на YouTube)

=> НАЖМИТЕ ЗДЕСЬ, чтобы получить LeadPages для шаблонов целевых страниц <=

=> НАЖМИТЕ ЗДЕСЬ, чтобы получить Aweber для создания списка электронной почты <=

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

Как сделать посадочную страницу

лет назад создание целевой страницы было сложным, сложным и дорогостоящим.

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

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

landing page templates landing page templates

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

Вот пример LeadPage, который я использую для одного из моих предприятий:

make a landing page make a landing page

Как вы можете видеть, на целевой странице я раздаю БЕСПЛАТНУЮ электронную книгу «Потеря веса в кикстарте».Чтобы получить электронную книгу, человеку просто нужно нажать большую оранжевую кнопку, и ему будет предложено ввести свое имя и адрес электронной почты, чтобы получить к ней доступ.

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

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

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

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

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

how to create a landing page how to create a landing page

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

Существуют и другие альтернативы для создания целевых страниц, однако я не нашел ни одного такого хорошего или достойного использования, как LeadPages и Aweber.

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

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

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

Я до сих пор помню тот день, когда для создания целевой страницы мне нужно было знать HTML или нанять дорогого дизайнера, чтобы создать целевую страницу для меня. Уже нет. Теперь я могу создать целевую страницу за считанные минуты нажатием нескольких кнопок с LeadPages и Aweber.

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

Чтобы узнать, как создать список электронной почты за несколько минут с Aweber, нажмите здесь.

how to create a landing page how to create a landing page Идет загрузка ….


Отправить ответ

avatar
  Подписаться  
Уведомление о