Конструктор создать лендинг: ТОП-16 лучших конструкторов Лендинг Пейдж: бесплатных и недорогих

Работа над контентом при создании лендинга проходит в несколько этапов.

Этап 1. Сформулировать гипотезу

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

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

Этап 2. Изучить конкурентов

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

Как это сделать? Посмотрите, что предлагают в ответ на запросы поисковики Google или Яндекс.

Сначала найдите популярные запросы в сервисах подбора слов Яндекса или планировщика ключевых слов Google:

Затем введите в строку поиска подходящие ключевые слова и изучите страницы конкурентов:

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

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

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

Этап 3. Описать целевую аудиторию и выделить сегменты

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

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

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

Как изучить свою аудиторию и найти сегменты:

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

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

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

Этап 4. Написать текст лендинга

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

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

Структура лендинга

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

Этап 5. Подобрать картинки, видео, фотографии

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

Фотографии товара можно попросить у поставщика или сфотографировать самому.

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

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

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

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

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

Сделать лендинг бесплатно можно с помощью конструкторов:

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

Зарегистрироваться на сайте и ознакомиться с подсказками

После регистрации сервис сразу предложит вам создать сайт.

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

Создать сайт

Придумайте название сайта. Это рабочий вариант, он виден только вам:

Выбрать шаблон

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

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

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

Вставить свой текст и фотографии

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

Опубликовать сайт

Когда все отредактировано, нажимаем «сохранить» и смотрим результат.

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

На бесплатном тарифе адрес страницы будет иметь такой вид:

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

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

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

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

Email рассылки

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

Автоматические серии писем

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

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

Чтобы настроить авторассылки, нужно зайти в SendPulse и выбрать раздел «Авторассылки»:

Web push уведомления

Еще один способ повысить конверсию лендинга — настроить web push уведомления. Когда посетитель находится на странице, в браузере появляется предложение подписаться на уведомления:

Если человек нажимает «разрешить уведомления», он в будущем будет получать сообщения в браузере или на рабочем столе компьютера.

Web push уведомления помогают решить несколько задач:

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

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

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

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

Регистрируйтесь в SendPulse, чтобы повышать конверсию лендинга с помощью рассылок и push уведомлений и превращать посетителей в покупателей!

Создать лендинг пейдж бесплатно — Конструктор сайтов A5.ru

г. Москва, пер. Подсосенский, д. 30 стр. 3 этаж , офис 1,18

Телефон: 8 800 500-21-84

Мы работаем ежедневно с 10:00 до 19:00

На сегодняшний день сложно представить любой бизнес без онлайн-ресурса. Возможности, которые открыл интернет в сфере предоставления услуг и продаж товаров, просто безграничны, и не использовать их попросту глупо. Если у Вас еще нет онлайн-платформы, то правильным решением будет создание Landing Page, используя готовые шаблоны продающего лендинга, представленные на сайте А5.ru в широком ассортименте.

Выход на новый уровень

Благодаря конструктору сайтов А5.ru создание коммерческого одностраничника будет под силу даже новичку в сфере IT. Используя шаблоны лендинг пейдж, бесплатно и в короткие сроки Вы сможете реализовать задуманный проект всего за один день. Специалисты нашей компании за 8 лет работы сверстали сотни уникальных, адаптивных шаблонов лендинга html, которые позволили клиентам самостоятельно создать более 2-х миллионов успешных онлайн-площадок.

Оптимальные условия сотрудничества

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

• • шаблоны лендинга — бесплатно и в большом ассортименте;
• • техническая поддержка;
• • недорогие тарифные пакеты с бонусной системой. К примеру, если вы выберите тариф Business, то получите доменное имя в зоне RU/COM на 1 год совершенно бесплатно;
• • стабильный хостинг — 100% гарантия работоспособности сайта 365 дней в году 24/7.

Этапы создания продающего одностраничника

Для реализации онлайн проекта необходимо пройти несколько этапов:

1. Правильно выбрать шаблон лендинга. Этот этап очень важен, поскольку именно дизайн помогает привлекать новые лиды.
2. Составить уникальное торговое предложение, в нем описать все преимущества Вашей компании для клиента.
3. Зарегистрироваться на сайте, применить шаблон, разместить контент.

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

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

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

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

СВЯЗАННЫЙ: 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, эпизод 13: Анатомия целевой страницы, приносящей прибыль.

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

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

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

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

Поддерживайте единообразие обмена сообщениями

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

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

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

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

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

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

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

Если вы пользуетесь WordStream…

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

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

Как создать систему дизайна посадочных страниц

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

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

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

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

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

Но как построить этот двигатель? С динамическим дизайном целевой страницы с использованием CMS. Или в данном случае — Webflow CMS.

И всего 6 шагов:

1. Создайте свой контент : выберите элементы на странице
2. Создайте свои коллекции : создайте базу данных в Webflow CMS, из которой ваши страницы будут извлекать ресурсы
3. Создание элементов коллекции : создание элементов коллекции, то есть ваших целевых страниц
4. Создайте свою целевую страницу : Создайте реальную страницу, которая будет извлекать контент из вашей Коллекции
5. Свяжите поля вашей коллекции : сопоставьте элементы на странице с полями в коллекции
6. Опубликуйте свой сайт : разместите свои страницы в Интернете несколькими щелчками мыши
   

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

Holy macaroni — Я только что сделал целевую страницу на этой гифке!

Шаг 1.Создайте свой контент

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

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

• Navigation: В то время как общая мудрость гласит, вы не должны включать в себя навигацию на целевые страницы, я думаю, что это спорно.Я не видел, чтобы один постоянно превосходил другого.
• Раздел героя : Герой обычно содержит заголовок, подзаголовок, изображение или видео — все они сосредоточены на том, чтобы рассказать посетителю, что такое ваша компания / продукт. Это должно быть ориентировано на выгоду, а не на особенности.
• Призыв к действию : Вы хотите, чтобы это было как можно проще, чтобы уменьшить трение.
• Обзор / решения : Покопайтесь немного глубже, чтобы рассказать людям, что делает ваш продукт и как он решает проблему, с которой сталкивается ваш клиент.Это также должно быть ориентировано на выгоду, а не на функции.
• Функции : Опишите ключевые аспекты вашего продукта, которые помогут решить эту проблему.
• Вторая форма регистрации : Я обнаружил, что наличие другой формы регистрации внизу может повысить коэффициент конверсии для определенных страниц.
  

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

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

Шаг 2. Создайте свои коллекции в Webflow CMS

Хорошо, теперь мы подошли к движку, который заставляет всю систему мурлыкать — Webflow CMS (система управления контентом). Здесь хранятся ресурсы (копия страницы, изображения, видео и т. Д.), Из которых будут извлекаться ваши целевые страницы.

Для начала перейдите в Webflow, откройте панель CMS, щелкните , создать коллекцию и назовите ее «Целевые страницы».

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

Поля, которые мы использовали в шаблоне:

1. Заголовок (текстовое поле)
2. Подзаголовок (текстовое поле)
3. Изображение героя / видео (поле изображения)
4. Текст кнопки (текстовое поле)
5. Кнопка ссылки (поле ссылки)
6. Название формы (текстовое поле)
7. Текст кнопки формы (текстовое поле)
8. Функции (поле с несколькими ссылками)

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

1. Название функции (текстовое поле)
2. Значок функции (поле изображения)
3. Описание функции (поле с форматированным текстом)
   

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

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

1. Открыть панель коллекции
2. Щелкните значок шестеренки справа от «Целевых страниц», чтобы открыть настройки коллекции.
3. Добавить новое поле
4. Выберите мультиссылку в качестве типа поля
5. Выберите коллекцию функций в качестве источника
6. Сохранить
   

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

Шаг 3. Создайте элементы коллекции

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

1. Откройте свою коллекцию на панели «Коллекции»
2. Нажмите Новая целевая страница
3. Добавить содержимое для каждого поля коллекции

‍
Шаг 4.Создайте свою целевую страницу

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

Если у вас нет ресурсов для дизайна, у вас есть несколько вариантов:

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

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

ICYMI: Я сделал клонируемый шаблон системы целевой страницы без стиля.

Шаг 5. Соедините поля вашей коллекции с элементами дизайна

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

Шаг 6. Опубликуйте свой сайт

Теперь, чтобы ваши страницы стали активными. Щелкните опубликовать. Это оно. Теперь посетите вашу страницу.

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

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

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

Вы можете создать его бесплатно на субдомене webflow.io — и добавить хостинг, когда будете готовы разместить их в своем собственном домене.

Удачной публикации!

Спасибо Адаму Танге, Барретту Джонсону, Сосо Сазешу, Риду Бенсону, Шеннон Фишер и особенно Джону Мур-Вильямсу за помощь в написании этого поста.

Простое создание целевых страниц и всплывающих окон

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

Разве вы не хотите превратить эти инвестиции в доход ?

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

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

Не беспокойтесь. Мы вас прикрыли.

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

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

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

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

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

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

Создавайте идеальные целевые страницы в кратчайшие сроки

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

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

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

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

Используйте всплывающие окна для заполнения вашей воронки

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

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

Независимо от того, какой тип всплывающего окна вы хотите использовать для превращения наиболее заинтересованных потенциальных клиентов в потенциальных клиентов — слайд-боксы, боковые панели и т. Д. — Conversion Toolkit поможет вам. Вскоре после того, как вы внедрите некоторые из них, вы сможете конвертировать трафик сайта как никогда раньше.

Легко создавайте целевые страницы и всплывающие окна уже сегодня

WordStream могут использовать Conversion Toolkit несколькими способами:

• Basic: Те, кто хочет испытать воду, имеют доступ к двум нашим готовым к использованию шаблонам без дополнительных затрат.
• Essential: За 20 долларов в месяц у вас будет доступ ко всему, что может предложить Conversion Toolkit. Кроме того, вам будет разрешено создать до пяти уникальных профилей пользователей. Это план, который мы рекомендуем рекламодателям и небольшим агентствам.
• Премиум: За 65 долларов в месяц вы получите все преимущества плана Essential плюс — возможность добавлять столько профилей пользователей, сколько захотите. Этот план мы рекомендуем более крупным агентствам.

Чтобы начать работу, все, что вам нужно сделать, это войти в WordStream Advisor, перейти в меню «Управление» и выбрать «Инструменты преобразования», чтобы начать создавать эффективные всплывающие окна и целевые страницы.

Не пользуетесь WordStream? Нет проблем. Начните бесплатную пробную версию Advisor, и уже сегодня у вас будет доступ к Conversion Toolkit!

Как создать целевую страницу с помощью Unbounce

Не пропустите ни одной серии! Подпишитесь на подкаст в iTunes.

Посмотрите на Unbounce Builder в действии.

«Когда я впервые использовал Unbounce, я смог идеально воссоздать свой мокап Sketch менее чем за час».

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

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

Тиаго Коста

Старший веб-дизайнер Breather

Посмотрите, как быстро Breather создал целевую страницу.

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

1
Выберите шаблон ИЛИ начните с пустой страницы.

Создайте свою целевую страницу на основе шаблона.

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

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

Просмотрите нашу галерею шаблонов

2
Настройте макет целевой страницы для мобильных устройств.

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

Создайте свою целевую страницу с пустой страницы.

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

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

Советы профессионалов:

• Используйте инструмент Unbounce’s Layout Assistant — он сделает вашу мобильную страницу готовой к публикации на 80%
• Отрегулируйте остальные элементы страницы и измените размер текста до подходящего размера.
• Скройте элементы страницы, которые вы не хотите отображать на мобильном устройстве.

3
Настройте параметры целевой страницы.

Измените настройки SEO.

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

Настройте страницу благодарности в своей форме.

Расширьте взаимодействие с вашими потенциальными клиентами с помощью настраиваемых страниц подтверждения: предложите добавленную стоимость или просто скажите «Спасибо!»

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

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

Вот как запустить вашу страницу:

4
Задайте URL целевой страницы.

Опубликуйте свою целевую страницу в домене по вашему выбору и настройте URL-адрес по своему вкусу.

Подробнее

5
Добавьте отслеживание и пользовательские скрипты.

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

См. Документацию

6
Интегрируйте с вашим набором маркетинговых инструментов.

Передайте лиды от Unbounce к вашим инструментам автоматизации маркетинга и CRM, настроив одну или несколько интеграций (например, HubSpot или Salesforce).

Подробнее См. Документацию

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

Сделайте предварительный просмотр страниц для настольных компьютеров и мобильных устройств и нажмите «Опубликовать». Если вы используете WordPress, просто установите наш плагин целевой страницы WP — запись DNS или настройка CNAME не требуется.