Как создать лендинг бесплатно самому с нуля в конструкторе?
Сделать landing page своими руками, подключить к почте и CRM можно самостоятельно. Что учесть при создании лендинга и какие возможности дают онлайн-конструкторы посадочных страниц?
Создать лендинг совершенно бесплатно самому с нуля может каждый, кто владеет начальными навыками работы на компьютере. Справиться с задачей всего за несколько часов поможет конструктор одностраничных сайтов, например, лпмотор и другие.
Разберемся, что важно учитывать при создании новых лендингов, и как работает платформа с лп конструктором.
Что такое лендинг пейдж?
В переводе с английского landing page означает «целевая страница». Лендинг пейдж часто называют одностраничниками (одностраничными сайтами) и посадочными интернет-страницами.
Ключевое отличие лендинговой страницы – наличие призыва к действию. Это может быть предложение купить товар или услугу, подписаться, внести контактную информацию в специальную форму или пройти регистрацию на мероприятие.
Все это – эффективные инструменты продаж и формирования клиентской базы.
Причем, в отличие от обычного сайта со множеством страниц, одностраничник нацелен на рекламу чего-то одного – услуги, товара или сервиса. Это облегчает задачу принятия решения о покупке для пользователя.
Landing page может выполнять роль отдельного сайта или входить в состав многостраничного интернет-магазина с личным кабинетом.
Когда стоит создать свой лендинг онлайн?
Прежде, чем заняться созданием новых лэндингов, важно убедиться в целесообразности этой работы. Эксперты предлагают несколько основных критериев, на которые стоит опираться, решая создать одностраничный сайт — лендинг.
- Первый – число товаров или услуг. Чем меньше, тем лучше. Максимум десять. Если больше, стоит сделать интернет-магазин.
- Второй – наличие необходимости собирать лиды (контакты посетителей, способных стать покупателями)
- Третий – стремление использовать посадочную страницу в качестве дополнительного инструмента продвижения и рекламы товаров или услуг.

- Четвертый – отсутствие основного сайта, который вполне можно заменить лендингом, например, для сервиса цветочной подписки.
- Пятый – самое начало нового бизнеса. В этом случае запуск landing page поможет понять, насколько продукт, который планируется создать или продавать, востребован на рынке.
Структура сайта-одностраничника
Первые лендинги появились несколько лет назад. С тех пор накоплен большой опыт создания таких сайтов и отработана структура, которая работает. Считается, что на посадочной странице должно присутствовать несколько основных элементов.
- Заголовок, представляющий собой уникальное торговое предложение (УТП).
- Кнопка с призывом к действию (купить, зарегистрироваться, оставить контакты), которая располагается прямо под названием.
- Логотип продавца, контактные данные тоже могут размещаться в начале страницы.
- Описание проблемы, которую помогает решить услуга или товар, а затем – указание, как они способны это сделать.

- Сведения о продукте или услуге, мероприятии, скидочных купонах и так далее. Подразумевается небольшой, но информативный рассказ. Обязательны качественные фото, чтобы потенциальный покупатель мог составить представление.
- Перечисление конкурентных преимуществ – чем товар или услуга лучше тех, что предлагают другие.
- Оффер – детализация предложения, где в подробностях рассказывается о характеристиках услуги, продукта, мероприятия. Раскрываются особенности. Дается информация о доставке. Здесь важны максимальная прозрачность и полнота сведений. Это поможет снять вопросы пользователя, чтобы справиться с сомнениями по поводу того, покупать или нет, регистрироваться или повременить.
- Цена – раздел, посвященный стоимости и тарифам. Здесь необходима кнопка для совершения быстрой покупки, форма заказа товара или услуги.
- Предложения и акции. Элемент используется, если есть, что предложить пользователям в текущий момент.
Возможность приобрести продукт по сниженной стоимости для многих покупателей – дополнительный аргумент сделать покупку. Если пользователь еще сомневается, сообщение об акции или суперпредложении поможет сделать шаг. - Отзывы тоже работают на продажи. Почитав, что пишут люди, уже сделавшие покупку, пользователь проникнется большим доверием к товару или услуге. Вероятность приобретения возрастет. Собирать отзывы можно со своих страничек из социальных сетей, основного сайта, мессенджеров.
- Контакты. Клиенты больше доверяют продавцам, которые открыто сообщают свою электронную почту, дают ссылки на аккаунты в соцсетях и номера телефонов. Важно оперативно отвечать на вопросы и брать трубку. Стоит также указать время, в которое принимаются звонки и даются ответы на сообщения.
Стиль и подача информации должны быть ориентированы на целевую аудиторию – людей, которые могут быть заинтересованы в вашем предложении.
Что касается дизайна лендингового одностраничного сайта, здесь главная задача – концентрировать внимание посетителя на том, чтобы нажать на кнопку или оставить контакты.
Поэтому оформление лучше выбирать лаконичное: с цветовой гаммой максимум из трех оттенков и продуманной логикой расположения элементов, заметным с первого взгляда призывом к действию, качественным визуальным рядом (фото, видео).
И, наконец, важно использовать возможности SEO-оптимизации – внести в заголовок и описание продукта самые популярные ключевые запросы по теме. Потребуется также подобрать верный URL (описание интернет-страницы).
Чего на лендинге делать не стоит?
Выше перечислены моменты, которые помогают повысить эффективность посадочной страницы. А теперь – о том, что может помешать продажам и сбору информации о клиентах.
- Отвлекающих вещей – обилия картинок или видео, которые не представляют дополнительной ценности. Пусть визуальной информации будет немного, но вся она станет работать на вас.
- Больших текстов. Пользователям некогда и неинтересно читать масштабные статьи. А речи о дружной команде бизнеса, выступления учредителей или директора, описание достоинств компании вовсе мало кого интересуют.

- Переизбытка призывов к действию. Не стоит слишком часто запускать всплывающее окно онлайн-консультанта, добавлять несколько кнопок оформления заказа поменьше и «Перезвонить», а также лозунгов типа «Вы уже минуту на сайте, но пока ничего не заказали!» Все это только отвлекает посетителя от продукта или услуги. Достаточно сделать одну кнопку «Купить» или «Заказать» или «Зарегистрироваться», но так, чтобы, прокручивая страницу, пользователь всегда мог ее видеть.
- Лишних деталей. Чтобы понять, насколько нужен тот или иной элемент, стоит представить сайт без какого-то компонента и проанализировать, станет ли страница менее ценной. Если нет – безжалостно удаляйте ненужное.
Как работает landing page?
Чтобы посадочная страница не просто украшала интернет, а помогала продавать товары и услуги, или собирать клиентскую базу, потребуется провести работу по привлечению пользователей – трафика.
Для этого уже имеющимся подписчикам на аккаунты в соцсетях или рассылку основного сайта направляют письма по электронной почте с адресом одностраничника.
Ссылка на лендинг размещается в соцсетях и на странице блога. Используется таргетированная реклама в поисковых системах и социальных сетях.
Нажимая на кнопку (купить, подписаться, зарегистрироваться, оставить контакты и так далее), посетитель перенаправляется в онлайн-форму внесения контактных данных, в корзину либо на страницу основного сайта. Создавая свой интернет-магазин онлайн иди другой ресурс, стоит хорошенько продумать, куда именно направить пользователя.
Как использовать конструктор landing?
После того, как вы убедились в необходимости лендинга для своего бизнеса или личного продвижения, познакомились с особенностями структуры одностраничных сайтов, можно переходить к созданию посадочной страницы.
Вариантов два – обратиться к профессионалам или сделать все своими руками. Создать лендинг бесплатно или за минимальные деньги самому с нуля поможет специальный онлайн-конструктор.
Во всемирной сети сегодня есть множество ресурсов, которые предлагают такую возможность: lp motor ru, plp7 ru конструктор сайтов и другие.
Lp-конструкторы одностраничных сайтов сделаны таким образом, что никаких особых знаний и навыков для работы с ними не требуется. Не нужно специально учиться, чтобы воспользоваться платформой разработки lp.
Многие конструкторы лэндингов предлагают бесплатно
- шаблоны, которые можно использовать на посадочной странице;
- редактор для расстановки блоков лендинга в любых конфигурациях, в нужном порядке;
- адаптацию для одностраничника для мобильных устройств;
- синхронизацию заявок с лендинга на электронную почту и телефон;
- и даже бесплатный современный лендинг-конструктор с доменом.
Как правило, платформы для разработки лп открывают бесплатный доступ к конструированию посадочных страниц на 14 дней. Для этого требуется сначала зарегистрироваться на платформе лп plp7.ru или другой и войти личный кабинет.
Функциональные возможности разных lp-конструкторов могут различаться. Так, на сайте platformalp бесплатно предоставляются на выбор готовые шаблоны лендингов, которые можно использовать, чтобы сделать свою страницу.
В списке шаблоны по разным тематикам: авто, здоровье, услуги в режиме онлайн и офлайн, дизайн и творчество, одежда, туризм, фитнес и так далее.
На портале лп мотор предлагается создать дизайн лэндинга бесплатно онлайн всего за три с половиной минуты, а затем редактировать страницу, просто перетаскивая элементы. Владелец сервиса сообщает, что при разработке шаблонов учитываются продающие скрипты. Благодаря этому нужно лишь внести свои сведения в готовый шаблон – и запускать рекламу в сети. Готовые лендинги сохраняются в личном кабинете платформы lp motor.
Дизайн лендингов на лп моторс создан таким образом, что они хорошо выглядят на компьютере, планшете и смартфоне. Обеспечивается сбор всех заявок с одностраничника на единой панели. Это происходит автоматически и дает возможность изменять статус заказа, продавать товары и услуги. На лпмотор ру в шаблон лендинга встроена бесплатная CRM-система, которая помогает
- обрабатывать заявки;
- создавать личные карточки заявок и клиентов;
- отслеживать процесс работы с покупателем;
- узнавать статус заявки;
- сортировать клиентов по группам;
- считать, сколько прибыли принес каждый клиент.

Одностраничники, созданные на лп мотор с помощью онлайн-конструктора, можно связывать с основным сайтом, интегрировать с системами «Битрикс24» и «AmoCRM». Motor предлагает также отправление с посадочной страницы e-mail, когда появляется заявка, либо смс-сообщения. Можно также подключать онлайн-оплату покупок.
При желании продолжить работу в конструкторе одностраничных сайтов на специализированной lp платформе после тестового периода понадобится выбрать тариф. Например, в лп мотор разные ежемесячные тарифы в зависимости от того, какой именно сайт планируется сделать в конструкторе новых сайтов лп мотор, и какие функциональные возможности использовать. При выборе соответствующего тарифа на платформе lp клиент получает посадочную страницу или интернет-магазин с одним доменом, несколькими или неограниченным числом.
Как выбрать конструктор для запуска landing page?
Эксперты рекомендуют обращать внимание на несколько моментов.
- Простота работы с lp platform.
Не должно быть значительных затруднений. - Выбор настроек кастомизации, чтобы легко менять оттенки, шрифт, загружать контент на platformalp или другой конструктор сайтов.
- Наличие встроенной аналитики для отслеживания данных, что помогает оценить, насколько эффективно работает лейдинг – одностраничный сайт.
- Возможность интеграции с маркетинговыми инструментами через электронную почту и соцсети.
- Оптимизация шаблонов или понятное руководство, чтобы создать новый сайт лендинг бесплатно с высокой конверсией.
Создание новой лендинг пейдж с использованием конструкторов сайтов на платформах лп пользуется спросом. Ведь это позволяет
бесплатно в режиме онлайн быстро создать сайт для продажи товаров или услуг, либо выбрать конструктор с выгодными тарифами. Это намного дешевле, чем обращаться к профессиональным разработчикам лэндингов.
Лендинг бесплатно ☛ Сделать landing page самому ☛ WEB Studio
- Что Вам понадобится
- Видео инструкция
- Наши работы
- Вопросы
Landing Page своими руками
- Лендинг пейдж — посадочная страница
- Советы и лайфхаки
- Видео инструкции, статьи и многое другое
- Вопросы и комментарии
WebStudio.
kiev.ua
Что нужно знать, перед началом созданием лендинга
Хостинг — это место, где размещается Ваш сайт. То есть, это сервера, на которых хостинг-провайдер размещает папки Вашего сайта.
Оплачивается не меньше, чем на 1 месяц. Чем больше месяцев Вы оплачиваете одним платежем, тем дешевле стоимость 1 месяца.
В среднем для лендинга стоимость хостинга в месяц около 100-200 грн.
Домен — это название сайта указанное в строке браузера. Например, mysite.in.ua
Регистрируется минимум на 1 год. В среднем стоимость домена от 50-500 грн.
Какие платформы мы используем
WordPress — мы считаем ее очень удобной, как для профессионалов так и новичков. С каждый днем создается все больше плагинов, которые позволяют максимально расширять функционал сайта.
Elementor — это плагин, конструктор страниц.
Страница, на которой вы сейчас находитесь создана с помощью этого инструмента.
У него огромные возможности. Вам не нужно выбирать шаблон и создавать лендинг по шаблону. С Elementor дизайн может быть совершенно любым.
Что Вам понадобится для создания лендинга бесплатно
- Зарегистрированный домен и оплаченный хостинг
- Установленный WordPress на хостинг
- Подготовленная информация для сайта: описание и картинки*
*Если Вы не просто тренируетесь делать сайт, а создаете его для дальнейшего использования, то информация должна быть уникальной.
Задать вопрос онлайн
Видео инструкция по созданию лендинга своими руками
Как установить сайт на хостинг
Как установить Elementor и сделать лендинг
Последние работы
Назад
Далее
Последние работы
+38 063 073 25 83
09:00-22:00 без выходных
Как создавать бесплатные целевые страницы и страницы сжатия
Целевые страницы необходимы для хорошего маркетинга.
Вы не хотите использовать их для всего, но хорошая целевая страница может подтолкнуть кого-то к принятию решения, которого раньше не было. В нем много психологии. Когда пользователь попадает на вашу целевую страницу, он зависит от вашего маркетинга до тех пор, пока он либо не конвертируется, либо не убегает.
Я здесь не для того, чтобы говорить о содержании целевой страницы (или оптимизации целевой страницы) сегодня; мы уже написали несколько сообщений об этом в нашем блоге. Я здесь, чтобы рассказать вам, как его создать, и инструменты, которые вы можете использовать для этого.
Хостинговые и самостоятельные страницы
Викс
доходПресса
Украфт
ONTRAстраницы
Конструктор целевых страниц Wishpond для WordPress
Целевые страницы WordPress
Вариант «сделай сам»
Хостинговые и самостоятельные страницы
Целевые страницы бывают двух видов; размещается и размещается самостоятельно.
Сама целевая страница, как правило, будет такой же, разница только в том, где хранятся файлы целевой страницы.
Размещенные целевые страницы , как правило, размещаются на серверах приложения или компании, которые вы используете для их создания. Эти компании, как правило, каким-то образом брендируют вашу целевую страницу, добавляя ссылку «питание от» внизу или строку заголовка вверху или даже просто в URL-адресе. Это так же, как бесплатная установка WordPress на хостинге в домене WordPress. В этом разница между www.myblog.com и www.myblog.wordpress.com.
Самообслуживание — это обратная сторона медали. Самостоятельное решение размещается на ваших собственных веб-серверах вместе с остальной частью вашего веб-сайта (при условии, что у вас есть веб-сайт, который не находится на бесплатном хостинге). Как и в приведенном выше примере WordPress, это будет ваш собственный домен.
Итак, каковы плюсы и минусы каждого типа хостинга? Использование размещенного решения обычно намного проще в настройке ; у них часто есть инструменты для создания целевых страниц и другие опции, которые помогут вам быстро и легко приступить к работе.
Они, как правило, дешевы или бесплатны.
С другой стороны, размещенные решения также обычно ограничены в том, что вы можете делать. Вы не можете просто написать для них собственные скрипты. Вы не сможете работать вне их шаблонов. Вы застрянете с инструментами и ресурсами, которые у них есть. Кроме того, вы, как правило, застряли с их URL-адресом и брендингом где-то на своей странице, если только вы не платите дополнительно за услугу white label и собственное доменное имя.
Большую часть этой статьи я составил список различных бесплатных создателей и хостов целевых страниц. Я записал важные детали о каждом из них, а также о том, размещены они или нет, и что вы можете получить, если все-таки решите заплатить.
Wix
Wix — один из самых крупных современных бесплатных движков для веб-дизайна. Они достаточно велики, чтобы платить за рекламу на радио и телевидении в крупных сетях, и они достаточно велики, чтобы предлагать бесплатные услуги, не обанкротившись.
Wix работает с широким спектром различных стилей веб-сайтов, хотя его лучше всего использовать для небольших веб-сайтов, таких как страница ресторана с простым меню и страницами контактов, но не более того. Это не очень хорошо для полноценного блога или сайта электронной коммерции. У них есть целый набор различных стилей шаблонов. Среди этих категорий шаблонов есть целевые страницы, которые вы можете найти в нижней части списка. У них есть около тридцати шаблонов целевых страниц, каждый из которых можно настроить с помощью редактора перетаскивания.
Бесплатные сайты Wix включают доступ к редактору этого веб-сайта и различным доступным бесплатным шаблонам. Он также дает вам неограниченное количество страниц, хотя создание и редактирование исключительно большого сайта может стать неуклюжим. Вы также ограничены только 500 МБ памяти, что не так уж много, если вы загружаете много мультимедиа. Страницы маленькие, но изображения могут быть больше, а видео еще больше.
Поскольку объясняющие видео популярны для целевых страниц, это может стать препятствием для некоторых брендов. Бесплатный план также позволяет запускать рекламу и брендинг Wix на вашем сайте.
Премиум-планы предоставляют вам больше возможностей. За 5 долларов в месяц вы получаете 1 ГБ пропускной способности и возможность использовать собственный домен, если он у вас есть. За 10 долларов вы получаете пропускную способность 2 ГБ, хранилище 3 ГБ, бесплатный домен и удаление рекламы Wix. Другие тарифные планы с более высокой оплатой предоставляют вам рекламные ваучеры, приложения-бустеры и конструкторы, больше места для хранения и большую пропускную способность. Вы можете увидеть все это на их странице цен.
Wix — это хостинговое решение, то есть именно они размещают ваши файлы на своем сервере. У них есть возможность самостоятельного размещения, просто возможность использовать свой собственный домен за определенную плату.
IncomePress
Бесплатный генератор целевых страниц IncomePress — это именно то, что нужно; генератор.
Вы выбираете один из пяти шаблонов вверху. Затем вы указываете свою нишу, которая является ключевым словом, которое будет использоваться для текста на странице. Вы можете связать изображение или видео в поле под этим, которое либо встраивает изображение, которое вы разместили в другом месте, либо встраиваете видео с YouTube или любого другого хостинга, который вы используете. Вы также можете встроить контактную форму Aweber, хотя для ее использования вам необходимо иметь учетную запись Aweber.
Вы можете щелкнуть, чтобы просмотреть любой из шаблонов с любым количеством информации о них, как вы хотите. Когда у вас есть страница, которая вас удовлетворяет — что не должно занять много времени, учитывая, как мало форм нужно заполнить — вы можете щелкнуть, чтобы создать ее. Когда вы это сделаете, вам будет предложено загрузить файл HTML. Этот файл является вашей целевой страницей.
Очевидно, поскольку это генератор, а не сервис, файл лендинга нужно загружать самостоятельно.
Это делает его автономным инструментом. Это также не очень настраивается; пять шаблонов — это все, что вам нужно выбрать.
Пока инструмент бесплатный , рискну предположить, что он не будет вам очень полезен. Шаблоны, которые использует этот инструмент, содержат больше спама, чем другие примеры в этой статье; они обычно используются для продажи электронных книг, дополнений и схем быстрого обогащения, которые служат только для того, чтобы втянуть вас. Тем не менее, если вы хотите, чтобы для вас был создан быстрый шаблон, вы можете заставить его работать.
Ucraft
Ucraft — довольно простое решение для целевой страницы. Вы регистрируетесь и создаете бесплатную учетную запись, затем нажимаете на опцию бесплатной целевой страницы. Вы можете выбрать один из шестнадцати доступных шаблонов и настройте страницу оттуда. Редактор перетаскивания прост и работает достаточно хорошо, хотя и ограничен по сравнению с созданием страницы с нуля.
Бесплатная версия Ucraft позволяет вам получить доступ к одной целевой странице, где вы можете настроить контент. Вы можете связать свой собственный домен, если он у вас есть, так что это не премиум-функция. Однако они помечают вашу целевую страницу своим логотипом, чтобы ваши посетители знали, где вы создали и где размещаете целевую страницу.
За 8 долларов в месяц вы можете перейти на веб-версию плана, которая дает вам один сайт с неограниченным количеством страниц. У вас по-прежнему есть возможность добавлять и редактировать контент на страницах и подключать свой домен, но вы также получаете интеграцию приложений, поддержку и хостинг под белой маркой.
ONTRApages
ONTRApages, сервис целевых страниц, предоставленный вам ONTRAport, является довольно приличным создателем целевых страниц, который работает примерно так же, как и другие в этом списке. У него есть хороший выбор шаблонов, которые вы можете использовать бесплатно, и они хороши и гибки для редактирования элементов, в отличие от некоторых более жестких шаблонов в других инструментах сайта.
Вы получаете бесплатный хостинг, что делает это решение размещенным, но вы ограничены в общей сложности 10 страницами и тремя формами. Если вы хотите какие-либо другие функции, вы должны заплатить. Информацию об оплате трудно найти, если вы не зарегистрируетесь, но из того, что я видел, будет стоить вам около 15 долларов в год. За эти 15 долларов вы получаете до 25 страниц, экспорт формы приводит к различным почтовым службам, использование собственного домена, брендинг с белой меткой и, что наиболее важно, встроенный механизм сплит-тестирования.
Сплит-тестирование может быть очень полезным для целевых страниц. Его также сложно настроить, если вы не используете сторонний инструмент, поэтому так мало хостов целевых страниц фактически предлагают его в качестве услуги.
Конструктор целевых страниц Wishpond для WordPress
Это решение для самостоятельного размещения в виде плагина WordPress, которое вы можете использовать только в том случае, если вы используете версию WordPress.
org для собственного размещения, а не бесплатную размещенную WordPress. реализация .com.
С этим плагином у вас под рукой будет полноценный механизм создания веб-страниц. Вы создаете целевую страницу с нуля, используя конструктор перетаскивания, или начинаете с шаблона из их списка из более чем 50 вариантов. Вы можете создавать и запускать сплит-тесты с помощью этой бесплатной опции, и у вас есть интеграция с такими приложениями, как платформы аналитики и почтового маркетинга. У вас также есть конструктор форм, и вы можете использовать собственный JavaScript и CSS для своей страницы. Помимо всего этого, вы даже можете использовать его как встроенную целевую страницу для Facebook с правильной конфигурацией.
Есть только один существенный недостаток: вы ограничены в количестве лидов, которые вы можете получить через бесплатную целевую страницу. Лимит составляет скудные 200 лидов , и это не месячный лимит, насколько я могу судить, это пожизненный лимит.
После того, как вы превысите 200, у вас есть два варианта. Вы можете либо отказаться от целевой страницы Wishpond, либо начать платить за их премиум-аккаунты. К сожалению, премиум-аккаунты не так уж и дешевы. Вы будете работать на 50 долларов в месяц для самого дешевого плана.
Wishpond — отличная компания с отличным сервисом, но если вам нужна бесплатная целевая страница, это не лучший вариант. Вам лучше будет использовать что-то вроде Wix или просто создать целевую страницу самостоятельно.
Целевые страницы WordPress
Это бесплатный механизм создания целевых страниц, встроенный в плагин WordPress. Звучит знакомо? Хотя этот немного другой. Он сделан автономным, хотя он также работает с соответствующими плагинами для призывов к действию и лидогенерации.
Этот конкретный плагин имеет хороший визуальный редактор и может отслеживать коэффициенты конверсии для ваших целевых страниц. Он позволяет клонировать существующие целевые страницы и проводить на них сплит-тестирование.
Вы можете предварительно заполнить формы информацией о посетителях, если хотите повысить вероятность их конверсии.
У этого плагина не так много ограничений, кроме того, как мало функций он изначально включает. Если вам нужны расширенные сценарии и интеграции, вам может потребоваться научиться кодировать их самостоятельно. Вы также, конечно, должны иметь собственную установку WordPress, чтобы использовать этот плагин.
Вариант «сделай сам»
Если вы не используете WordPress, но все же хотите бесплатную целевую страницу, размещенную на вашем собственном сайте, лучший вариант — просто написать что-нибудь с нуля. Вы можете сделать хорошую целевую страницу из ничего, вам просто нужно потратить некоторое время на изучение лучших доступных сегодня целевых страниц. Возможно, вам придется немного поработать над графическим дизайном или адаптировать некоторые плагины с открытым исходным кодом для сбора данных или сплит-тестирования на вашем собственном сайте, но это вполне возможно.
Вариант «Сделай сам» может быть дешевым или дорогим, простым или сложным в зависимости от того, что вы хотите сделать. Иногда это означает, что вам придется платить фрилансерам за работу, на которую у вас нет времени или навыков. Это нормально, но, в конце концов, это не делает вашу целевую страницу бесплатной. Преимущество, конечно же, заключается в том, что с индивидуальным дизайном вы можете создать целевую страницу без ограничений со стороны того, кто размещает или разрабатывает вашу страницу. В конце концов, это зависит от того, есть ли у вас время и ресурсы, чтобы оправдать создание чего-то нестандартного.
Автор: Кенни Новак
Кенни — специалист по поисковому маркетингу и поисковой оптимизации. Он использует блоги и контент-маркетинг в качестве стартовой площадки для малого бизнеса, стремящегося расширить свое присутствие в Интернете.
Присоединяйтесь к обсуждению
Оставьте ответ
Как создать целевую страницу Elementor с формой подписки по электронной почте (бесплатно!)
Нужна помощь в создании целевой страницы Elementor?
Благодаря визуальному редактору с функцией перетаскивания Elementor предоставляет вам все инструменты, необходимые для создания красивых и эффективных целевых страниц без написания единой строки кода.
Но объединение этих инструментов для создания конечного продукта может показаться немного сложным, верно?
Расширьте свою аудиторию, развивайте свой бизнес
Привлекайте подписчиков в нужное время на свой веб-сайт и отправляйте им красивые электронные письма от администратора WordPress.
Зарегистрируйтесь бесплатноУ вас могут возникнуть такие вопросы, как:
- Какой контент я должен включить на свою целевую страницу?
- Как мне все настроить в Elementor?
- Как я могу добавить форму подписки по электронной почте, чтобы расширить свой список?
В этом посте мы ответим на все эти и другие вопросы, шаг за шагом проведя вас через процесс создания целевой страницы Elementor.
Мы начнем с основного обсуждения элементов, которые нужны всем целевым страницам ( Elementor или иначе ). Затем мы покажем вам, как настроить все с помощью бесплатной версии конструктора страниц Elementor, включая добавление формы подписки по электронной почте на базе MailPoet.
К концу вы сможете построить что-то примерно такое:
Четыре ключевых элемента целевой страницы Elementor
Хорошо, целевые страницы — это что-то уникальное для вашего продукта или услуги, поэтому мы не пытаемся сказать, что «вашей целевой странице нужны все эти элементы и ничего больше».
Однако, если бы нам нужно было свести к минимуму элементы высокого уровня, которые должны включать большинство целевых страниц, это были бы следующие четыре элемента: -в форме
Давайте рассмотрим их на примерах с целевой страницы MailPoet.
1. Главный раздел
Ваш главный раздел — это основное содержимое, которое отображается в верхней части страницы. По сути, это первое, что увидят ваши посетители, зайдя на вашу целевую страницу.
Разделы Hero не включают тонну контента — у вас никогда не должно быть стены текста. Вместо этого базовая установка для большинства основных разделов выглядит следующим образом:
- Заголовок — это привлекает внимание посетителей и резюмирует ключевое преимущество вашего продукта/услуги в одном предложении.

- Подзаголовок — расширяет заголовок, но сохраняет краткость.
- CTA(s) – это действия, которые вы хотите, чтобы посетители выполняли. Как правило, у вас должно быть не более двух CTA.
- Изображение/видео/иллюстрация – помимо текста вы обычно включаете какое-либо изображение, видео или иллюстрацию.
2. Раздел функций/преимуществ
Далее следует раздел функций/преимуществ, который расширяет информацию о вашем продукте/услуге.
По сути, здесь вы можете продемонстрировать все, что подкрепляет заголовок вашего раздела героев.
3. О разделе
Далее вы можете предоставить краткую информацию о себе или своей компании. Это дает вам возможность установить контакт с посетителями и завоевать доверие:
4. Подтверждение подписки по электронной почте
Внизу большинство целевых страниц заканчиваются формой подписки по электронной почте. Если люди достаточно заботятся о вашей целевой странице, чтобы прокрутить страницу вниз, они, вероятно, заинтересованы в том, что вы хотите сказать.
Узнав их адрес электронной почты, вы даете себе шанс связаться с ними в будущем:
Вам могут понадобиться другие элементы — проявите творческий подход
Опять же, четыре приведенных выше элемента не обязательно являются , а только элементами, которые вам следует включать. Они обеспечивают прочную основу для вашей целевой страницы, но вы также должны подумать, должны ли вы включать разделы для:
- вашего портфолио
- отзывов довольных клиентов, чтобы добавить социальное доказательство
- Логотипы крупных брендов, с которыми вы работали (также для социального доказательства)
- Таблицы цен
- Список ваших последних сообщений в блоге ( если контент-маркетинг играет большую роль в вашей стратегии )
- Дополнительные призывы к действию
В приведенном ниже руководстве мы покажем вам, как настроить целевые страницы, используя эти четыре ключевых элемента.
Однако к тому времени, когда вы закончите, у вас должны быть все навыки, необходимые для добавления дополнительных разделов по мере необходимости.
Как создать целевую страницу Elementor: шаг за шагом
Теперь давайте перейдем к более практическому разделу — пришло время узнать, как создать целевую страницу Elementor с помощью бесплатной версии Elementor на WordPress.org.
Помимо демонстрации технических шагов, мы также дадим несколько советов по содержанию и дизайну вашей целевой страницы.
1. Выберите холст
Прежде всего — вам нужно выбрать базовый холст для вашей целевой страницы Elementor.
Здесь у вас есть два варианта:
- Вы можете создать 100% пустой холст. Вы начнете с нуля, без следов вашей активной темы WordPress.
- Вы можете сохранить верхний и нижний колонтитулы вашей темы, но дать себе полную свободу действий во всем, что между ними, без боковой панели или контейнера, которые будут мешать.
Если вы хотите, чтобы ваша целевая страница органично вписывалась в остальную часть вашего сайта ( как домашняя страница MailPoet ), вам обычно следует использовать второй подход.
Но для отдельной страницы лучше использовать первый вариант.
Чтобы принять это решение:
- Создайте обычную страницу WordPress для размещения вашей целевой страницы.
- Найдите раздел Атрибуты страницы на боковой панели Документ .
- Используйте раскрывающийся список Шаблон , чтобы выбрать холст.
Elementor включает два шаблона ( , но ваша тема может также включать свои собственные дополнительные шаблоны ):
- Elementor Canvas — 100% пустой холст без элементов темы.
- Elementor Full Width — это все еще включает верхний/нижний колонтитул вашей темы.
Для этого урока мы выбрали шаблон Elementor Canvas , чтобы сделать урок независимым от темы .
Затем нажмите Редактировать с помощью Elementor , чтобы запустить интерфейс Elementor.
2. Выберите подход к дизайну
Когда у вас есть холст, вы можете выбрать подход к дизайну.
Если вы готовы запачкать руки, вы можете создать всю целевую страницу с нуля.
Однако, если это ваша первая целевая страница, необходимость делать все самостоятельно может показаться немного сложной.
В этом случае мы настоятельно рекомендуем ознакомиться с шаблонами, доступ к которым можно получить, щелкнув значок папки .
Вы можете просмотреть шаблоны Page , чтобы увидеть, может ли вам повезти и найти полностью построенный шаблон целевой страницы, который соответствует вашей нише.
Однако, как правило, лучше отправиться в Блок 9.Вкладка шаблонов 0026. Шаблоны блоков — это частичные шаблоны для определенных разделов вашей целевой страницы. Затем вы можете собрать их вместе, как лего, смешивая и сопоставляя их, чтобы создать идеальный дизайн.
Блочные шаблоны также полезны, потому что они немного менее специфичны для конкретной ниши, что облегчает их адаптацию к различным ситуациям.
Если вы воспользуетесь раскрывающимся фильтром, вы найдете готовые блоки для большинства основных разделов целевой страницы, которые мы обсуждали выше, в том числе:
- Hero
- Особенности
- О
Таким образом, вместо того, чтобы создавать с нуля, когда мы проходим каждый раздел ниже, вы можете просто вставить один из этих шаблонов блоков, а затем отредактировать его по мере необходимости.
3. Создайте свой главный раздел
Теперь пришло время углубиться в техническую часть создания вашей целевой страницы.
Как правило, каждый «раздел» вашей целевой страницы должен быть отдельным разделом в Elementor.
Чтобы начать, нажмите кнопку плюс значок . Затем для главного раздела обычно требуется создать раздел с двумя столбцами:
Оттуда вы можете добавлять виджеты контента внутри столбцов.
В левом столбце вы можете добавить:
- Виджет h2 Заголовок для вашего заголовка.
Сведите это к одному предложению. Он должен описывать суть того, что вы предлагаете. Для MailPoet это «Лучшая электронная почта для сайтов на базе WordPress». - Виджет h3 или h4 Заголовок для вашего подзаголовка. Максимум одно-два предложения. Вы можете расширить то, что говорит ваш заголовок. Для MailPoet это «отправлять красивые электронные письма, которые каждый раз попадают во входящие, и создавать лояльных подписчиков».
- Один или несколько виджетов Button для CTA. Если вы используете несколько кнопок CTA, вам следует придать основной CTA более привлекательный цвет.
Затем вы можете добавить виджет Изображение или Видео в правый столбец.
Чтобы закончить, вы можете открыть настройки для раздела , чтобы добавить фон для всего раздела вашего героя:
4. Создайте свой раздел функций/преимуществ
Затем перейдите к разделу функций/преимуществ.
Для компактного варианта можно добавить один новый раздел с тремя или четырьмя столбцами. Затем вы можете использовать виджет Icon Box в каждом столбце, чтобы перечислить каждую функцию:
Такой подход с блоком значков является обычной тактикой, которую вы увидите на целевых страницах.
Если вы хотите более подробно описать каждую функцию, вы можете вместо этого создать отдельные разделы с двумя столбцами для каждой функции, например, домашнюю страницу MailPoet.
Добавьте текст с одной стороны и изображение с другой. Чтобы было интересно, вы можете чередовать стороны текста, как показано ниже:
Здесь следует помнить, что нельзя просто перечислять функции сами по себе. Вы также хотите продемонстрировать, как каждая функция приносит пользу вашим посетителям. У Брайана Кларка из Copyblogger есть отличный пост о том, как выяснить истинные преимущества вашего продукта.
5. Создайте свой раздел «О нас»
У вас есть большая гибкость в том, как вы можете создать свой раздел «О нас».
Не существует жесткого правила для стиля/макета — это хороший шанс добавить немного индивидуальности и установить связь с вашими посетителями.
Сюда также можно добавить несколько фотографий себя (или своей команды). Или вы можете включить видео — это зависит от вас!
6. Добавьте форму подписки по электронной почте
В то время как бесплатная версия Elementor включает в себя все, что вам нужно для создания функциональной целевой страницы, Elementor не включает инструмент, который поможет вам собирать адреса электронной почты и расширять список подписчиков, если только вы покупаете Elementor Pro.
Чтобы бесплатно добавить форму подписки по электронной почте на целевую страницу Elementor, вы можете использовать бесплатный плагин MailPoet.
MailPoet не только упрощает добавление подписки на электронную почту в Elementor, но также может помочь вам отправлять ручные или автоматические информационные бюллетени прямо с панели инструментов WordPress.
Для начала вам нужно на секунду отойти от интерфейса Elementor и установить бесплатный плагин MailPoet на свой сайт.
Затем перейдите на вкладку MailPoet и выполните краткий мастер настройки.
Оттуда перейдите к MailPoet → Формы → Добавить новый , чтобы создать форму подписки для вашей целевой страницы.
Если вы хотите добавить новые поля, вы можете щелкнуть значок плюс . Например, если вы хотите собирать имена посетителей.
Чтобы настроить форму и привести ее стили в соответствие с целевой страницей, вы можете использовать настройки формы на боковой панели:
Когда вы закончите, сохраните форму. Затем:
- Вернитесь в интерфейс Elementor.
- Сохраните изменения.
- Обновить интерфейс.
После обновления Elementor вы должны увидеть новый MailPoet 3 виджет, который вы можете использовать, чтобы добавить форму подписки по электронной почте на вашу целевую страницу.
В настройках виджета вы сможете выбрать только что созданную форму. Затем вы должны увидеть предварительный просмотр вашей формы в Elementor:
Для дальнейшей настройки поведения и интервала вашей формы вы можете перейти на вкладку Advanced настроек виджета.
Если хотите, вы также можете использовать другие виджеты Elementor, чтобы добавить дополнительный контент, например заголовок над формой.
Вот и все! Вы только что создали целевую страницу с помощью Elementor.
Создайте свою собственную целевую страницу Elementor сегодня!
Только с помощью бесплатной версии Elementor вы можете создать привлекательную и эффективную целевую страницу WordPress.
Если вы готовы, вы можете построить все с нуля. Или, если это кажется немного ошеломляющим, изучение того, как использовать шаблоны Elementor, может сделать этот процесс намного проще.
Хорошая золотая середина — использовать шаблоны блоков Elementor. Вы можете смешивать и сочетать шаблоны по мере необходимости, и они обеспечивают хорошую основу для добавления вашего собственного контента и стилей.
Однако бесплатная версия Elementor не позволяет вам добавить форму подписки по электронной почте на вашу целевую страницу.
Чтобы использовать целевую страницу для расширения списка адресов электронной почты, вы можете соединить Elementor с бесплатным плагином MailPoet, который поможет вам расширять, управлять и отправлять списки адресов электронной почты прямо с панели управления WordPress.
