Статья расчитанная на широкий спектр пользователей, которые хотят:
Для опытных программистов статья может быть неинтерестная.
Выбрать интересующий вас вариант можно в навигации по странице:
Для начала что такое landing page / лендинг пейдж, она же целевая страница - это специальная Web-страница, построенная таким образом, чтоб максимально конвертировать посетителя в покупателя. Зачастую это очень яркие страницы призванные заинтересовать пользователя который пришел с рекламы. Обычно эти страницы не продвигаются, хотя есть и исключения, например, когда вам нужно вырвать топ 10 по одному горящему поисковом запросе 🙂 Узнать более подробно что такое лендинг пейдж.
Если ваша цель продвинутся в поисковых системах в топ позиции по топовых высокочастотных запросах - то использование лендинга это первый шаг к этому.
Предположим вам нужно продвинуться по запросу "горящие туры", например по Москве (на сегодняшний день более 300 000 обращений в месяц). Для этого вам нужен очень крутой СЕО специалист и грамотно спроектированный Лендинг пейдж, - заточенный именно под этот запрос.
Так как у вас только одна страница, адаптивный дизайн и куча побрякушек, поведенческие факторы должны сыграть свою роль и вывести вас в топ. Конечно ваши конкуренты не дремлют, и если они уже сделали лендинг пейдж несколько лет назад, а вы только сегодня надумали, то надо брать запросы по проще 🙁 .
Тем кто не в теме, лендинги - идеальный вариант для продажи небольшого объема услуг или товаров.
Landing page - позволяет вывести все услуги / товары на одной странице так, чтоб пользователь заказал их, или как минимум написал вам на почту или заказал обратный звонок, а там уже опытный менеджер вынесет мозг вашему заказчику и всеми правдами й неправдами прикажет приобрести даже слона 🙂 .
Если у вас мелкий бизнес и вы хотите привлеч в него как можно больше клиентов то целевая страница WordPress landing page это самое то что вам нужно + хороший СЕО шник в комплекте 🙂 .
к менюСамый простой способ создать wordpress лендинг пейдж - использовать готовый шаблон, конечно если вам не нужен супер уникальный узнаваемый дизайн, в противном случае, вас ожидает куча гемороя с правкой готовых вордпресс шаблонов 🙂 .
Предоставляю вам краткий список неплохих шаблонов для WordPress:
Цена: $43
Имеет богатый функционал и позволяет менять цветовые настройки шаблона. Позволяет создать сложный и красочный wordpress лендинг довольно за символическую сумму. А если найти этот шаблон бесплатный, то это мечта всех разработчиков бюджетных landing page. Да и фон можно воткнуть какой угодно, механизмов у шаблона вагон.
Платный шаблон Aeris для создания обычных сайтов и лендинг пейдж вордпресс.
Цена: $48
Функционал шаблона довольно скупой, сделать красочный одностраничник на нем у вас не получится.
Получить ссылку на (DEMO)
Платный wordpress landing page template - Event
Цена: $58
Довольно функциональный шаблон, который позволяет сделать wordpress лендинг.
Получить ссылку на (DEMO)к менюКоличество страниц лендинг на wordpress растет с каждым днем, при этом шаблоны становятся все лучше и лучше. Представляю вашему вниманию подборку шаблонов wordpress landing page.
(нажимайте на название шаблона ниже и смотрите его описание, скин, ссылку на демо и так далее)
Вордпресс шаблон: Stratus
Из новых шаблонов - это пожалуй один из самых прикольных. Цена шаблона 59$, но на нем можно построить, кроме landing page, также:
Этот шаблон 100% заслуживает вашего внимания.
Демо этого сайта находится по адресу: http://demo.themovation.com/stratus/home-one-pager/
WordPress landing page templates: Landlr
Очаровательная тема для создания wordpress landing page.
Идеально подойдет для рекламы своих услуг или продажи небольшого числа продукции (не полее 4 штук).
Цена: 44$
Посмотреть демо можно по ссылке: demo или вот здесь Landlr
WordPress landing page: Fusion
Платный шаблон лендинг пейдж вордпресс. Имеет оригинальный дизайн и множество настроек. В его состав входит приличное число слайдеров (даже трудно посчитать :-)), разной сложности и разного принципа работы. Идеально подойдет для рекламы услуг или информационного сайта на одну страницу.
Цена: 44$
Ссылка на демо: demo
к менюСоздавал заказчику сайт и набрел на чудесную тему для создания одностраничника - лендинг пейдж. Унифицированная тема Moesia позволяет создавать как обычные сайт визитки, так и красивые одностраничники. Среди ее возможностей:
Это поверхосное описание темы, более подробно предлагаю посмотреть на скинах, сначала фронтенд:
Внутри у этой темы есть такой прикольный билдер, у которого есть возможность выставить колонки, строки, разбить их произвольно, добавить свои классы, фон, цвет текста и так далее, а также несколько десятков разных виджетов. В общем очень удобная штука.
Тема очень хорошая, но ложка дегтя все таки есть. Разработчики криво создали быстрый старт, он импортирует нужные таксономии для работы и создает произвольные типы, но не импортирует демо для главной страницы и это очено плохо.
Ссылка на демо: Demo Moesia
Бесплатно скачать тему можно с WP репозитория: скачать Moesia
Также, перейдя по этой ссылке вы можете посмотреть еще один бесплатный лендинг шаблон для wordpress.
к менюМногих людей посещает мысль создать лендинг самому без шаблонов, но порой они до конца не понимают всю сложность этой задачи.
Это самый сложный способ создания лендинг пейдж на ВордПресс с одной стороны, но с другой - вы получаете полностью функциональный, уникальный шаблон для рекламы своих услуг, продукции или основного сайта компании.
Если вы решили самостоятельно создать WordPress лендинг пейдж, вам нужно:
Дальше, я расскажу вам о последнем и самом важном пункте (3).
Для просмотра краткого урока по созданию лендинг пейдж на ВП нажимайте на переключатели ниже, шаг за шагом:
/*
Theme Name: mylanding
Description: Help-WP.ru
Author: Help-WP.ru
Version: 1.0
*/
+ ваши стили, или же подключаем их отдельно в шапке
<!doctype html> <html> <head> <title><?php wp_title();?></title> <meta charset="utf-8"> <link rel="shortcut icon" href="<?php bloginfo( 'stylesheet_directory' ); ?>/images/favicon.ico"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href='http://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="<?php bloginfo( 'stylesheet_directory' ); ?>/css/reset.css" type="text/css" /> <link rel="stylesheet" href="<?php bloginfo( 'stylesheet_directory' ); ?>/css/style.css" type="text/css" /> <link rel="stylesheet" media="screen" href="<?php bloginfo( 'stylesheet_directory' ); ?>/css/responsive-leyouts.css" type="text/css" /> <link href="<?php bloginfo( 'stylesheet_directory' ); ?>/js/mainmenu/sticky.css" rel="stylesheet"> <link rel="stylesheet" href="<?php bloginfo( 'stylesheet_directory' ); ?>/js/mainmenu/menu.css"> <link rel="stylesheet" href="<?php bloginfo( 'stylesheet_directory' ); ?>/js/form/sky-forms.css" type="text/css" media="all"> <link href="<?php bloginfo( 'stylesheet_directory' ); ?>/style.css" rel="stylesheet" type="text/css"> <?php wp_head();?> </head> <body> <div class="site_wrapper"> <div id="header"> <div id="trueHeader"> <div class="wrapper"> <div class="container_full"> <header class="clearfix"> <!-- Logo --> <div class="logo"><a href="#home" data-scroll><img src="<?php bloginfo( 'stylesheet_directory' ); ?>/images/logo.jpg" alt="" /></a></div> <!-- Menu --> <div class="menu_main"> <nav class="nav-collapse"> <ul> <li><a href="<?php bloginfo( 'url' ); ?>#home" data-scroll><i class="fa fa-circle"></i>Главная</a></li> <li><a href="<?php bloginfo( 'url' ); ?>#about" data-scroll><i class="fa fa-circle"></i>О компании</a></li> <li><a href="<?php bloginfo( 'url' ); ?>#advantages" data-scroll><i class="fa fa-circle"></i>Преимущества</a></li> <li><a href="<?php bloginfo( 'url' ); ?>#catalog" data-scroll><i class="fa fa-circle"></i>Каталог</a></li> <li><a href="<?php bloginfo( 'url' ); ?>#contact" data-scroll><i class="fa fa-circle"></i>Контакты</a></li> </ul> </nav> </div><!-- end menu --> </header> </div> </div> </div> </div> <div class="clearfix"></div>
меню можно сделать более человечным, но на данном примере это показать не удалось.
</div> <?php wp_reset_query();?> <?php wp_footer();?> </body> </html>
у вас могут быть другие варианты, например сюда можно забить copyright или адрес с телефоном.
Я привык делать шаблон landing page так, чтоб каждая страница с нашего меню, была отдельной страницей в нашем WP:
Если видим что информация в виде каталога или тот же слайдер, то можно создавать рубрики под посты:
далее нужно делать вывод отдельных веток страниц в один макет.
Делается приблизительно вот так если это просто текстовая информация:
<?php global $post; $tmp_post = $post; global $more; $tmp_more = $more; $tpost=get_posts(array("post_type"=>"page", "page_id"=>8)); if($tpost): ?> <?php foreach( $tpost as $post ) : setup_postdata($post); ?> <div class="sectionarea" id="about"> <?php if(has_post_thumbnail()){ $large_image_url=wp_get_attachment_image_src( get_post_thumbnail_id(), 'full');?><div class="one_half"><img src="<?php echo $large_image_url[0];?>" alt="" class="img_size1" /></div><!-- end section --> <?php }?> <div class="one_half last about"> <h3><?php the_title();?></h3> <?php the_content('');?> <div class="clearfix margin_top5"></div> </div><!-- end section --> </div> <div class="clearfix"></div> <?php endforeach;?> <?php endif; $post=$tmp_post; $more=$tmp_more;?>
ид 8 - это конкретно та страница что нам нужна
или вот так если это слайдер или каталог:
<?php global $post; $tmp_post = $post; global $more; $tmp_more = $more; $tpost=get_posts(array("cat"=>2, "posts_per_page"=>-1, "order"=>"ASC")); if($tpost): ?> <div class="parallax_sec3"> <div class="container"> <section class="slider nosidearrows"> <p class="p_title_slider" id="advantages">Галерея</p> <div class="flexslider two carousel"> <ul class="slides"> <li> <?php $i=0; foreach( $tpost as $post ) : setup_postdata($post); ?> <div class="icon_slider_location"> <?php if(has_post_thumbnail()){ $large_image_url=wp_get_attachment_image_src( get_post_thumbnail_id(), 'full');?><img src="<?php echo $large_image_url[0];?>"/><?php }?> <div class="lessw1"><?php $more=0; the_content('');?></div> </div> <?php $i++; if($i==2){ $i=0; echo "</li><!-- end section --> <li>";} ?> <?php endforeach;?> </li><!-- end section --> </ul> </div> </section> </div> </div><!-- end tweets section --> <div class="clearfix"></div> <?php endif; $post=$tmp_post; $more=$tmp_more;?>
Это примитивные ветки, свободные циклы вордпрес, которые я уже не раз описывал как делать циклы WordPress
Идем далее, если нужно вставить форму обратной связи в wordpress лендинг пейдж записываем вот такую вставку шорткода:
в do_shortcode вставлен код вызова Contact Form 7.<?php echo do_shortcode('[contact-form-7 id="48" title="Форма регистрация"]');?>
Ну в принципе, основные моменты того, как создать wordpress лендинг пейдж я вам рассказал. Для большинства типичных случаев этих веток и шорткодов будет достаточно.
Большим плюсом такого landing page будет скорость его загрузки и возможность править с админки. Ведь простенькие лендинги, созданные на чистом ХТМЛ, не позволяют легко править контент без знаний тегов и стилей. Вордпресс позволяет делать лендинги удобными для наполнения и правки во время сопровождения сайта.
P.S.: Конечно сделать и показать уникальный пример создания wordpress landing page - это одно, а заточить уникальный хтмл мактет лендинга под Вордпресс более сложная задача, тем более, что в одном уроке сложно показать все возможности WP для создания одностаничников.
Буду рад помочь вам советом, если у вас возникли трудности по созданию сайта одностраничника 🙂
Так как использование категорий и постов для лендинга не всегда удобно, можно воспользоваться плагином произвольных полей ACF, который позволит делать текстовые поля в редакторе, а также добавлять произвольное количество изображений на ваш сайт.
Основными преимуществами такого плагина для создания wordpress лендинга есть:
Подробно прочесть о том как создать крутой лендинг на wordpress можно вот здесь: https://help-wp.ru/acf-for-wordpress-landing/
к менюСуществуют плагины, которые позволяют сделать лендинг на вордпресс проще чем писать шаблон с ноля. Предлагаю вам краткий обзор плагинов для wordpress landing page:
Функциональный плагин который позволяет делать лендинг на вордпресс. Конечно назвать его легким и простым в управлении и создании не поворачивается язык. Без хороших знаний ВП у вас особо ничего не получится. Да и странички простенькие будут, но как легкий вариант лендинга пройдет.
Довольно простой плагин с еще проще интерфейсом. В принципе зачем он может понадобится мне сложно понять, разве что сделать красивый фон с лого, и просить людей вводить контактный Email. Особо большое доверия такой сайт врядли будет внушать.
Маловато у вас бесплатных шаблонов для лендинг, с ними реально очень туго? Начала искать, думала сделать недорогой сайт для маленькой компании по производству эко молочных продуктов. Вы мне с этим сможете помочь? Если можно в личку или на телефон (-phone-). Спасибо.
По больше бы ваших примеров одностраничников на вордпрес. Смотрю в портфолио тоже лендингов нет :(((((((
И что, реально покупать лендинги на ВП?? Тупо бред, есть же бесплатные конструкторы ну на крайний случай приобрести премиум аккаунт и спать спокойно. Зачем использовать динозавра там где достаточно простых вещей. Вот например хороший конструктор одностраничников (-spam-url-)
Привет.
Каждая часть лендинга это отдельная страница на ВП верно? Именно это отличает сайт на системе управления wordpress от обычной хтмл верстки, по сути одностраничника на html.
Мне кажется глупо переплачивать 70$ - 100$ за наличие сомнительной CMS.
Рекомендую хтмл генератор одностраничных сайтов (-spam-url-)
Подскажите, пожалуйста, плагин "для действия"! Не форма обратной связи, а для сбора инфы типа телефона. Или прям "заказать". Чтобы можно было настроить страницу "спасибо за заказ".
Привет.
У меня есть макет лендинга, можно его показать вам и попросить оценить.
Спасибо.
Спасибо за тему Moesia. Реально крутая и бесплатная. До этой уже успел попробовать 3 штуки платные но крякнутые - ерунда, если сравнивать с этой бесплатной. Хорошая, удачная теме, с хорошим конструктором.
Привет.
Мне кажется на этой странице слишком долго грузятся фотки, реально много времени проходит при клике на картинку, при том что инет у меня хороший.
Нужно решать проблему 🙂
Я зарегистрировался на конструкторе (-spam-url-), здесь 800 шаблонов дают бесплатно, кто-нибудь уже пробовал?
Бытует мнение, что одностраничник на главной + обычный сайт на внутряках поднимают сайт в поисковой выдаче, а что думаете вы по этому поводу?
Есть смысл тратить деньги на создания лендинга и еще отдельно тратить на простую визитку или нет? спасибо
Мне понравился wordpress landing page templates Stratus. Есть идеи где его можно бесплатно взять. Не охота платить денежку 🙁
Буду благодарный если поделитесь ссылочкой со мной
Молодая компания ищет веб специалистов. Направление: верстка сайтов, php разработка.
Основная специализация, создание landing page, сайт визиток, порталов.
Более подробно по ссылке (-spam-url-)
Свежая подборка шаблонов одностраничников wordpress landing находится по ссылке (-spam-url-), выберите нужную или воспользуйтесь конструктором для landing page с ноля.
Можно узнать сколько времени уходит на создание лендинга с ноля со своим шаблоном и уникальным дизайном? Спасибо.
Добрый день!
Может Вы подскажете 🙂 Пытаюсь разобраться с шаблонами для wordpress для лендингов. В частности, посмотрел те, что вы рекомендуете. Хочу понять. Если я куплю шаблон, я смогу использовать его только на одном сайте, или его можно будет использовать на множестве моих сайтов?
Можно посмотреть ваши примеры работ, интересует именно wordpress лендинг, который делали вы без использования шаблонов.
Можно на почту.
Привет, бытует мнение что wordpress лендинг очень сложно продвинуть по запросу.
Вы можете аргументировать, почему пишите что лендинг хорошо продвигать??
Спасибо
Добрый День.
Интернет Агенство предлагает ряд ПРОФЕССИОНАЛЬНЫХ услуг!
1)Создание Landing Page. Продающая страница Landing Page под ключ
2)Качественное оформление групп ВКонтакте+Работа по подписчикам!
3)настройка Yandex Direct
4)настройка VK таргет
5)Продвижение вашего бизнеса в Instagramm
Пишите Вконтакте (-spam-url-)
Посмотреть портфолио можно в нашей группе в ВК
(-spam-url-)
Спасибо за внимание!Хорошего вам настроения!?
Привет. Хочу похвастаться своим лендингом: (-spam_url-)
Делал на вордпрес, самостоятельно, заплатил только за дизайн и готовую верстку. Цена вопроса 70$
Добрый вечер.
Я студент, начинающий веб программист. Ищу программиста, который сможет подстраховать в трудную минуту.
Занимаюсь созданием лендингов и визиток на базе вордпресс.
Подскажите, с вами можно сотрудничать в этом направлении?
Делаем сайты на заказ: лендинг, визитка, каталог.
Цены снижены до конца января.
Сайты строим наCMS WordPress или любой другой по вашему пожеланию.
Предлагаем индивидуальный дизайн для вашего WordPress landing page и многое другое.
(-spam-url-)
Автор, а зачем вы скрываете ссылки. Возможно они кому то будут полезные.
Я вот, например, хотела посмотреть цены на создание лендингов.
Хочу сделать лендинг на вордпрес, но своих сил не достаточно.
А зачем вообще в лендинг пейдж меню???
Там максимум анкоры на переход в свой подраздел страницы. Ведь у лендинга нет других страниц кроме главной.
Задаю этот вопрос потому что у вас тут целые куски функций для вывода меню, хотя реально их смысла не вижу.
Вам не приходилось делать лендинг с сайта визитки.
Есть визитка на вордпресс (-url-), нужно ее переделать под лендинг.
Так понимаю нужно удалить все страницы и оставить главную. Информацию с удаленных страниц перенести на главную.
Сколько по цене обойдется? и по срокам?
Хотелось бы услышать ваше мнение: бесплатный лендинг на wordpress - это реально или просто обман?
В сети есть конструктор, который позволяет делать шаблон лендинга для wordpress абсолютно бесплатно.
Вот ссылка: (-spam-url-)
Для создания шаблона достаточно зарегистрироваться на сайте.
Доброй ночи. Есть сырой сайт на ворде и хотелось бы его доработать ну и т.д. интересует цена и возможность лендинга. Жду ответ.Спасибо
Сколько орфографических ошибок в тексте, аж глаз режет
Привет.
Начал делать WordPress лендинг пейдж, сверстал псд макет и частично натянул на WP, но дальше не могу его закончить. Нужно доделать форму и динамические блоки, чтоб с админки можно было править отдельные блоки.
И сделать галерею 🙁
Вы не сможете мне помочь? Готов заплатить денежку
Нашла бесплатную тему Event, скачала ее установила и на этом мой лендин закончился. Вся тема на английском языке, русификатора нет. Пробовала найти хоть какой нибудь файл локализации, но их вообще нету. Что вы можете посоветовать? - вы не занимаетесь переводом других тем на русский язык. Если да то сколько это будет стоять?
Правда сейчас немного сомневаюсь вообще в целесообразности использовать готовые шаблоны. Буржуи за них деньги платят а реально за те же деньги можно сделать лендинг у какой нибудь конторы с умеренными ценами.
У нас можно заказать WordPress лендинг пейдж по низким ценам. Качество гарантируем. (-spam-url-)
Добрый день.
У нас есть сайт одностраничник (-url-), после последней правки он перестал работать. Подскажите пожалуйста вы сможете найти в чем проблема и решить ее?
Здравствуйте.
Хочу заказать у вас сайт на базе готовой темы LandX. Подскажите пожалуйста, вы можете установить wordpress, поставить тему и настроить все там, чтоб лендинг пейдж смотрелся хорошо. Тему готов купить, тематика - доставка очищенной воды.
Пробовал использовать ваш для wordpress лендинг пейдж, - да он действительно рабочий, если кто сомневался. Большое спасибо, лично мне помогли ваши советы.
Занимаюсь созданием wordpress лендинг пейдж уже около 3 лет. Имею множество работ в портфолио здесь (-spam-url-)
Цены на создание очень демократичные, обращайтесь, буду рада сотрудничеству и новым заказам.
Здравствуйте. Вы описали только платные темы для создания wordpress landing page. Каждая из них приличных денег стоит. Для бюджетного сайта по привлечению клиентов они точно не подходят.
Не планируете пополнить этот ряд бесплатными темами??
Если есть рекомендации буду рад их услышать
Ищу разработчика лендинг пейдж, не обязательно на wordpress хотя и не исключаю эту систему управления.
Поток заказов не обещаю, но первый тестовый и если все норм то еще парочка заказов будет.
Если вас заинтересовало это предложение буду ад сотрудничеству.
Предлагаю вам бесплатный генератор для создания лендинг пейдж вордпресс.
Самый дешевый способ создать собственный шаблон: (-spam-url-)
У меня есть дизайн лендинг пейдж для предприятия, занимаемся евроокнами.
Скажите пожалуйста сколько будет стоять сверстать wordpress лендинг и сделать чтоб все хорошо работало.
Нужен именно одностарничник, бюджет сильно ограничен.
Интересует цена и сроки, можно на почту. Макет могу выслать вам если это предложение вас заинтересует.
Спасибо.
Было бы не плохо приложить все файлы WordPress лендинг пейдж которые вы описываете. Хотела потестить начала переносить но ничего не работает.
Помогите пожалуйста, делал лендинг, уже не первый раз это делаю, но столкнулся с проблемой, нужно сделать лендинг на трех языках. Изначально думал взять создать 3 страницы и выводить их под каждый язык, но теперь возникли проблемы с переделкой всех сообщений на выбранный язык + нужна возможность редиректа на основе языка браузере. Посоветуйте как теперь лучше выйти из ситуации. Спасибо.