Содержание
Общие преимущества и недостатки CMS для landing page — Site-pro
Дата публикации: 31.03.2019
Лендинг пейдж для интернет-магазина — очень востребованный рекламный инструмент, который помогает решать множество функциональных задач в работе сайта. Лендинг для ресторана, магазина и других заведений в интеграции с системой 1C обладает целым рядом преимуществ для предпринимателя:
- клиенты лендинга собираются автоматически;
- есть своя база для оборота документов;
- возможность повышать конверсию благодаря встроенным инструментам;
- наличие платных и бесплатных движков на площадке CMS;
Однако, при всей функциональности лендинг пейдж, у этого инструмента есть и свои недостатки:
- слишком много кодов, что перегружает систему;
- повышенная нагрузка на хостинг в связи со сложным интерфейсом;
- повышенные временные затраты на настройку и привязку страницы к системе;
Существуют разные варианты подключения платной площадки CMS для лендинговой страницы.
Платные движки в плане функциональности более удобны для начинающих пользователей, поэтому, если у вас ещё недостаточно опыта, лучше приобрести платные инструменты. Так, наиболее популярной является разработка сайтов на Битрикс. Здесь владелец сайта получает возможность постоянно контролировать заказы и сохранять всю информацию о товарах на складе. Благодаря встроенным инструментам можно непрерывно повышать конверсию, однако на Битрикс довольно сложное управление, рассчитанное на профессионалов, поэтому нужно обладать определёнными навыками, чтобы полноценно работать в этой системе.
Не менее привлекательным для онлайн-бизнесменов является создание сайта на Opencart — площадке, которая отличается простотой в установке, большим выбором тем для оформления и минимумом инструментов. Создание сайта на WordPress предлагает пользователю более 1000 русскоязычных шаблонов для оформления страницы. Самое главное на этой площадке — следить, чтобы в системе не появился вирусный код, который может уничтожить нужную информацию.
Выбор движка для landing page
Создание сайта на Joomla или создание сайта на Drupal предлагает владельцам 23 шаблона для оформления страницы на выбор, которые скачиваются бесплатно, площадка cms — русскоязычная. Существенным недостатком системы является низкая степень защиты от хакеров, а также необходимость приобретать дополнительные модули, если у вас нестандартный проект.
При выборе движка для создания сайтов в Киеве нужно исходить из целей проекта и периода. Для реализации краткосрочных проектов подойдут бесплатные движки, а для более перспективных проектов лучше обзавестись платной программой. Если вас интересует создание landing page на Modx, и вы желаете заказать лендинг для бизнеса, вы можете оставить заявку в нашу веб-студию Site-pro.top через форму обратной связи. Цена лендинг пейдж будет зависеть от выбранной вами площадки и количества задействованных инструментов. Заказать создание landing page на html у нас — значит, обеспечить своему проекту стабильный приток клиентов и постоянное внимание целевой аудитории!
Site-pro.
top
Создание Landing page на WordPress: пошаговая инструкция
Здравствуйте, друзья!
Чтобы запустить продажи в интернете, не обязательно заказывать сайт у агентства, долго согласовывать проект, вносить правки в прототип и что-то менять уже после запуска. Посадочную страницу, на которой вы будете продавать свои товары и услуги, можно создать на удобной и привычной CMS WordPress. Нужно лишь немного денег — на оплату хостинга и домена — и времени. Если руки растут из нужного места, уже через пару часов вы сможете гнать трафик на новый одностраничник.
Этот гайд поможет вам быстро и почти бесплатно сделать лендинг пейдж на WordPress. Материал будет полезен владельцам стартапов, начинающим маркетологам, digital-специалистам, которые хотят завести одностраничник для продажи своих услуг.
Установка Вордпресс
Перед созданием сайта купите хостинг и зарегистрируйте доменное имя. Это легко сделать на Beget или SpaceWeb. Просто выберите тариф и оплатите его удобным способом.
Вот расценки на хостинг от указанных выше провайдеров:
Оплачивать хостинг на год вперёд выгоднее. Для лендинг пейдж выбирайте начальные (стартовые) тарифы — «Взлёт» или Blog. Их вам хватит с головой.
У этих же хостинг-провайдеров можно зарегистрировать доменное имя. Пройдите в раздел «Регистрация доменов» или «Домены» и проверьте домен на уникальность.
При покупке домена в Beget не забудьте поставить галочку у пункта «Создать новый сайт и направить домен на него», а потом нажмите на кнопку «Добавить домен». Через 10–15 минут новый домен пропишется на DNS-серверах, и вы сможете приступить к установке CMS.
И на Beget, и на SpaceWeb CMS WordPress можно установить в один клик. Если вы приобрели хостинг SpaceWeb, то после оплаты и авторизации в личном кабинете найдите в меню раздел «Установка программ» и отыщите в списке WordPress. Нажмите на кнопку «Установить». В открывшемся окне выберите версию CMS, домен или поддомен и нажмите на кнопку «Установить».
В течение минуты сервис автоматически установить WordPress и создаст базу данных MySQL. После этого вам останется лишь залогиниться в админ-панели и приступить к редактированию контента.
Чтобы установить WordPress на Beget, авторизуйтесь в личном кабинете, найдите в меню раздел «CMS | Установка систем управления» и перейдите в него. Отыщите в списке логотипов CMS ВордПресс, нажмите на него и ознакомьтесь с условиями. Заполните форму с данными по сайту:
Нажмите на «Установить» и дождитесь окончания установки. Сервис автоматически создаст базу данных и реквизиты к ней. Сохраните эти данные и авторизуйтесь в CMS вашего будущего одностраничника. Ссылка для входа:
А чтобы поисковые системы не индексировали изменения, которые вы вносите на сайт до его публикации, просто закройте его от индексации в настройках.
Бесплатные шаблоны landing page для Вордпресс
Полноценный Landing page на WordPress вполне реально создать на бесплатном шаблоне. Это дешевле, чем заказывать дизайн, и проще, чем прописывать стили вручную.
В каталоге можно найти сотни бесплатных шаблонов, каждый из которых легко настроить индивидуально под ваш бизнес.
Шаблоны для landing page на WordPress вы найдёте в самой CMS — раздел «Внешний вид — Темы».
Посмотрите каждую тему перед установкой, чтобы не тратить время на неподходящий шаблон. Вот список тем, которые подойдут для landing page:
- BeOnePage. Профессиональна одностраничная тема для WordPress. Подойдёт для сайтов специалистов и корпораций. Адаптивный дизайн, лёгкая настройка блоков, анимации, быстрая загрузка на любых устройствах.
- VW One Page. Адаптивная одностраничная тема для любого бизнеса. Быстро загружается на планшетах и мобильных устройствах, оптимизирована под поисковые системы, легко настраивается. Может быть переведена на 70 языков.
- Llorix One Lite. Бесплатная одностраничная тема для WordPress с простым дизайном и параллакс-эффектом. Адаптивный дизайн, поддержка WooCommerce, SEO-friendly.
- Zerif Lite. Ещё одна удобная одностраничная тема для WP. Минималистичный дизайн, адаптивность под мобильные устройства, совместимость с e-commerce
- Uniform. Простая одностраничная тема для Вордпресс, которую легко настроить. Совместимость практически со всеми популярными плагинами.
- Freesia Empire. Одностраничная и легко настраиваемая тема. Совместима с большинством плагинов, e-commerce, содержит несколько бесплатных шаблонов.
- 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 минут до нескольких часов. Около суток придётся ждать одобрения в выходные и праздничные дни.
Не забывайте отслеживать конверсии и действия посетителей на сайте после запуска рекламы. Если покупатели отваливаются на каком-либо этапе, проверьте корректность форм, ссылок, отображение сайта на различных устройствах.
Headless CMS для современных маркетинговых веб-сайтов и SEO
Объедините лучшее из структурированного контента, управления активами, SEO и локализации с интуитивно понятной Content Studio для предоставления современных, захватывающих и устойчивых веб-сайтов.
Get an Enterprise Demo →
Trusted by teams of all sizes to deliver content to millions across the world
Опыт управления контентом со скоростью бизнеса
Hygraph позволяет командам создавать и доставлять локализованный контент с надежной SEO-основой за считанные минуты, а не дни.
«Благодаря Hygraph маркетинговая команда практически не нуждается в дополнительной поддержке со стороны наших разработчиков…»
Компания Up внедрила Hygraph для обеспечения работы своего веб-сайта с высокой посещаемостью и предоставления миллионам пользователей персонализированных купонов.
Прочитать пример из практики →
Создавайте современные веб-сайты, чтобы радовать клиентов, где бы они ни находились
Храните весь свой контент на нескольких языках для рекламных акций, целевых страниц, баннеров, сообщений и многого другого в едином центре контента.
Распространяйте их по платформам, чтобы привлечь клиентов на любом устройстве, на котором они находятся.
Узнайте больше о Hygraph и локализации →
Headless CMS для SEO в контексте
Обладая надежной технической базой для SEO, получите полный оперативный контроль над метаданными, публикациями в социальных сетях, структурами URL-адресов, оптимизацией изображений, преобразованием ресурсов, приоритетами сканирования и картой сайта. обогащение.
Узнайте о Headless CMS и SEO →
Эффективность по дизайну
Разработанный для работы с рабочими процессами, к которым вы привыкли, Hygraph предоставляет детализированные роли пользователей, этапы контента, сохранение и управление версиями — у вас есть полный контроль над тем, что и когда публикуется .
Изучить все функции Hygraph →
Нам нравится Hygraph, поскольку мы считаем, что это одна из (если не САМАЯ) лучших безголовых CMS на рынке … за последние 18 месяцев мы наблюдаем удивительный прогресс, и мы не могли бы быть более в восторге как дела.
Имре НадьГлавный технический директор Travel Weekly
Современный подход к публикации больших объемов с помощью Headless CMS для новостей и публикаций.
При оценке безголовой CMS для их проекта было несколько факторов, которые были важны для команды. Новая система должна быть чрезвычайно гибкой, надежной, легко адаптируемой для технической команды и иметь разумную цену. Hygraph проверил все поля для своей команды и соответствовал потребностям варианта использования.
Прочитать пример из практики →
Hygraph предоставляет простой в использовании инструмент, помогающий управлять новостями, связанными с проектом C.A.T., и освещать их. Платформа легко интегрируется с нашим веб-сайтом, и мы можем очень быстро загружать и распространять истории по всему миру.
Мэтью ФалкоМенеджер Discovery Communications
Discovery поддерживает высокие стандарты качества контента на скорости с помощью Hygraph.
Discovery использует Hygraph для глобальных новостей, новостей о знаменитостях и историй о сохранении дикой природы, связанных с проектом защиты тигров C.A.T.
Авторский интерфейс обеспечивает простое и быстрое редактирование и курирование историй, чтобы веб-сайт мог обновляться в режиме реального времени по мере выхода новостей.
Читать пример из практики →
Hygraph позволяет нашей команде разработчиков и команде маркетинга очень эффективно сотрудничать в одной системе. Он достаточно надежен, чтобы разработчики могли создавать нужные нам функции, и в то же время достаточно гибок, чтобы наша маркетинговая команда могла вносить обновления, изменения и правки в любое время, когда нам это нужно.
Альберт Ю Инженер-программист в Neat
Neat выбирает Hygraph в качестве агрегатора контента для FinTech.
Neat.hk, финтех-компания из Гонконга, представляет собой современную альтернативу банку, который предоставляет предпринимателям и МСП мультивалютные счета, которые можно открывать и управлять ими полностью онлайн.
Чтобы дополнить свой передовой технологический стек (который включает GraphQL и Next.js) и потребность в мощных инструментах локализации, они выбрали Hygraph для своего обновленного цифрового присутствия.
Прочитать пример из практики →
Почему Hygraph
Узнайте, как GraphQL Headless CMS ускоряет проекты вашего веб-сайта
Производительность прежде всего Витальные показатели.
Agile Workflows
Hygraph открывает мощные рабочие процессы для снижения взаимозависимости между командами разработчиков и контент-менеджеров. Работайте параллельно и сокращайте время выхода на рынок.
Бесконечная расширяемость
С помощью веб-перехватчиков, удаленных полей и интеграций соедините Hygraph со всеми вашими любимыми инструментами и сервисами для принятия важных бизнес-решений.
Упрощенная поисковая оптимизация
Следуйте передовым методам поисковой оптимизации с помощью CMS, созданной для достижения исключительных технических и операционных результатов поисковой оптимизации, чтобы вы могли сосредоточиться на создании контента.
Готовая локализация
Являясь одной из немногих систем Headless CMS, поддерживающих встроенную локализацию и публикацию на основе региональных настроек, вы можете обращаться к своим клиентам за границей, где бы они ни находились, чтобы они чувствовали себя как дома.
Extra Firepower
Получите доступ к нашим глобальным партнерам по внедрению и технологиям, чтобы убедиться, что вы создаете лучший цифровой опыт без компромиссов.
Программное обеспечение для веб-сайтов и целевых страниц Малый бизнес
Leadpages помогает малым предприятиям устанавливать контакт с аудиторией, собирать потенциальных клиентов и заключать сделки. Легко создавайте веб-сайты, целевые страницы, всплывающие окна, панели предупреждений и многое другое.
Выйдите в Интернет
Продемонстрируйте свой бизнес с помощью веб-сайтов и целевых страниц, созданных для того, чтобы побудить посетителей к действию.
Собирайте потенциальных клиентов
Расширьте свой список подписчиков электронной почты с помощью предложений подписки, мгновенной доставки цифровых файлов и контента, оптимизированного для конверсии.
Продажа товаров и услуг
Увеличьте свой доход с помощью продающих страниц с высокой конверсией, встроенных касс и безопасных онлайн-платежей на базе Stripe.
Оптимизируйте и расширяйте
Проверяйте свою производительность с отслеживанием в режиме реального времени и запускайте неограниченное количество сплит-тестов, чтобы максимизировать свои результаты.
Вдохновляйтесь такими, как вы
Присоединяйтесь к более чем 40 000 малых предприятий, которые доверяют нам свои мечты.
Leadpages — лучший способ выйти в Интернет и развивать свой бизнес
Создавайте веб-сайты и целевые страницы без кода, чтобы привлечь аудиторию от первого клика до окончательной продажи.
Программное обеспечение для веб-сайтов и целевых страниц без кода
Создавайте веб-сайты и целевые страницы с высокой конверсией
Быстро и легко публикуйте свои первые веб-страницы за считанные минуты. Начните с шаблона, оптимизированного для конверсии и адаптированного для мобильных устройств.
Затем настройте его в Drag & Drop Builder и запустите профессионально выглядящую целевую страницу или веб-сайт, предназначенный для конвертации.
The Ultimate Conversion Toolkit
Сделайте каждый элемент контента важным
Где бы вы ни публиковали или размещали контент, теперь вы можете оптимизировать его для роста бизнеса. Превратите свой с трудом завоеванный веб-трафик в больше лидов и продаж с помощью полного набора инструментов для конверсии, включая:
Аналитика и отслеживание эффективности
Получите информацию, необходимую для того, чтобы меньше гадать и больше расти
Уверенно оптимизируйте каждый аспект ваших маркетинговых кампаний с помощью с помощью легко читаемой аналитической панели, сплит-тестов A/B и советов по конверсии в реальном времени, которые вы больше нигде не найдете.
Неограниченные публикации и генерация лидов
Наслаждайтесь неограниченными публикациями и шаблонами, оптимизированными для конверсии
Потому что вы не верите в ограничения, как и мы.