Как создать лендинг для WordPress (Видео +бесплатный шаблон)

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

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

Как создать лендинг для WordPress с нуля

Основные инструменты и сервисы:

➡ Хостинг, домен и CMS регистрируем тут: https://clck.ru/JLr9M
➡ Генератор логотипов для сайта тут: https://clck.ru/MPpyv
➡ Мой бесплатный курс по созданию сайтов с нуля тут: https://clck. ru/PwJAv

Шаблон сайта + видео-инструкция по установке:

📌Шаблон сайта из видео можно скачать тут: https://yadi.sk/d/faJWhVx9JUks9A
📌Инструкция по размещению сайта на хостинге и подключение домена: https://youtu.be/rvl3gDmuj_o

Название плагинов и тем, которые я использую в видео:

1. Тема — ASTRA
2. Плагины:

• Elementor
• Elementor — Header, Footer & Blocks
• Essential Addons for Elementor
• Livemesh Addons for Elementor
• jQuery Smooth Scroll
• Contact Form 7
• Popup Maker

Шрифты и цвета из урока:

Шрифты и цвета, которые я использовал в уроке:
Шрифт — Source Sans Pro

Цвета:
#FF7951 — Основной цвет (оранжевый)
#532437 — Градиентный bac (темно-фиолетовый)
#100C1B — Градиентный bac (темно-синий)
#FF6383 — Мелкие подзаголовки (фиолетовый)
#F0F0F0 — Цвет текста (серый)
#54595F — Цвет текста (черный)

Дополнительные материалы к уроку:

1. Как придумать доменное имя для своего сайта: https://clck.ru/NBhsQ
2. Как зарегистрировать домен и подключить его к сайту: https://youtu.be/6bkvslQMH6E
3. Бесплатные изображения для сайта можно брать тут: https://clck.ru/JfNoy
4. Бесплатные иконки для сайта можно брать тут: https://clck.ru/NBhcs
5. Генератор политики конфиденциальности тут: https://clck.ru/JLtr3
6. Google кириллические шрифты тут: https://clck.ru/EACPK

Таймкоды на темы из видео:

0:34 — старт урока
0:58 — организационные моменты

Начинаем создавать лендинг:
3:07 — что потребуется для создания лендинга
5:13 — настраиваем Астру (шрифт, лого, фавикон)
9:50 — наполняем страницу «Политика конфиденциальности»
11:40 — как работать в Elementor (обзор инструментов)

Работа в Элементоре:
15:58 — начинаем создавать лендинг
16:45 — первый экран лендинга (создаем и настраиваем)
32:46 — второй экран лендинга (создаем и настраиваем)
44:28 — настраиваем разделитель секции (переход из 1 к 2 экрану)
46:35 — третий экран лендинга (создаем и настраиваем)
52:08 — четвертый экран лендинга (создаем и настраиваем)

55:23 — пятый экран лендинга (создаем и настраиваем)
1:04:05 — шестой экран лендинга (создаем и настраиваем)
1:15:44 — добавляем якорные ссылки (anchor)

Контактная форма и поп-ап окна
1:20:37 — активируем контактную форму 7 и попап мэйкер
1:21:17 — настраиваем контактную форму 7
1:26:16 — настраиваем попап мэйкер
1:28:42 — добавляем и настраиваем два попап окна

Настраиваем мобильную и планшетную версии
1:37:18 — настраиваем планшутную версию
1:42:13 — настраиваем мобильную версию

Настраиваем подвал и шапку сайта
1:46:57 — активируем плагин, создаем шапку в Elementor
1:49:03 — создаем меню шапки сайта
1:59:15 — создаем подвал сайта

Настраиваем главную страницу сайта
2:04:46 — выставляем лендинг в качестве главной страницы

Заключение

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

что должно быть на выходе, какие этапы есть у разработки

Чтобы создать высококонверсионный лендинг (на WordPress да и в любой другой системе), не хватит 5 минут, часа и даже вечера. Если как попало собрать блоки, написать шаблонный «продающий» текст и загрузить стоковые картинки, вряд ли будут хорошие продажи. Даже если правильно настроена контекстная и таргетированная реклама.

Признаки качественного лендинга

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

Основные признаки качественной посадочной страницы:

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

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

Примеры работ от TexTerra:

• Сайт по доставке продуктов.

• Лендинг для компании, занимающейся разработкой приложений.

Больше примеров – в разделе «Портфолио».

Этапы создания лендинга

Профессиональное создание лендинга на «Вордпресс» включает следующие этапы:

• Определение целей и концепции проекта, анализ продукта, целевой аудитории и конкурентов.
• Подготовка контента (текст, видео, фото), создание прототипа и дизайн-макета.
• Выбор хостинга, регистрация домена, установка CMS, подбор и настройка темы.
• Установка и настройка плагинов (для создания лендингов на WordPress подойдут Elementor, Landing Page Cat, JetBlocks и др.).
• Адаптивная верстка сайта, если функциональности темы недостаточно.
• Встраивание кодов систем веб-аналитики и сторонних инструментов (онлайн-консультанта, сервиса обратного звонка, платформы мессенджер-маркетинга или др.).
• Финальная проверка и запуск сайта.
• А/Б-тестирование, внесение изменений с учетом поведения пользователей и действующих рекламных кампаний.

Есть миф, что WP только для блогов, а лендинги нужно делать на конструкторах или платных CMS типа Bitrix. Это не так, «Вордпресс» универсален и подходит для всех типов сайтов, в том числе одностраничников.

Тимур Фехрайдинов,
маркетолог компании TexTerra

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

Как​ ​сделать​ ​лендинг​ на​ ​WordPress – База знаний Timeweb Community

Нужен ли мне лендинг?…

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

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

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

Плюсы и минусы лендинга

Но если вы все еще сомневаетесь, то более подробно остановлюсь на плюсах и минусах лендинга.

Начну с минусов лендинга.

1. Ограниченность информации. Много данных, отзывов и познавательных статей на лендинге вы не разместите, это не блог. Чаще всего компании дают подробную информацию уже по запросу – по электронной почте или телефону. Кто-то считает, что из-за этого доверие пользователей падает – тут сложно сказать, многие вывешивают на своих лендингах сертификаты и отзывы пользователей.
2. Сложность SEO-продвижения. Этот минус вытекает из предыдущего. Все мы знаем, что для SEO важен контент – тексты, фотографии и так далее. Место на одностраничнике ограничено – много статей на нем не разместить, да и смотреться полотно текста будет непривлекательно. Поисковики плохо индексируют лендинги, поэтому если вы хотите активно продвигать себя в поисковиках по множеству запросов, лендинг пейдж не подойдет.
3. Более трудная аналитика. Если на обычных сайтах вы можете посмотреть, на каких страницах были пользователи, что их заинтересовало, и как-то улучшать эти показатели, то в случае с лендингом все будет несколько сложнее. Конечно, это не является неразрешимой задачей.
4. Неоднозначность восприятия. Так как лендингов стало много, то и отношение к ним изменилось – кого-то устраивают лаконичные страницы, содержащие только основную информацию, других раздражает необходимость прокручивать страницу вниз, а минималистичный дизайн кажется подозрительным. Тут важно отталкиваться от своей целевой аудитории – для кого вы готовите этот сайт? Кто будет его просматривать? Понравился ли им такая форма подачи?

Теперь перейдем к плюсам лендинга.

1. Быстрая и недорогая разработка. И так понятно, что одну страницу сделать проще, чем десять, а редактировать информацию на них чаще всего не нужно (а значит, и необходимости в админке нет). А даже если что-то и придется менять, сделать это на одной странице существенно легче, чем на множестве. Во многом именно поэтому одностраничники и стали так популярны.
2. Адаптивный дизайн. У большинства лендингов дизайн именно такой, поэтому можно не волноваться о том, нормально ли будет смотреться ваш сайт на мобильных устройствах. Таким образом, вы сразу привлекаете большую часть аудитории, которая сидит в интернете со смартофонов или планшетов.
3. Простая навигация. Успех сайта зависит не только от красочной обертки и наполнения, но и от того, насколько потенциальным клиентам удобно им пользоваться. Посетителей раздражает, когда они не могут понять, куда нужно нажать, где находится нужная им информация, как с одной страницы перейти на другую и так далее. Будут ли такие проблемы на одностраничнике? При грамотной разработке – нет.
4. Концентрация информации. Информации на лендинге поместится не так много – но стоит ли это рассматривать как минус? На одностраничнике намного проще концентрировать внимание посетителей на чем-то определенном. Вы можете сразу предоставить всю необходимую информацию, а не бояться, что пользователь не найдет номер телефона. Еще один вытекающий отсюда плюс – высокая концентрация информации на странице. Можно сделать десять страниц, и на каждой из них разместить скудное и скучное описание. А можно все уместить на одной странице, и даже если, в общем-то, информации не так много, посетителям будет казаться, что ее хватает с лихвой.
5. Фокусирование на товарах/услугах. Исследования в области психологии и рекламы говорят о том, что покупателям намного проще определиться с выбором, если им представлен небольшой ряд товаров, чем в тех случаях, когда перед ними не заканчивающееся множество вещей. Если ваша цель – успешный бизнес какого-то конкретного товара (или нескольких), то делайте лендинг. Внимание потенциального покупателя будет максимально сфокусировано на том, что вы хотите ему продать.
6. Красочность. Лендинги отличаются богатством изображений и красочностью. Уже доказано, что визуальная информация воспринимается лучше и быстрее текстовой – люди больше любят смотреть картинки, чем читать объемный текст. Изображения и помогут сделать ваш лендинг, во-первых, уникальным, во-вторых, привлекательным. В моду вошло и использование видео – тоже интересный вариант удержания внимания аудитории.

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

Создаем лендинг на WordPress

С чего начать? Начнем с выбора CMS!

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

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

Я не говорю о том, что нужно делать один в один! У вас просто должна быть общая картинка того, чтобы вы хотите получить в итоге.

Выбрали, придумали? Значит, идем дальше. Не буду останавливаться на технической части (покупка домена, устанока WordPress и т.п.), а сразу перейду к разработке!

Переходим к разработке

WordPress – инструмент многогранный, в основном благодаря наличию моря плагинов. Поэтому и лендинг мы будем делать тоже при помощи плагина – а именно Free Landing Pages Builder by Wishpond. Пользоваться этим плагином совсем не сложно, вы разберетесь в нем буквально за пару минут!

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

Вам нужно зайти в панель администратора WP, скачать и активировать этот плагин. В вашем списке появится еще одна строчка – Landing pages – и, перейдя в этот пункт, вы можете начать создавать свой лендинг.

Наведите на картинку любого шаблона курсор: «Choose Template» – выбрать шаблон; «Preview» – превью (предварительный просмотр в окне справа). Советую сначала посмотреть превью шаблона и лишь потом брать его в работу. Кстати, в превью можно посмотреть шаблон и на мобильном устройстве. Удобно!

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

Определились c шаблоном? Нажимайте «Choose Template» и переходите к следующей части. Высветится окошко «Give Your Landing Page A Name» – дайте название своему лендингу.

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

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

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

После настройки лендинга не забудьте прошерстить настройки (Settings) – там можно, в частности, настроить SEO (задать название страницы и описание). «Share settings» – название, описание и картинка, которые будут показываться, если кто-то поделиться ссылкой на ваш сайт в соцсетях. Тут же вы сможете еще, к примеру, добавить шрифты (Add/Edit Fonts), если представленных по умолчанию вам покажется мало.

Публикация лендинга

Оформили лендинг? Проверили адаптивность отображения на других устройствах? Тогда переходим к публикации вашего проекта в сети.

Нажимайте яркую оранжевую кнопку «Publish» в горизонтальной панели!

В появившемся окошке выбирайте «Custom Domain» и вводите адрес сайта, на котором вы хотите разметить получившуюся страницу. Но я советую разместить сайт на поддомене (например, 1.example.ru), и далее поясню почему.

Внесение изменений на хостинге

Теперь вам нужно внести одно, но крайне важное изменение на хостинге – поменять запись CNAME используемого домена на wishpond.com. Так как на хостинге Timeweb можно поменять CNAME только для поддомена, я рекомендую использовать поддомен.

Для того чтобы внести изменения, войдите в свою панель управления хостингом, выберите пункт «Домены и поддомены», рядом с поддоменом нажмите на зеленую шестеренку («Настройки поддомена»), выберите вкладку CNAME, пропишите там «wishpond.com» и сохраните измнения.

Готово! Проверяйте работоспособность сайта и вносите изменения, если что-то не нравится!

Удачи! 

Создание landing page на WordPress

Привет, друзья. Сегодня статья для тех, кто хочет научиться создавать landing page на Wordress. Мне попался очень интересный видеокурс на youtube, в котором парень показывает полный процесс верстки и адаптации созданного шаблона для его работы на WordPress. Кроме того, для меня было много интересного и в подходе к верстке в целом. Как говорится: «век живи — век учись».

Начинается все с прототипа, затем верстка с использованием препроцессора, а потом уже «посадка» на CMS. Очень все занимательно, рекомендую посмотреть. Обязательно найдете что-то новое для себя.

Создание лендинг пейдж на WordPress

Итак, первая часть курса по созданию landing page на WordPress:

2 часть:

3 часть:

4 часть:

5 часть:

6 часть:

7 часть:

8 часть:

9 часть:

10 часть:

11 часть:

12 часть:

13 часть:

Мне показался этот видеокурс по созданию landing page на WordPress довольно интересным, так как удалось почерпнуть новые моменты и подходы. В целом курс очень понравился и есть смысл рекомендовать его и вам. Особенно интересно то, что тут подробно показан полный цикл. От прототипа до готовой темы. Кроме того, используются различные виды анимации и лендинг смотрится действительно здорово.

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

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

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

Получайте до 18% от расходов на контекстную и таргетированную рекламу!

Рекомендуем: Click.ru – маркетплейс рекламных платформ:

• Более 2000 рекламных агентств и фрилансеров уже работают с сервисом.
• Подключиться можно самому за 1 день.
• Зарабатывайте с первого потраченного рубля, без начальных ограничений, без входного барьера.
• Выплаты на WebMoney, на карту физическому лицу, реинвестирование в рекламу.
• У вас остаются прямые доступы в рекламные кабинеты, рай для бухгалтерии по документообороту и оплатам.

Начать зарабатывать >> Реклама

Читайте также: Продающая структура лендинга

Установка Вордпресс

Перед созданием сайта купите хостинг и зарегистрируйте доменное имя. Это легко сделать на Beget или SpaceWeb. Просто выберите тариф и оплатите его удобным способом. Вот расценки на хостинг от указанных выше провайдеров:

Оплачивать хостинг на год вперёд выгоднее. Для лендинг пейдж выбирайте начальные (стартовые) тарифы — «Взлёт» или Blog. Их вам хватит с головой.

У этих же хостинг-провайдеров можно зарегистрировать доменное имя. Пройдите в раздел «Регистрация доменов» или «Домены» и проверьте домен на уникальность.

При покупке домена в Beget не забудьте поставить галочку у пункта «Создать новый сайт и направить домен на него», а потом нажмите на кнопку «Добавить домен». Через 10–15 минут новый домен пропишется на DNS-серверах, и вы сможете приступить к установке CMS.

И на Beget, и на SpaceWeb CMS WordPress можно установить в один клик. Если вы приобрели хостинг SpaceWeb, то после оплаты и авторизации в личном кабинете найдите в меню раздел «Установка программ» и отыщите в списке WordPress. Нажмите на кнопку «Установить». В открывшемся окне выберите версию CMS, домен или поддомен и нажмите на кнопку «Установить». В течение минуты сервис автоматически установить WordPress и создаст базу данных MySQL. После этого вам останется лишь залогиниться в админ-панели и приступить к редактированию контента.

Чтобы установить WordPress на Beget, авторизуйтесь в личном кабинете, найдите в меню раздел «CMS | Установка систем управления» и перейдите в него. Отыщите в списке логотипов CMS ВордПресс, нажмите на него и ознакомьтесь с условиями. Заполните форму с данными по сайту:

Нажмите на «Установить» и дождитесь окончания установки. Сервис автоматически создаст базу данных и реквизиты к ней. Сохраните эти данные и авторизуйтесь в CMS вашего будущего одностраничника. Ссылка для входа:

http://ваш_сайт/wp-admin или http://ваш_сайт/wp-login.php

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

Бесплатные шаблоны landing page для Вордпресс

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

Шаблоны для landing page на WordPress вы найдёте в самой CMS — раздел «Внешний вид — Темы».

Посмотрите каждую тему перед установкой, чтобы не тратить время на неподходящий шаблон. Вот список тем, которые подойдут для landing page:

1. BeOnePage. Профессиональна одностраничная тема для WordPress. Подойдёт для сайтов специалистов и корпораций. Адаптивный дизайн, лёгкая настройка блоков, анимации, быстрая загрузка на любых устройствах.
2. VW One Page. Адаптивная одностраничная тема для любого бизнеса. Быстро загружается на планшетах и мобильных устройствах, оптимизирована под поисковые системы, легко настраивается. Может быть переведена на 70 языков.
3. Llorix One Lite. Бесплатная одностраничная тема для WordPress с простым дизайном и параллакс-эффектом. Адаптивный дизайн, поддержка WooCommerce, SEO-friendly.
4. Zerif Lite. Ещё одна удобная одностраничная тема для WP. Минималистичный дизайн, адаптивность под мобильные устройства, совместимость с e-commerce
5. Uniform. Простая одностраничная тема для Вордпресс, которую легко настроить. Совместимость практически со всеми популярными плагинами.
6. Freesia Empire. Одностраничная и легко настраиваемая тема. Совместима с большинством плагинов, e-commerce, содержит несколько бесплатных шаблонов.
7. One Page Express. Ещё одна эффектная одностраничная тема, которую можно использовать при создании landing page. Легко менять очерёдность блоков в списке, перетаскивая их. Есть предопределённая главная страница, готовые шаблоны с содержимым. Адаптивная вёрстка.

Рассмотрим создание лендинг пейдж на примере темы One Page Express. Эту тему очень легко настроить, ведь шаблон состоит из блоков, которые нужно лишь слегка отредактировать.

Чтобы установить тему, пройдите по пути «Внешний вид — Темы — Добавить темы», наведите курсор на понравившийся шаблон в списке тем и нажмите на кнопку «Установить».

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

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

Статья в тему: Лучшие темы Лендингов для Вордпресс

Создание Landing Page на WordPress

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

Чтобы отредактировать информацию в шаблоне лендинга, активируйте тему и нажмите на «Настроить».

После активации темы откроется окно с предложением установить плагин One Page Express. С его помощью вы быстрее настроите тему, так как он предоставит на выбор десятки вариантов оформления блоков лендинг пейдж. Просто нажмите на «Установить сейчас» и подождите около минуты.

После установке плагина в меню слева появится расширенный блок настроек темы. Пролистайте его и найдите пункт «General Settings». В строке «На главной странице отображать» поставьте галочку рядом с пунктом «Статическую страницу».

Обратите внимание на список под «Manage Page Section». Здесь вы можете удалить блоки или добавить новые, изменить их последовательность, вынести часть из них в меню.

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

Удалите ненужные блоки, кликнув по корзине в строке с блоком. А чтобы добавить блок, нажмите на «Page Content +» и выберите в списке тип блока, который хотите внести в структуру.

В бесплатной версии темы вы можете добавить:

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

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

Меню

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

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

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

Прописывать анкоры не нужно — это прописано в теме. Просто отметьте разделы в списке блоков, которые должны висеть в меню сверху, и всё.

Главный экран

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

В разделах «Фон заголовка главной страницы» и «Фон заголовка внутренних страниц» вы можете поменять тип фона — заливка, картинка, слайд-шоу или видео, — настроить фон шапки, изменить скорость смены слайдов и разделитель шапки, настроить цвета наложения.

Часть вариантов разделителя шапки

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

Изменение надписи внутри кнопки

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

Продукт

Чтобы продемонстрировать товар или услугу, добавьте в структуру новый блок с изображениями — например, portfolio cards section или portfolio full section. В первый шаблон вы можете добавить небольшую картинку с подписью и URL на дополнительный раздел сайта. Во второй шаблон можно вставить большую картинку и так же дополнить её комментарием и ссылкой.

Если вы продаёте сложный продукт, добавьте описание. Выберите другой шаблон — content with image или full width content section.

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

Описание

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

Используйте шаблоны stripped-coloured-icon-boxes или features-overlapped-icons-section, чтобы выделить преимущества продукта тезисами.

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

Если в двух словах ваш продукт не описать, используйте шаблоны из разделов About или Features. Там и текста побольше, и картинки можно вставить.

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

Отзывы

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

Чтобы вставить блок с отзывами в теме One Page Express, нажмите на Page Content + и выберите в списке шаблон Testimonials.

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

Контакты

В теме для лендинг пейдж One Page Express есть блоки с информацией о ключевых сотрудниках, номерах телефонов и другими контактами. Чтобы указать членов команды, выберите один из трёх шаблонов в разделе Team. В карточку сотрудника можно добавить фото, должность, коротенькое приветствие, ссылки на соцсети и мессенджеры.

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

Блок с контактами и картой доступен только в версии PRO. Стоимость лицензии — от $79.

Чтобы не тратиться на покупку дополнительных возможностей темы, просто вставьте любой другой подходящий блок из бесплатного набора инструментов. Например, из разделов About или Features. Пропишите адреса филиалов, телефоны, email, а в поле для картинки вставьте html-код, например Яндекс-карты.

Когда landing page будет готов, нажмите на кнопку «Опубликовать». После этого сайт будет индексироваться поисковыми системами.

Готовим к запуску

Уберите стандартный копирайт в подвале сайта. В теме One Page Express есть три варианта копирайта — простой, с контактами или с виджетами. Посмотрите, какой вам больше по душе, и измените данные.

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

Лендинг готов, что дальше?

Подключите готовый к запуску сайт-одностраничник к системам веб-аналитики, чтобы в будущем оценивать эффективность. Заведите аккаунт в Яндекс.Метрике или Google Analytics, подтвердите права на сайт, разместив код на сайте. Чтобы облегчить задачу, используйте плагины Метрики или Аналитикс — их легко найти в списке плагинов и установить на сайт. После этого вся статистика будет всегда под рукой.

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

Чтобы пустить трафик на лендинг, запустите рекламу в Яндекс.Директ или Google Ads. Перед запуском убедитесь в том, что контент вашего лендинга не противоречит правилам рекламных систем. В будни на модерацию новой кампании уйдёт от 30 минут до нескольких часов. Около суток придётся ждать одобрения в выходные и праздничные дни.

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

Как создать лендинг на WordPress — WordPressify

Этот урок будет посвящён созданию лендинга на WordPress с нуля. Также вам не понадобится никаких знаний кода для этого.

Единственное требование – вам нужно уже заранее установить себе где-нибудь WordPress, об этом у меня есть отдельный урок.

Вступление. Можно ли создать лендинг на WordPress? Сравнение с другими платформами

Да, безусловно можно.

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

Итак, сегодня на WordPress можно создать практически всё, что угодно. А то, получится ли у вас классный сайт или нет – зависит только от прямоты рук. Суровая правда.

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

Давайте сделаем сравнение, если вы будете создавать лендинг на WP (WordPress) или на другой платформе.

WordPress	Другая платформа
Сайт только ваш. Навсегда. В любой момент вы можете скачать копию своего сайта на флешку и держать у вас в столе 😁	Сайт по сути принадлежит тому сервису, у которого вы его создаёте. Иногда они разрешают делать экспорт контента. Но перенос сайта оттуда – это всегда создание сайта с нуля.
Полностью бесплатен. Всё, за что вам понадобится платить – это хостинг (аренда места на сервере для размещения вашего сайта), тут вам вполне может подойти Beget за 165р/мес. Да и от этого ценника легко избавиться при помощи партнёрской программы.	До тех пор, пока хотите, чтобы ваш сайт жил, придётся выкладывать $$$. Встречаются и бесплатные тарифные планы, но они специально так урезаны, что полноценный сайт на них не создать. Что делать, когда вы больше не захотите тратиться на тариф? Скажете сайту до свидания, т к смотрим первый пункт – скачать сайт нельзя!
Вы ни от кого не зависите. Так как на WordPress работает почти половина сайтов интернета и так как в разработке принимают участие тысячи людей по всему миру, то баги исправляются сразу, как появляются. Но ко всему прочему, вы и сами можете нанять фрилансера или команду, которые исправят и допилят вам всё, что пожелаете.	Вы зависите от команды разработчиков этого сервиса. Если вдруг у вас появился какой-то баг, который сильно мешает вам, то не факт, что он будет исправлен… когда-либо.
Ваш сайт начнёт расти и развиваться и будет появляться новый функционал? Без проблем. Вы либо найдёте себе что-то по душе среди десятков тысяч расширений (плагинов), как платных, так и бесплатных, либо опять-таки можно нанять фрилансера или команду, которые разработают вам всё, что пожелаете. Пример: захотели интернет-магазин? – вот вам бесплатный плагин WooCommerce.	Даже самый дорогой тарифный план сервиса вам в этой ситуации не поможет.

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

Какой лендинг мы будем создавать в этом уроке?

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

Вот так он будет выглядеть:

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

Коротко про редактор контента в WordPress – Gutenberg

Раньше в WordPress не было возможности визуального редактирования контента, но разработчиков не устраивала эта нехватка функционала, и где-то 10 лет назад до написания этого поста начали появляться различные плагины-конструкторы, среди них наиболее примечательными были Visual Composer, Elementor и Divi Builder.

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

Gutenberg – это новый визульный редактор WordPress, благодаря которому мы и сможем создавать лендинги при помощи блоков. Он стал частью WordPress в декабре 2018-го.

Можете например поиграть с Gutenberg в этом официальном Демо.

Пошаговая инструкция по созданию лендинг пейдж для WordPress

Ну что, погнали? ⚡️🔥🌪

1. Выбор темы

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

Могу дать вам пару советов:

• Обратите внимание на стандартные бесплатные темы WordPress, например «Twenty Twenty» или «Twenty Twenty One», обычно эти темы работают прекрасно, и вполне возможно, что они подойдут под ваши задачи.
• Тема должна работать с редактором Gutenberg. Не с Elementor, не с Divi Builder, а с Gutenberg. Окей, я ничего не имею против Elementor, но только сегодня не 2015-й год.
• Поищите Демо темы, прежде чем ставить её себе на сайт. У платных тем обычно это нетрудно найти, а у бесплатных иногда придётся постараться. Например вот демо для Twenty Twenty.
• Если тема, которую вы скачали, предлагает вам ещё и импорт демо-контента, то это же прекрасно! Заходим в админке в Инструменты > Импорт и делаем необходимые шаги.
• Также рекомендую почитать этот пост, где я рассказываю, какие платные темы не нужно использовать.

Для нашего урока я решил воспользоваться бесплатной темой Go. В основном потому что вместе с ней в комплекте идёт прикольный плагин CoBlocks, который значительно расширяет наш стандартный редактор Gutenberg новыми блоками. Использовать его не обязательно конечно, но возможностей с ним будет намного больше.

Сначала давайте установим тему, это можно сделать прямо из админки WordPress, перейдя во «Внешний вид > Темы» и нажав кнопку «Добавить».

Ставлю и активирую тему «Go».

2. Ставим дополнительные плагины (необязательно)

После того, как вы активировали вашу тему «Go», она предложит вам установить плагин «CoBlocks» автоматически (помните, я упоминал, что он нам пригодится для дополнительных блоков в конструкторе).

Соглашаемся и нажимаем «Начать установку плагина».

3. Настраиваем саму тему

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

В большинстве тем сейчас (и в теме «Go») эти настройки находятся либо во «Внешний вид > Настроить», либо непосредственно с сайта нажимаем на верхней панели «Настроить».

Подробнее на видео:

4. Создаём новую страницу для лендинга

Переходим Страницы > Добавить новую. Тема «Go» даже предлагает выбрать один из предустановленных шаблонов и уже редактировать его.

Но мы с вами конечно же нажмём «Add blank page» и будет редактировать страницу с нуля.

Указываем заголовок страницы и нажимаем «Hide page title», потому что непосредственно на лендинге он нам не понадобится.

5. Как поставить любую страницу в качестве главной страницы сайта

Вот допустим вы перешли в меню «Страницы» и у вас там какое-то определённое количество страниц. Ну больше чем одна. И предположим, что это ваши лендинги на разные случаи жизни.

У каждого лендинга может быть свой URL-адрес, который вы можете установить например нажав на ссылку «Свойства», но как установить определённый из них в качестве главной страницы?

Легко, для этого переходим «Настройки > Чтение». И выбираем наш лендинг.

Всё очень легко тут 🙂

6. Блок «Обложка» или первый экран нашего лендинга

Наконец-то мы добрались и до создания контента для нашего лендинга!

Начнём мы с первого экрана конечно же. Сделаем его вот таким:

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

Это мы будем делать при помощи блока Gutenberg «Обложка», который доступен в Gutenberg по умолчанию, то есть плагин CoBlocks для него не нужен!

В итоге мы:

• Добавили заголовок
• Добавили текст-описание
• Добавили две кнопки
• Настроили разные стили для кнопок
• Выровняли всё по центру
• Изменили цвет фона первого экрана
• Добавили необходимые отступы

Всё это – на видео:

7. Блок с преимуществами

Если блок «Обложка» доступен в Gutenberg по умолчанию, то блок с преимуществами «Функции» доступен только при установке плагина «CoBlocks».

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

Добавим и настроим его на этом видео:

7. Фиксированный фон с волной

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

Более понятно будет на видео:

9. Блок призыва к действию

Какой же лендинг без блока призыва к действию?

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

На некоторых темах WordPress могут быть лишние расстояния между блоками, особенно, если вы покрасили их в какой-то цвет, для этого добавьте этот код во «Внешний вид > Настроить > Дополнительные стили».

.alignfull {
    margin-top: 0;
    margin-bottom: 0;
}

10. Финиш 🏁

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

Кроме того, когда вы разберётесь с лендингами, рекомендую продолжить моим видеокурсом по созданию интернет-магазинов на WordPress!

Бонус! Видеоурок

Относительно недавно записывал видео, где делал обзор темы «Go», и там делал примерно те же самые шаги, что и в этом уроке.

Вот оно:

Создание Лендинга на WordPress » Вебстудия 11

В видео рассказывается как легко и быстро сделать лендинг (одностраничник) на WordPress с помощью плагина Elementor. Также посмотрите еще это видео, оно дополняет тему лендингов с помощью плагина Элементор.

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

 

Что такое Лендинг

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

Кроме лендинг пейж есть другие типы страниц, например сквиз пейдж (squeeze page, приземляющая страница, страница с лид-магнитом). На такой странице дают лид-магнит (полезный бонус взамен на контакты). Цель такой страницы — сбор контактов у посетителей взамен на какой-то полезный бонус, с дальнейшим взаимодействием (например через серию писем — емейл маркетинг). Такая страница на которой дают лид-магнит называется приземляющая страница, она немного отличается от лендинга, потому что на ней не нужно подробно все разжевывать и закрывать возражения, а нужно просто предложить ценный бонус взамен на контакты.

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

Меню можно разными способами реализовать:

• c помощью платной версии плагина Elementor
• с помощью темы Astra (видео урок)
• с помощью темы SiteOrigin Unwind (меню можно сделать фиксированным).
• с помощью темы OceanWP (меню не фиксированное).
• с помощью плагина NavMenu Addon For Elementor (он иногда не очень корректно работает).
• с помощью стандартного виджета Вордпресса «Произвольное меню» (нужно будет css стили прописать чтоб придать дизайн меню).

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

Дизайн формы можно легко сделать с помощью плагина:

Как создать целевую страницу в WordPress (шаг за шагом)

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

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

Что такое целевая страница?

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

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

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

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

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

Пошаговое создание целевой страницы в WordPress

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

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

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

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

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

Шаг 1. Установите подключаемый модуль SeedProd на свой сайт

Сначала вам нужно посетить веб-сайт SeedProd и приобрести плагин. Затем вы можете загрузить файл плагина на свой компьютер и скопировать лицензионный ключ плагина.

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

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

После проверки лицензионного ключа прокрутите страницу вниз и нажмите кнопку Create Your First Page .

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

Шаг 2. Создайте целевую страницу с помощью SeedProd

На панели инструментов SeedProd вы увидите 5 различных страниц, которые вы можете создать. Вверху страницы вы увидите параметры для режима «Скоро», режима обслуживания, страницы входа и страницы 404.

А дальше внизу вы можете увидеть вариант создания целевой страницы.

Нажмите кнопку + Добавить новую целевую страницу , чтобы начать.

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

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

Следующим шагом является настройка шаблона вашим собственным содержанием.

Шаг 3. Настройка шаблона целевой страницы

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

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

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

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

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

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

Чтобы добавить новый контент, перетащите блок целевой страницы с левой стороны экрана на свой шаблон целевой страницы.

Например, вы можете добавить таймер обратного отсчета, чтобы повысить срочность.

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

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

Шаг 4. Подключите службу электронного маркетинга

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

Для этого щелкните вкладку Connect в верхней части экрана. SeedProd интегрируется с популярными поставщиками услуг электронного маркетинга, такими как Constant Contact, Mailchimp и другими.

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

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

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

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

SeedProd покажет сообщение об успешном завершении, чтобы вы знали, что ваша страница запущена.

Вы можете нажать кнопку See Live Page , чтобы просмотреть свою целевую страницу.

Вот и все! Это простой 5-шаговый процесс создания целевой страницы WordPress с помощью SeedProd.

Отслеживайте эффективность своей целевой страницы с помощью MonsterInsights

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

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

MonsterInsights — лучший плагин Google Analytics для WordPress. Он позволяет легко установить Google Analytics в WordPress без необходимости редактировать файл темы для вставки кода отслеживания Analytics.

После настройки он автоматически отслеживает обзорный отчет вашего сайта и предоставляет вам простые для понимания отчеты на панели инструментов WordPress. Краткий обзор отчета аналитики веб-сайта доступен в виджете панели инструментов MonsterInsights.

Чтобы просмотреть полные отчеты, вам необходимо перейти на страницу Insights »Reports на панели инструментов. Сначала вы увидите обзорный отчет.

Затем вы можете просмотреть все другие отчеты, щелкнув вкладки / ссылки в верхней части отчета.Вот лишь несколько типов данных, которые вы можете отслеживать с помощью плагина MonsterInsights:

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

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

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

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

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

Вы также можете ознакомиться с нашим руководством по лучшим бесплатным плагинам WordPress и четырем способам повышения SEO-рейтинга вашего сайта с помощью Google Analytics.

Также не забудьте подписаться на нас в Twitter и Facebook, чтобы увидеть больше руководств по Google Analytics.

Конструктор целевых страниц видео

для WordPress

Вы хотите продемонстрировать продукт или услугу с помощью отличной целевой страницы видео?

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

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

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

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

Создание простых посадочных страниц для видео на WordPress

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

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

Затем вы можете поддержать свои видеосообщения с содержанием целевой страницы видео, например:

• Заголовки, подчеркивающие ваше ценностное предложение
• Маркированные списки, обобщающие преимущества продукта и устраняющие болевые точки
• Блоки изображений для иллюстрации основных функций продуктов электронной коммерции
• Звездные рейтинговые блоки для демонстрации ценных социальных доказательств и отзывов клиентов от реальных людей
• Блоки таймера обратного отсчета, чтобы побудить пользователей действовать сейчас
• Формы подписки, чтобы легко собирать потенциальных клиентов или побуждать пользователей подписаться на веб-семинар
• Четкие кнопки призыва к действию (CTA), которые выделяются на странице

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

Более того, вы можете подключиться к множеству популярных сервисов автоматизации электронного маркетинга и CRM, таких как Drip, Mailchimp, Constant Contact и т. Д. Вы даже можете подключиться к таким поставщикам, как HubSpot, с помощью нашей интеграции с Zapier.

Пользовательские шаблоны страниц видео WordPress

Если вам не хватает дизайнерских навыков и вы не веб-дизайнер, не волнуйтесь. У нас есть шаблоны видеостраниц для любой ситуации.

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

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

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

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

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

Готовы привлечь внимание и повысить конверсию с помощью привлекательных видеостраниц WordPress?

Начните работу с SeedProd сегодня.

Как создать целевую страницу для видео (+ 5 шаблонов)

Вы ищете простой способ создания целевых страниц с видео на своем веб-сайте WordPress?

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

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

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

Что такое целевые страницы для видео и зачем их использовать?

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

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

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

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

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

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

  Как создать целевую страницу для видео в WordPress

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

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

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

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

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

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

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

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

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

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

  Видеоурок

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

  1. Установите SeedProd WordPress Landing Page Builder

  .

  Щелкните здесь, чтобы начать работу с SeedProd и загрузить плагин на свой компьютер. После загрузки SeedProd вам необходимо установить и активировать его на своем веб-сайте WordPress.

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

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

  Вставьте лицензионный ключ в соответствующее поле и нажмите Проверить ключ .

  Затем прокрутите страницу вниз и нажмите кнопку Create Your First Page , чтобы начать.

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

  На следующем экране вы увидите панель управления целевой страницей SeedProd.

  Вверху расположены 3 различных режима, которые можно включить одним щелчком, в том числе:

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

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

  3. Выберите шаблон целевой страницы для видео

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

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

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

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

  Страница сжатия видео

  Вебинар 2 Стр.

  Вебинар 3 Страница

  Вебинар 4 Страница

  Страница сжатия недвижимости

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

  В этом руководстве мы будем использовать страницу Real Estate Squeeze, чтобы сделать нашу целевую страницу с видео.

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

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

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

  4. Добавьте содержимое целевой страницы

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

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

  Элементы страницы

  SeedProd называются блоками целевой страницы и делятся на 2 категории: стандартные и расширенные.

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

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

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

  Например, вы можете редактировать существующий видеоконтент, щелкнув по нему.Это откроет панель настроек слева, где вы можете выбрать тип видео (YouTube или Пользовательский) и вставить URL-адрес видео.

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

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

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

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

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

  Вы можете добавить разделы страницы для:

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

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

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

  5. Настройте свою целевую страницу

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

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

  На странице Global Settings вы настраиваете цвета целевой страницы, шрифты, фон и собственный CSS.

  В разделе Шрифты вы можете редактировать шрифты и толщину заголовка и основного текста.

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

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

  Кроме того, вы можете нажать кнопку Color Palettes , чтобы увидеть более 20 профессионально разработанных цветовых палитр и мгновенно добавить их на свою страницу.

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

  Последний раздел — это область Custom CSS , где вы можете ввести свои собственные стили CSS для дальнейшей настройки вашей страницы.

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

  6. Интегрируйте свою службу электронного маркетинга

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

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

  На этой странице также можно настроить Google Analytics, Recaptcha и подключиться к Zapier.

  У вас нет провайдера электронной почты? Без проблем!

  Система управления подписчиками

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

  Вы можете просмотреть своих подписчиков, щелкнув SeedProd »Подписчики на панели инструментов WordPress.

  7. Настройте параметры страницы

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

  Параметры General позволяют вам изменить имя целевой страницы и URL-адрес, а также установить статус вашей страницы как «Черновик» или «Опубликован».

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

  В разделах SEO и Analytics вы можете настроить параметры поиска своей страницы и отслеживать их эффективность с помощью таких плагинов, как All in One SEO и MonsterInsights.

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

  Не забудьте нажать Сохранить перед тем, как продолжить.

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

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

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

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

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

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

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

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

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

  Появится оверлей, сообщающий вам, что ваша страница была опубликована.

  Нажмите кнопку See Live Page , чтобы увидеть, как она выглядит.

  Вот и все!

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

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

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

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

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

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

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

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

  Как я создал эту персонализированную целевую страницу видео

  Итак, опять же, для создания этой страницы на моем веб-сайте WordPress я использовал плагин под названием Thrive Architect , о котором вы можете узнать больше здесь.

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

  Итак, как я создал эту целевую страницу?

  Я просто сохранил разделы страницы header и footer как шаблоны с моей домашней страницы.

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

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

  Вы используете видео для развития своего бизнеса?

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

  Если вы создаете видео для публикации на своем канале YouTube, бизнес-странице Facebook, или профиле Instagram, то вам необходимо убедиться, что вы делаете все возможное, чтобы настроить таргетинг на нужных зрителей для вашего видеоконтента —

  Лучшее место для начала продвижения ваших видео — это, конечно, ваш веб-сайт или блог.

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

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

  Как вы, наверное, знаете, видео повышает доверие и авторитет. Согласно этому сообщению в WordStream, видеоконтент может повысить ваши конверсии на колоссальных 80%!

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

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

  1. Вы можете увеличить время пребывания посетителей на сайте и их вовлеченность.
  2. Повысьте доверие к своему бренду.
  3. Повысьте коэффициент конверсии и многое другое.

  Удачи!

  Рекомендуемые посты

  1. 2o Мощная статистика видеомаркетинга для активизации вашей стратегии в 2019 году.
  2. Как использовать видеоблог для развития вашего блога.

     Если вы ищете эффективный и простой способ создать целевую страницу WordPress, то вы попали в нужное место! 👏

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

     На сегодняшний день модельный ряд: Elementor, Divi и Thrive Architect.

     Почему эти плагины для целевой страницы WordPress?

     Если вы проведете хотя бы малейшее исследование в Интернете, вы быстро обнаружите, что плагинов для целевых страниц WordPress больше, чем вы можете представить. Существуют буквально десятки решений как на платной, так и на бесплатной основе. Так почему мы выбрали Elementor, Thrive Architect и Divi для этого поста?

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

     • Elementor — самый популярный бесплатный плагин для создания страниц для WordPress.Его пользовательская база составляет более 5 миллионов человек, и он предоставляет исключительный набор бесплатных функций. Это делает лучшим решением для тех, кто хочет ограничить бюджет . 💸
     • Divi — один из самых популярных фреймворков для построения страниц для WordPress в целом. Пакет Divi включает не только плагин для построения страниц, но и целую тему WordPress, основанную на том же механизме построения страниц. Кроме того, вы также получаете доступ к дополнительным плагинам и шаблонам за ту же плату за подписку.Это лучшее решение для пользователей, которые хотят создать весь свой веб-сайт с помощью одного инструмента , а не использовать комбинацию разных тем и плагинов. 💪
     • Thrive Architect объединяет оба мира, уделяя больше внимания деловой стороне вещей — позволяя вам создавать целевые страницы и страницы продаж. Это может стать вашим решением, если вы немного больше ориентированы на конверсию и главное, чего вы хотите от инструментов своего веб-сайта, — это измеримые бизнес-результаты.📈

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

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

     Вот шаги:

     1. Установите Elementor
     2. Создайте новую целевую страницу с помощью Elementor
     3. Настройте свою целевую страницу с помощью Elementor
     4. Добавьте новый контент на целевую страницу
     5. Сохраните и опубликуйте свою целевую страницу

     Шаг 1. Установите Elementor

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

     Введите «Elementor» в поле поиска. Вы увидите плагин в списке. Нажмите кнопку «Установить сейчас» , а затем — кнопку « Активировать », когда она появится.

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

     Шаг 2. Создайте новую целевую страницу с помощью Elementor

     Начните нормально работать над своей целевой страницей.Перейдите на страницу → Добавить новый . Нажмите на кнопку Edit with Elementor , которая находится вверху.

     Откроется основной интерфейс Elementor.

     На этом этапе вы можете выполнять свою работу двумя способами:

     • либо начните с нуля, либо создайте свою целевую страницу, элемент за элементом.
     • начните с шаблона и измените его в соответствии с вашими потребностями.

     Я поклонник второго подхода, поскольку с ним легче справиться новичку.Для начала щелкните значок каталога в центре, вот этот:

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

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

     Шаг 3. Настройте целевую страницу с помощью Elementor

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

     Если вам не нужны некоторые из этих разделов, вы можете нажать на значок «X» рядом с шестью точками и удалить все это целиком.

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

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

     Таким же образом можно заменить любое изображение на странице. Щелкните изображение, а затем замените его на боковой панели.

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

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

     Здесь вы можете установить такие вещи, как:

     • фон раздела
     • наложение фона
     • границы
     • типографика

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

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

     Шаг 4. Добавьте новый контент на целевую страницу WordPress

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

     Для этого щелкните любой из значков «+» рядом с значками с шестью точками .

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

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

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

     Шаг 5. Сохраните и опубликуйте свою целевую страницу

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

     И все! Ваша целевая страница WordPress запущена! 🍾

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

     Вот шаги:

     1. Установите Divi
     2. Создайте новую целевую страницу с Divi
     3. Настройте свою целевую страницу с помощью Divi
     4. Добавьте новый контент на целевую страницу
     5. Сохраните и опубликуйте свою целевую страницу

     Шаг 1. Установите Divi

     Во-первых, вы должны решить, какую версию Divi вы хотите использовать:

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

     И тема, и плагин доступны по одинаковой абонентской плате — 89 долларов в год.

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

     Затем перейдите к Плагины → Добавить новый на панели инструментов WordPress. Нажмите кнопку Загрузить подключаемый модуль и выберите архив Divi на рабочем столе. Щелкните Установить сейчас .

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

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

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

     Начните создавать свою целевую страницу WordPress, перейдя в Pages → Add New . Нажмите кнопку «Использовать Divi Builder » в центре.

     Появится краткий ознакомительный тур. Ознакомьтесь с ним, чтобы узнать, как перемещаться по базовым интерфейсам Divi.

     Divi позволяет создать новую целевую страницу тремя основными способами:

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

     Для начала щелкните средний блок и выберите один из готовых макетов. Divi поставляется с сотнями шаблонов, разбитых на категории в зависимости от ниши и назначения.

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

     Чтобы импортировать шаблон, нажмите кнопку Использовать этот макет . Импорт может занять минуту. Когда все будет готово, вы увидите текущий дизайн целевой страницы WordPress во всей красе. Теперь давайте настроим его!

     Шаг 3. Настройте свою целевую страницу с помощью Divi

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

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

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

     Замена изображений или значков выполняется аналогичным образом.Щелкните блок, содержащий изображение / значок, а затем щелкните значок с черной шестеренкой рядом с ним.

     Откроется новая панель редактирования. Прокрутите до вкладки с надписью Image & Icon . Вы можете выбрать свой новый значок из списка.

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

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

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

     Некоторые вещи можно редактировать здесь:

     • макет рассматриваемого элемента
     • ширина, высота и другие настройки размеров
     • границы
     • тени
     • анимации (постепенное появление, отскоки, масштабирование и т. Д.)

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

     Шаг 4. Добавьте новый контент на целевую страницу WordPress

     В большинстве случаев вы также захотите добавить новые элементы на свою целевую страницу. Вы можете сделать это, нажав любую из кнопок «+» либо между существующими разделами, либо в самом низу страницы.

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

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

     Выбрав тип раздела, вы сможете выбирать из множества отдельных блоков контента Divi.

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

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

     Шаг 5. Сохраните и опубликуйте свою целевую страницу

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

     И все! Ваша целевая страница WordPress запущена! 🍾

     Как создать целевую страницу с Thrive Architect

     Вот шаги:

     1. Установите Thrive Architect
     2. Создайте новую целевую страницу с помощью Thrive Architect
     3. Настройте свою целевую страницу с помощью Thrive Architect
     4. Добавьте новый контент на целевую страницу
     5. Сохраните и опубликуйте свою целевую страницу

     Шаг 1. Установите Thrive Architect

     Thrive Architect доступен либо как отдельный плагин, либо как часть более крупного членства в Thrive (что дает вам доступ к еще восьми инструментам и плагинам):

     • Сам по себе Thrive Architect стоит от 67 долларов в год
     • Членство в Thrive составляет 19 долларов в месяц

     Независимо от того, что вы выберете, установка Thrive Architect работает одинаково.Перейдите в свой профиль клиента и загрузите подключаемый модуль Thrive Product Manager .

     После того, как он у вас есть, перейдите в Плагины → Добавить новый на панели инструментов WordPress. Нажмите кнопку Загрузить подключаемый модуль и выберите ZIP-архив подключаемого модуля на рабочем столе. Щелкните Установить сейчас .

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

     На боковой панели панели инструментов WordPress щелкните Product Manager и следуйте инструкциям по проверке вашего веб-сайта.

     Затем нажмите Установить продукт рядом с Thrive Architect .

     Установка займет меньше минуты.

     Шаг 2. Создайте новую целевую страницу с помощью Thrive Architect

     Чтобы начать работу над целевой страницей, перейдите на страницу Страницы → Добавить новую . Нажмите на большую кнопку Launch Thrive Architect .

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

     Thrive Architect имеет более 60 современных шаблонов целевых страниц в каталоге (так называемые smart, целевых страниц) и более 200 устаревших целевых страниц (более старые разработки).

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

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

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

     Шаг 3. Настройте целевую страницу с помощью Thrive Architect

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

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

     Вы также можете удалить любой раздел, нажав на значок корзины (см. Снимок экрана выше).

     Текстовое содержимое можно редактировать, щелкнув его и набрав.

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

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

     • общие настройки макета (ширина и размеры)
     • типографика
     • фоны
     • границы
     • анимация
     • тени
     • атрибуты HTML
     • поведение прокрутки и многое другое

     Шаг 4. Добавьте новый контент на целевую страницу WordPress

     Thrive Architect поставляется с десятками различных блоков контента, которые вы можете добавить на свои целевые страницы WordPress.Вы можете выбрать свой блок, нажав кнопку «+» на правой боковой панели.

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

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

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

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

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

     Шаг 5. Сохраните и опубликуйте свою целевую страницу

     Когда вы закончите, не забудьте сохранить свою работу. Щелкните стрелку рядом с кнопкой СОХРАНИТЬ РАБОТУ в нижнем левом углу экрана, а затем щелкните Сохранить и вернуться в редактор сообщений .

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

     И все! Ваша целевая страница WordPress запущена! 🍾

     Обзор лучших плагинов для целевой страницы WordPress

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

     • Elementor — идеальное решение для пользователей с ограниченным бюджетом, которые не хотят ничего тратить на свои целевые страницы. 💸
     • Divi отлично подходит, если вы хотите перейти на всю структуру дизайна WordPress, которая может обрабатывать не только ваши целевые страницы, но и дизайн всего сайта. 💪
     • Thrive Architect идеально подходит для пользователей, которые ценят инструменты, ориентированные на результат, которые предоставляют не только набор инструментов, необходимый для создания хорошей целевой страницы, но также могут помочь вам оптимизировать эту целевую страницу и получить от нее опыт.📈

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

     Похожие сообщения

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

     Зачем использовать видео?

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

     • Размещение видео на целевой странице может увеличить конверсию на 80%.
     • 92% потребителей мобильного видео делятся видео с другими.
     • После просмотра видео 64% ​​пользователей с большей вероятностью купят товар в Интернете.
     • Средний пользователь Интернета проводит на сайте с видео на 88% больше времени.

     Как встроить видео в WordPress

     Если вы хотите встроить видео (права на которое вам принадлежат) на свой веб-сайт, сначала загрузите его на YouTube или Vimeo; Лучше всего создать канал, чтобы ваши видео оставались вместе.Использование известного сайта обмена видео вместо самостоятельного размещения гарантирует, что ваше видео будет доступно и хорошо воспроизводится для ваших пользователей. 4 из 5 пользователей щелкнут, если видео останавливается при загрузке.

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

     Теперь, благодаря использованию WordPress oEmbed, вы можете вставлять видео, просто вставив URL-адрес в свою область содержимого. Вместо того чтобы вставлять видео в длинный фрагмент кода, вы можете просто вставить его URL. WordPress автоматически вставит видео в плеер прямо на ваш сайт. Например, вот прямой URL для показанного выше фрагмента длинного кода:

      https: // www.youtube.com/watch?v=EkWWEg7M71Y 

     Вот как это выглядит на практике, когда вы вставляете только этот URL в WordPress:

     ВАЖНОЕ ОБНОВЛЕНИЕ: Чтобы рекомендуемые видео не показывались после воспроизведения вашего видео, YouTube добавляет ? Rel = 0 в конец URL-адреса (см. Длинный фрагмент кода для встраивания выше). На некоторых сайтах WordPress вы можете просто добавить этот параметр URL в конец URL, чтобы похожие видео не отображались:

       https: // www.youtube.com/watch?v=EkWWEg7M71Y?rel=0  

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

     И многое другое!

     Помимо автоматического встраивания видео с YouTube и Vimeo путем ввода URL-адреса, вы также можете использовать этот метод для видео, размещенного на других видеосайтах (например,g., DailyMotion, Hulu, TED, FunnyorDie), а также другие типы контента (фотографии, слайд-шоу, музыка, опросы и т. д.). Полный список одобренных сайтов находится в кодексе WordPress. Кроме того, с WordPress 4.4, вы можете легко встроить контент WordPress с другого сайта и сделать его доступным для общего доступа, введя URL-адрес страницы или публикации:

      http://healthyagingnc.com/about/ 

     Вот результат:

     В заключение

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

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

     4 декабря 2020 г. · 12 мин чтения

     Целевые страницы для видео привлекают внимание и стимулируют конверсии. Это пошаговое руководство проведет вас через создание эффективного (с примерами).

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

     Но при таком большом количестве шума пробиться бывает сложно. Вот тут-то и появляются целевые страницы с видео.

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

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

     1. Содержание
     2. 1. Что такое целевая страница для видео?
     3. 2. Почему мне следует использовать видео с целевых страниц?
     4. 3.Как создать работающую целевую страницу с видео?
     5. 3.1 Определите цель вашей целевой страницы
     6. 3.2 Выберите тип видео для использования
     7. 3.3 Выберите программу целевой страницы видео
     8. 3.3.1 Как создать целевую страницу видео WordPress
     9. 3.3.2 Как встроить видео в Страница HubSpot
     10. 3.3.3 Как добавить видео на страницу Marketo Landing в свободной форме
     11. 3.3.4. Как добавить видео на страницу Unbounce Landing.
     12. 3.3.8Встраивание видео на целевую страницу желаний
     13. 3.3.9 Как добавить видео на сайт LeadPages
     14. 3.4 Определитесь с размещением видео и каркасом вашей страницы
     15. 3.5 Создайте видео своей целевой страницы
     16. 3.6 Добавьте CTA к своей Видео с целевой страницы
     17. 3.7 Вставьте свое видео в свой лендинг Page
     18. 4. Каковы передовые методы работы с лендингами для видео?
     19. 4.1 Держите его коротким и загружайте сообщение заранее
     20. 4.2 Тщательно выбирайте эскиз
     21. 4.3 Избегайте автовоспроизведения
     22. 4.4 Не делайте видео автономным
     23. 4.5 Помните о времени загрузки
     24. 4.6 Оптимизация видео и Страница для SEO
     25. 4.7 Тестируйте все
     26. 5. Какие примеры целевых страниц с видео я могу использовать в качестве вдохновения?
     27. 5.1 ConvertKit’s Video Background Landing Page
     28. 5.2 Вспомогательная целевая страница Slack Видео
     29. 5.3 Целевая страница видео в Lightbox GoodFood
     30. 5.4 Целевая страница видео HubSpot CTA
     31. 5.5 Целевая страница видео в Lightbox Adobe

     Что такое целевая страница видео?

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

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

     Есть несколько различных способов использования видео на целевой странице:

     • Видео целевой страницы героя: Заменяет стандартное изображение главного героя в верхней части целевой страницы и / или иным образом отображается в качестве основного изображения выше -the-fold
     • Вспомогательное видео целевой страницы: Отображается внизу, в нижней части страницы в качестве вспомогательного ресурса
     • Фоновое видео целевой страницы: Служит в качестве анимированного фона для привлечения внимания к заголовку , ключевой фрагмент текста, кнопка или форма
     • Lightbox Landing Page Видео: Открывается во всплывающем окне для воспроизведения после того, как зритель щелкает ссылку, кнопку или миниатюру
     Учитесь у профессионалов

     Инструмент для редактирования видео Filmora размещает на своей целевой странице видеоролик о герое.

     Почему я должен использовать видео с целевых страниц?

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

     Что касается целевых страниц, добавление видео может увеличить конверсию на 86%. Но это еще не все.

     • 90% клиентов говорят, что видео о продукте помогает им принимать решения о покупке (Forbes)
     • 64% клиентов говорят, что просмотр видео увеличивает вероятность покупки (Animoto)
     • 97% маркетологов говорят, что видео помогает пользователям лучше понять их продукт или услуга (HubSpot)
     • 54% потребителей говорят, что хотят смотреть видео от брендов — больше, чем любой другой формат контента (HubSpot)
     • Люди проводят на 88% больше времени на веб-сайтах, содержащих видео (Mist Media)
     • Веб-сайты, использующие видео, имеют до 53 раз больше шансов занять место на первой странице результатов поиска Google (Forrester)
     • Пользователи видео имеют на 34% более высокий коэффициент веб-конверсии (Aberdeen Group)
     • 72% людей предпочли бы использовать видео для обучения о продукте или услуге (HubSpot)

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

     Итак, чего вы ждете?

     Как создать работающую целевую страницу с видео?

     Итак, вы решили использовать видео целевой страницы для своего предложения или кампании, но теперь задаетесь вопросом, как на самом деле сделать целевую страницу видео?

     1. Определите цель вашей целевой страницы

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

     Например: это страница электронной коммерции, на которой продается физический продукт? Это страница SaaS, подталкивающая к бесплатной подписке на технический продукт? Это страница B2B, предназначенная для сбора контактной информации для нового лида? Это страница регистрации на мероприятие, влияющая на посещаемость?

     Все это требует другого подхода.

     Убедитесь, что вы выбрали только одну цель для своей страницы. Сосредоточение целевой страницы на одном предложении может увеличить конверсию до 266%.

     Учитесь у профессионалов

     Инструмент управления социальными сетями на видео целевой странице Hootsuite, посвященной их корпоративному продукту, по сути, сосредоточен на одном призыве к действию: «Запросите демонстрацию.Этот призыв к действию повторяется на всей странице, в том числе в конце поясняющего видео.

     2. Выберите, какой тип видео использовать

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

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

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

     3. Программа для выбора целевой страницы видео

     Хорошие новости! Большинство конструкторов веб-сайтов и целевых страниц дают вам возможность размещать видео на своих страницах.

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

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

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

     Как создать страницу видеолендинга WordPress

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

     Как встроить видео в HubSpot Страница

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

     Как добавить видео в лендинг Marketo в свободной форме.

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

     Как добавить видео в Unbounce Landing Страница

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

     Как встроить видео в Squarespace Page

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

     Как добавить видео в Instapage

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

     Как встраивать видео в формы и целевые страницы в ConvertKit

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

     Встраивание видео в целевую страницу Wishpond

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

     Как добавить видео на сайт LeadPages

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

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

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

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

     Зарегистрируйтесь бесплатно

     4. Определитесь с размещением видео и каркасом вашей страницы

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

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

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

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

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

     Создавая страницу, вы одновременно будете работать над созданием своего видео.

     Убедитесь, что ваше видео:

     • Ценно для зрителя
     • Специально для целевой страницы (а не для обычного видео)
     • На основе понятной истории и сообщения

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

     Если ваш стиль видео — живое действие, выберите актеров. При съемке сделайте несколько дублей, чтобы дать себе несколько вариантов для работы. Отредактируйте отснятый материал и добавьте любые графические элементы.

     Если вы создаете анимированные, стоковые или другие видеоролики, соберите материалы по мере необходимости.

     6. Добавьте CTA на вашу целевую страницу Видео

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

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

     Платформы видеомаркетинга (такие как Vidyard) дают вам возможность легко добавить интерактивный CTA прямо в ваше видео.

     7. Вставьте свое видео на целевую страницу

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

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

     Создавайте конвертируемые целевые страницы Легко встраивайте видео на свои целевые страницы.

     Бесплатная регистрация

     Каковы рекомендации по использованию целевых страниц для видео?

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

     1. Будьте краткими и загружайте свое сообщение заранее

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

     Согласно нашим последним тестам видео, 45% людей будут смотреть видео полностью, независимо от его длины.Это число возрастает до 58%, если продолжительность видео составляет менее 60 секунд.

     Среднее взаимодействие для видео разной продолжительности

     График на основе сравнительного отчета «Видео 2021 года в бизнес-тестировании».

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

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

     2. Тщательно выбирайте миниатюру

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

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

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

     3. Избегайте автовоспроизведения

     Как правило, лучшей практикой для видео на целевой странице — и просто хорошим интернет-гражданином в целом — считается отказ от автовоспроизведения видео.

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

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

     Тем не менее, пара предостережений к этому правилу:

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

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

     4. Не делайте видео автономным

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

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

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

     Видео просто усиливает впечатление и привлекает аудиторию.

     Поскольку видео и текстовые элементы на странице работают вместе, подумайте о том, чтобы вызвать видео в своей копии. Например: «Посмотрите эту короткую демонстрацию» или «Посмотрите, что X COMPANY может для вас сделать».

     Учитесь у профессионалов

     Help Scout, провайдер программного обеспечения службы поддержки, включил вспомогательную копию вместе с видео с характеристиками целевой страницы, чтобы предоставить контекст о содержании видео. Они также поощряли посетителей целевой страницы просматривать ее с пометкой «Посмотреть историю GrabCAD».

     5. Помните о времени загрузки

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

     • 52,8% людей говорят, что они были бы готовы отказаться от видео для более быстрой загрузки (Unbounce)
     • 100-миллисекундная задержка времени загрузки веб-сайта может снизить коэффициент конверсии на 7% (Akamai)
     • Два- Вторая задержка во времени загрузки веб-страницы может увеличить показатель отказов на 103% (Akamai)
     • 53% посетителей мобильного сайта покидают страницу, загрузка которой занимает более трех секунд (Akamai)
     • Сайты, загружаемые за пять секунд (по сравнению с 19 секунд) имеют на 70% более длительные средние сеансы (Unbounce)

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

     6. Оптимизация видео и страницы для SEO

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

     Самыми большими компонентами SEO для видео являются:

     • Подписи: Подписи к видео предоставляют поисковым системам больше информации о содержании вашего видео
     • Расшифровки стенограмм: Как и подписи, расшифровки стенограммы видео сообщают поисковым системам, что на самом деле ваше видео выше ( Vidyard позволяет вставлять стенограмму в виде метаданных)
     • Метаданные: Использование метатегов с вашими видео позволяет сканерам поисковых систем индексировать контекстную информацию о проигрывателе
     • XML Sitemaps: Эти файлы упрощают поиск и индексирование поисковыми системами видеоконтент (Vidyard автоматически создает карты сайта в формате XML для ваших видео)

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

     7. Протестируйте все

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

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

     Ключевые моменты для тестирования на целевых страницах видео:

     • Длина видео (т. Е. Короткая или длинная)
     • Эскизы видео
     • Автозапуск по сравнению с воспроизведением по щелчку
     • Размещение видео на странице
     • Тип используемого видео (т. Е. объясняющее видео и демонстрационное видео)

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

     Какие примеры целевых страниц с видео я могу использовать в качестве вдохновения?

     Готовы начать? Эти примеры целевых страниц с видео — отличное место для начала размышлений о дизайне и исполнении вашей страницы.

     1. Целевая страница видео фона ConvertKit

     Платформа электронного маркетинга и автоматизации ConvertKit делает видео звездой этой целевой страницы, показывая несколько видео. Сверху — фоновое видео главного героя. Затем, ниже по странице находится пара видеороликов с отзывами клиентов.

     3. Видео вспомогательной целевой страницы Slack

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

     3. Целевая страница видео-лайтбокса GoodFood

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

     4. Видео целевой страницы HubSpot CTA

     Инструмент входящего маркетинга и продаж HubSpot использует видео главной целевой страницы в верхней части своей страницы HubSpot Academy. Быстрое промо-видео (продолжительностью менее минуты) заканчивается призывом к действию, позволяющим зрителям просматривать доступные курсы.

     5. Целевая страница видео в лайтбоксе Adobe

     На целевой странице интеллектуальных служб Adobe включила миниатюру видео в главное изображение вместе с кнопкой «Посмотреть видео» под заголовком.Оба запускают видеоплеер в виде лайтбокса.

     Создавайте конвертируемые целевые страницы Легко вставляйте видео на свои целевые страницы.