Лендинг пейдж setup: Создание Landing Page — Setup.ru — бесплатный конструктор сайтов, создать сайт бесплатно
РазноеСоздание Landing Page — Setup.ru — бесплатный конструктор сайтов, создать сайт бесплатно
1. Выбор дизайна.
Выберите дизайн Landing Page из 11 профессиональных шаблонов, составленных с учетом особенностей юзабилити продающих страниц.
2. Меню секций.
Для удобной навигации ваш Landing page разделен на секции (блоки).
Придумайте названия секций и расположите их горизонтально или вертикально в любом текстовом блоке в первом экране видимости (в самой верхней секции лендинга section-0).
Для создания ссылки-«якоря» в разделе меню вставьте в поле «Адрес» номер нужной секции в формате #section-3.
3. Конструктор кнопок
На тарифе Free доступна только одна кнопка формы обратной связи. Вы не можете ее редактировать. Чтобы кнопка заработала, необходимо включить функцию обратной связи в личном кабинете.
Однако на платных тарифах вы можете создавать неограниченное количество кнопок и настраивать их по своему усмотрению.
Для добавления кнопки нажмите на одноименную иконку в меню редактирования любого блока, и перед вами откроется окно с настройками.
4. Конструктор лид-форм
На тарифе Free доступна только одна форма, она настроена по умолчанию и не редактируется. Вне зависимости от выбранного шаблона это может быть только форма обратной связи.
На платных тарифах вы можете легко создавать любое количество форм с уникальным оформлением и любым количеством полей. Это может быть подписка на рассылку, сбор заявок или оформление заказа. Для этого в меню редактирования нажмите на соответствующую иконку и измените дизайн и настройки формы по своему усмотрению.
5. CRM-модуль
Все данные ваших посетителей, собранные с помощью лид-форм, сохраняются в CRM-модуле. Модуль доступен для просмотра и редактирования только на платных тарифах. Подробнее о настройке CRM (кабинета администратора магазина)
6. Публикация лендинга
Чтобы опубликовать лендинг, нужно привязать к нему домен.
Вы можете:
— привязать собственный домен;
— купить домен в личном кабинете Setup.ru;
— обратиться в техподдержку с просьбой разместить лендинг на субдомене сайта, созданного на Setup.ru (функция доступна только для сайтов с тарифами Pro и Shop, у сайта не может быть более трех субдоменов).
Топ 20 конструкторов лендингов — Landing Page, рейтинг и отзывы
Конструкторы лэндингов — простой способ самостоятельно создать посадочную страницу для продвижения бизнеса и увеличения количества продаж. Подходит новичкам и тем, кто ограничен в деньгах или ищет удобный инструмент тестирования интересных идей.
Использование
Этот способ создания удобно использовать, если вы не желаете разбираться в тонкостях языков веб-программирования. Рейтинг подобных сервисов наглядно продемонстрировал их разнообразие, но технически они устроены по схожим принципам:
- Чтобы собрать хороший сайт, достаточно поиграться с перетаскиванием готовых информационных блоков в визуальном редакторе;
- для придания странице привлекательности используется база готовых шаблонов;
- при помощи встроенного редактора легко менять расстояние между блоками, их положение, добавлять новые.
Чтобы начать пользоваться сервисом, потребуется пройти процедуру регистрации на сайте и выбрать тариф. У каждого своя тарифная сетка, удобная и не очень. Онлайн-конструкторы предлагают создание разных типов сайтов: магазины, визитки, портфолио. Цены разные, но суть проста: чтобы ваш проект работал, вносите ежемесячную абонентскую плату. Некоторые предлагают выкупить сайт навсегда.
Лэндинг — не самый большой проект, состоящий всего из 1 страницы, поэтому часто хватает недорогого тарифа. Поупражняться в создании посадочных страниц многие сервисы предлагают бесплатно, а оплата взимается за публикацию сайта в интернете.
Важно: созданный при помощи конструктора лендинг не автономен и существует и принадлежит вам, пока вы оплачиваете услуги сервиса.
Преимущества лэндингов
Большинство пользователей, прибегающих к созданию одностраничников при помощи конструкторов, руководствуются этим списком достоинств таких сервисов:
- Экономия средств — иногда можно даже создавать бесплатные страницы.
- Скорость — готовый сайт делается в течение одного дня.
- Нет нужды в знании веб-программирования, html, css.
- Простота управления — интерфейс, в котором легко разберется человек, далекий от создания сайтов.
- Круглосуточная техподдержка — оперативное решение проблем.
- Встроенная CRM — легко контролировать заявки, а система способна самостоятельно считать прибыль.
Перечисленных преимуществ хватает, чтобы отказаться от услуг веб-студий и фрилансеров. Особенно привлекателен быстрый старт: те, кто хорошо знаком с работой конструкторов, делают новую посадочную страницу за пару часов. Дополнительные плюсы (некоторых опций может не быть):
- Наборы готовых тематических шаблонов;
- расширения, например, отслеживание звонков;
- использование бесплатного домена третьего уровня.
Таким образом, сделать лендинг пейдж с помощью визуального редактора и готовых шаблонов просто и быстро, но так ли все идеально, как кажется на первый взгляд?
Недостатки конструкторов
Экономия бюджета часто становится главной причиной обращения к конструкторам, но при наличии навыков создания сайтов купить хостинг и домен окажется дешевле.
Вдобавок, делая сайт своими руками, вы работаете над его кодом, избегая лишнего, они стремятся удовлетворить потребности всех пользователей, а потому готовая страница часто оказывается тяжелой и медленной.
Пользуясь конструктором, не получится разместить на странице функции, отсутствующие в списке доступных. Техподдержка способна помочь в таком вопросе, но добавлять интересующий функционал программисты могут месяцами. При этом среднестатистический шаблон обладает простым дизайном, из-за которого лендинг с легкостью потеряется на фоне конкурентов.
В конце концов, стоит поразмыслить на тему SEO: каковы возможности продвижения шаблонной посадочной страницы, сделанной на конструкторе, в топ? В сравнении с дорогим сайтом, в котором продумана каждая мелочь, шансы невелики. Но тут все индивидуально — играет роль контент, конкурентность запроса и другие факторы. В любом случае, высокую конверсию не гарантирует никто, а конструктор — отличный способ «пробить почву».
Вывод
Обзор особенностей, достоинств и недостатков лэндинг конструкторов позволяет заключить, что в сравнении с заказом на создание сайта — это дешево, быстро и просто.
Плюсов больше, чем минусов, а продавать товар или услугу с конструктором реально начать уже сегодня.
Тем кто создаёт лендинги под контекстную рекламу советуем использовать сервис Yagla для улучшения эффективности ваших посадочных страниц.
Всего пара строчек кода и ваш обычный сайт превращается в мультилендинг, чем обеспечивает наиболее высшую конверсию в отличии от простого.
Настройка шаблона Твой Лендинг
Посмотрите видео с наглядным примером настройки темы дизайна Твой Лендинг:
Пошаговая инструкция по установке и настройке темы Твой Лендинг:
1) Установка шаблона Твой Лендинг на вашем сайте
- Вы используете бесплатный фрейворк Webasyst купили и установили через инсталлер шаблон Твой Лендинг
- Перейдите в админку вашего сайта http://ваш_сайт.ру/webasyst
- В верхнем меню выберите приложение с иконкой Сайт
- В левом меню выберите пункт Структура
- В появившемся окне выберите пункт с иконкой
- В появившемся окне в полях Тема оформления и Мобильная тема оформления, выберите шаблон Твой Лендинг, далее в нижней части страницы нажмите кнопку Сохранить
- Поздравляем, шаблон Твой Лендинг установлен на вашем сайте и готов к использованию, далее необходимо произвести его настройку.
- Перейдите в админку вашего сайта http://ваш_сайт.ру/webasyst
- В верхнем меню выберите приложение с иконкой Сайт
- В левом меню выберите пункт
- В появившемся окне должна быть выбрана тема Твой Лендинг (если нет, значит шаблон не выбран как основной для сайта см. пункт 1), чуть ниже нажмите ссылку с иконкой Настройка темы
- Перед вами экран с настройками темы Твой Лендинг. Далее необходимо изменить контент на свой.
- Вы находитесь в разделе Настройка темы, ниже находится информация, которую необходимо поменять на вашу.
- Тип Меню — Этот параметр отвечает за тип меню в шапке сайта. Вы можете выбрать тип Одностраничник, для использования сайта в режиме landing page, в этом случае навигация осуществляется в пределах страницы, вы можете самостоятельно редактировать код меню, и допустим добавить телефонный номер.
- Код для типа меню Одностраничник — Если выбран тип меню Одностраничник, здесь находится код для его отображения, вы можете его изменить, не забудьте изменить номер телефона в этом блоке на ваш.
- Цвет фона меню и Цвет ссылок в меню — Отвечают за цвет верхнего меню. Вы можете задать цвет как в HEX режиме, например #39454b так и в режиме RGB с прозрачностью например rgba(255,255,255,0.95)
- Город, Адрес, Телефонный номер — Замените на свои данные, необходимо для микроразметки Яндекса и для контакта с вами. Карта проезда — Ссылка на карту проезда до вас, используется в блоке контактов при клике на иконку рядом с адресом.
- Содержимое блока INTRO — Здесь находится контент из блока Intro, который отображается первым при открытии сайта. Сюда можно вставлять свой контент, изображения, видео и прочее. Также в любом месте сайта вы можете использовать иконки из коллекции Font Awesome.
Адрес картинки для фона блока INTRO — Ссылка на фоновую картинку для блока INTRO, вы можете использовать любую картинку просто вставив ее URL в это поле. - Содержимое блока ONE, Содержимое блока Two, а также фоновые картинки для этих блоков заполняются по аналогии с блоком INTRO, с разницей в том, что информация в этих блоках отображается на белой подложке.
- Содержимое блока Портфолио — В этом блоке можно изменить заголовок, описание и добавить картинки с описанием, поставив URL своей картинки для миниатюры и для большего изображения и изменив текст описания.
- Содержимое нижнего блока — Содержимое этого блока отображается под адресными данными перед формой отправки контактных данных.
В этом блоке, лучше всего разместить уникальное торговое предложение с ограниченным сроком действия, призыв к совершению действия и перечисление бонусов, которые человек получит оставив заявку прямо сейчас. - Ссылки на соц. сервисы — Добавьте ссылки на вашу группу или сообщество в социальных сетях, заменив # с нужным соц. сервисом на соответствующий URL.
При возникновении ошибки 404, нужно сделать следующее:
В разделе Страницы Сайта добавьте одну страницу в качестве главной (не указывайте/сотрите предлагаемый адрес), тогда она будет выводиться и не будет 404-й ошибки.
Landing Page Cat — Coming Soon Page, Maintenance Page & Squeeze Pages — Плагин для WordPress
Simple Squeeze Pages & Landing Pages for WordPress
Landing Page Cat is the best WordPress plugin to build a simple landing page, like a Coming Soon Page, 404 Page, Countdown Page, Email Squeeze Page or Welcome Gate.
It takes just 2 minutes to build a landing page that looks great, converts, and improves your user’s experience.
There are no overly complicated settings, no learning curve, no coding required. Landing Page Cat works right out of the box. That means anyone (yes, anyone) can build a simple and optimized landing page in a matter of minutes.
Start using Landing Page Cat free today to build simple, high-converting squeeze pages, or upgrade to premium to utilize landing pages in more areas of your WordPress site.
Check out a demo video
Landing pages are particularly effective in the following cases:
- “Coming Soon” pages.
If your site isn’t quite ready to launch yet, set up a placeholder landing page with an email optin, so you can notify people when it’s live. - Maintenance or “under construction” pages. Let people know when a page is under construction, and redirect them to another page or collect their email to notify them later.
- Guest posts. Link your byline link to a landing page in order to convert the maximum number of readers into subscribers.
- Facebook advertising. Drive traffic from Facebook to your landing page to convert them into leads.
- Driving landing page traffic from your blog or sidebar. You could include links or banners in your blog posts or sidebar to drive traffic to your landing page.
- Your homepage. Turn your homepage into a landing page. Perfect when you need a website for your business, but you don’t want to go through the hassle of building a whole site.
Landing pages are powerful tools used by experienced marketers to grow your business.
Few tools let you build a landing page as quickly and as easily as Landing Page Cat.
Is Landing Page Cat — WordPress Landing Page Plugin easy to translate?
Yes. Landing Page Cat — WordPress Landing Page Plugin is fully translatable. Please let us know if you’re interested in contributing.
Can I use this tool for Amazon coupon landing pages?
No. If you want to build Amazon landing pages for your Amazon products, check out our sister product, LandingCube
Landing Page Cat — WordPress Landing Page Plugin Feature Roadmap
This is just the first version of Landing Page Cat — we have tons of new features & improvements lined up. Do you have any suggestions? Please leave a comment in the support forums.
—The Fatcat Apps Team
Privacy Disclosure
This plugin stores personal data (eg. names & emails collected using this plugin) in the WordPress database.
This plugin integrates with the WordPress GDPR privacy controls for data export & data deletion added in WordPress 4.
9.6.
This plugin can be configured to connect to 3rd party service providers such as MailChimp.
If you use this plugin to connect to a 3rd party, personal data may also be shared with that party.
Additional privacy policy information for 3rd party services can be found here:
ActiveCampaign
Aweber
Campaign Monitor
ConvertKit
Drip
GetResponse
Mad Mimi
MailChimp
Zapier
Our full privacy policy is available here: https://fatcatapps.com/legal/privacy-policy/
Редактирование Landing Page на WordPress
Приветствую вас на сайте Impuls-Web!
Мы продолжаем создавать Landing Page на WordPress и в данной статье мы научимся делать навигацию по странице, создавать дубликаты данной страницы, редактировать ее при помощи визуального редактора Page Builder, а так же назначать произвольную страницу в качестве главной страницы сайта.
Для тех кто не читал предыдущую статью по созданию Landing Page на WordPress вот ссылка, обязательно почитайте.
Навигация по статье:
Настройка навигации
Вы наверняка замечали, что на большинстве Landing Page сейчас используется навигация по странице. При клике, на пункты меню, вас перебрасывает в соответствующую часть страницы. Сейчас мы научимся делать такое меню для своей Landing Page на WordPress.
Для этого вернемся к редактированию страницы и, для строки с определённой секцией страницы, нам нужно будет задать идентификатор, который будет использоваться в качестве якоря для ссылок меню.
- 1.Наводим курсор на ключик в верхнем правом углу строки, выбираем «Редактировать строку».
- 2.В разделе «Атрибуты» в поле «row id» ставим решетку, и вводим какой-нибудь идентификатор для данной секции Landing Page.
Идентификатор обязательно должен состоять только из латинских букв. Теперь мы этот идентификатор копируем и нажимаем на кнопку «Выполнено».
- 3.Затем нажимаем на кнопку «Обновить» и переходим в раздел «Внешний вид» => «Меню».
- 4.При помощи стрелочки вниз открываем нужный пункт для редактирования и вместо решетки вставляем скопированный идентификатор. После чего нажимаем на кнопку «Сохранить меню». Тоже самое вы проделываете для всех остальных разделов страницы и для всех остальных пунктов меню.
Создание дубликатов Landing Page
После того, как вы добавите все необходимые блоки и всю необходимую информацию на вашу страницу Landing Page, и настроите для нее навигацию, вы можете создать дубликат этой страницы, после чего внести на нее определенные изменения.
Это позволит вам с легкостью создавать на одном сайте неограниченное количество страниц Landing Page.
Для того, что бы это стало возможным, нам понадобится специальный плагин, который называется Duplicate Post.
- 1.Копируем его название и переходим в раздел «Плагины» = > «Добавить новый». Вставляем название в строку поиска, и теперь нажимаем на кнопку «Установить», а после установки нажимаем «Активировать».
- 2.Теперь вернемся в раздел «Страницы» => «Все страницы». После установки данного плагина у нас, при наведении на название страницы, появляется еще дополнительна ссылка «Клонировать».
После нажатия на эту ссылку у нас создается точная копия данной страницы. Однако эта страница имеет статус «Черновик», то есть, она не опубликована на сайте.
- 3.Далее, вы нажимаете на ссылку «Изменить». Задаете ей какое-то другое название, что бы потом не путаться. Затем, при необходимости, меняете тексты и изображения, переставляете секции местами и т.д.
- 4.Нажимаем на кнопку «Опубликовать» и перехожу по ссылке для того, что бы посмотреть, как будет выглядеть моя новая страница.
У мня в результате получилось 2 таких варианта:
Первый вариант:
Второй вариант:
Обращаю ваше внимание на то, что при создании и редактировании таких клонов страницы у вас редактируется вся контентная часть, а футтер и шапка остается на всех страницах одинаковым.
При желании можно создать шаблон страницы, в котором будет редактироваться вся страница целиком, включая шапку и подвал сайта. Но это уже потребует дополнительных знаний и навыков.
Использование визуального редактора Page Builder
Так же я хотела бы еще остановиться на визуальном редакторе Page Builder, который особенно удобно использовать при редактировании уже созданной страницы.
Вернемся в админку сайта, к редактированию текущей страницы, и нажмем на кнопку «Визуальный редактор».
В правой части экрана мы видим саму нашу страницу, а в левой части экрана мы видим блоки, из которых она состоит. Мы можем навести курсор на определенный блок, который нужно отредактировать, кликнуть по нему, и у нас сразу же откроется окно редактора для его редактирования. Так же, таким способом вы можете добавлять новые строки, виджеты, редактировать или удалять уже существующие.
Здесь же вы можете просмотреть, как будет выглядеть сайт на планшете или мобильном телефоне.
После того, как вы внесли все правки, нажимаете на кнопку «Выполнено», в верхнем правом углу панели с блоками, и обновляете страницу.
Меняем главную страницу сайта
После того, как ваша страница Landing Page будет полностью готова, вам нужно будет задать ее в качестве главной страницы сайта. Для этого:
- 1.Переходим в административную часть, в раздел «Настройки» => «Чтение».
- 2.Здесь выбираем пункт «Статическую страницу» и из раскрывающегося списка «Главная страница», выбираем ту страницу, которую мы только что создали.
- 3.Нажимаем на кнопку «Сохранить изменения».
Отключаем стандартный слайдер для темы Vantage
При использовании темы Vantage на главной странице ещё будет отображаться стандартный слайдер темы. Для того, что бы его отключить, переходим в настройки темы «Внешний вид» = > «Настроить».
Далее, переходим в раздел «Theme settings», в пункт «Home», и в разделе «Home Page Slider» выбираем «None».
После чего нажимаем на кнопку «Сохранить и опубликовать».
Как видите этот способ создания Landing Page более длительный, по сравнению с теми, которые я показывала ранее. Однако он позволяет вам размещать сайт на своем хостинге, создавать структуру Landing Page любой сложности, расширять ее функционал за счет многочисленных плагинов для WordPress, добавлять сюда всевозможные галереи, слайдшоу, спойлеры, таблицы и прочие элементы.
Так же такой Landing Page довольно прост в администрировании и редактировании. В будущем вы можете расширить его до сайта визитки или даже до интернет-магазина. Кроме того, вы можете в пределах одного домена создавать неограниченное количество таких страниц, путем их клонирования и внесения в них изменений.