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

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

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

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

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

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

Делаем лендинг – с чего начать

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

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

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

Выбрали, придумали?

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

Четвёртый способ – это создание Landing Page на основе существующих CMS

Это может быть:

  • WordPress
  • Joomla
  • DruPal
  • DLE или любая другая система управления контентом.

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

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

Так же, в одной из следующих статей я более подробно остановлюсь на плагинах для создания Landing Page для CMS WordPress

Преимущества данного способа:

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

Недостатки:

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

Однако в будущем вы сможете создавать неограниченное количество таких Landing Page. При чем, в пределах одного сайта. То есть, вы один раз устанавливаете движок, ставите на него набор необходимых плагинов, создаете макет LendingPage, а затем вы можете ее просто копировать, видоизменять и использовать для продажи какого-то другого товара.

3. Установка и настройка системы управления сайтом WordPress

На продвинутых хостингах есть автоматическая установка CMS, именно ей мы и воспользуемся. Нужно зайти в свой хостинг аккаунт, и выбрать меню «CMS — Установка систем управления»:

В открывшемся окне следует выбрать WordPress:

И затем ввести все требуемые данные. Выберите сайт для установки CMS, в моём случаи это teymi. Заполните описание сайта, придумайте логин администратора — можете использовать своё имя. Указывайте логин без пробелов.

В «Расширенная настройка БД» укажите имя базы данных (используйте латинские буквы без пробелов) и пароль базы данных (для генерации можете нажать значок волшебной палочки). Пароль от базы данных запоминать не нужно.

Когда все данные будут заполнены верно, нажмите «Установить» и появится такое сообщение.

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

  1. Зарегистрировали доменное имя и привязали его к нашему хостингу.
  2. Зарегистрировали хостинг и провели первичную настройку
  3. Установили CMS вордпресс и получили свой первый сайт

Качество всех следующих действий зависит от вашего опыта, знаний и подготовки. Я покажу элементарные приёмы по улучшению сайта.

Смена шаблона сайта на WordPress

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

В открывшейся форме вводим логин и пароль, который мы указывали при установке CMS из нашей хостинг панели:

В левом меню выбрать «Внешний вид -> Темы», затем навести курсор на тему Twenty Sixteen и нажать активировать. После этого перейдите на главную страницу вашего сайта и проверьте сделанные изменения.

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

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

Создание страниц на блоге

Любая страница в интернете — это набор текста и/или графики. Чтобы начать вести свой блог, либо создать первую страницу на своём сайте, следует перейти во вкладку «Записи -> Добавить новую».

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

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

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

WP landing pages

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

Компонент WP landing pages можно установить отдельно от
всего пакета и получить в свое распоряжение мощный и бесплатный конструктор
визиток для вордпресс.

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

Если лендинг бывает разный, то как выбрать хостинг для него?

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

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

В конечном итоге выбор landing page-хостинга ограничивается только вашими потребностями. Рассмотрим три основных варианта:

— Хостинг для одностраничного сайта (одностраничника). Чаще всего такие сайты бывают статичными и автономными, поэтому для них подойдут с минимальными характеристиками. Например, в REG.RU это Host-Lite или Host-A. 

— Хостинг для сайта-визитки. Персональный сайт может потребовать немалых затрат, особенно если ваша деятельность связана с творчеством и на ресурс нужно загружать большие галереи фотографий или видео. Здесь хорошим вариантом послужат тарифы Host-B или Host-0. На Host-B предлагается больше дискового пространства (25 ГБ), и тариф подойдёт фотографам или дизайнерам для сайтов-портфолио, а Host-0 можно выбрать для создания простой личной страницы.

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

Второй способ. Использование онлайн-конструктора

На сегодняшний день их существует очень много.

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

  • flexbe
  • Платформа LP
  • LPgenerator

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

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

Основные примущества данно способа создания лендинг пейдж:

  • он очень легкий и быстрый
  • Позволяет очень гибко настраивать вашу страничку
  • наличие хостинга
  • Так же, в таких сервисах есть, как правило, возможность сплит-тестировании, различные инструменты для анализа конверсии сайта и т.д.
  • Можно создавать адаптивные страницы (правда не во всех сервисах)
  • Возможность подключать к ним различные платежные системы и сервисы e-mail – рассылки

К недостаткам данного способа можно отнести:

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

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

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

Сервис по созданию лендинг пейдж

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

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

Это и есть главные шаги при создании лендинг пейдж на конструкторе tobiz.net.

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

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

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

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

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

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

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

На этой странице вы можете узнать, как сделать поддомен сайта до того, как создать лендинг на поддомене, если вам вдруг придёт такая мысль.

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

Создать сайт самому с доменом

После того, как ваш сайт готов с технической стороны:

остаются ещё несколько важных дел для того, чтобы ваш сконструированный на tobiz сайт начал работать.

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

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

В любом случае, создать сайт с доменом com так же легко, как и создать сайт com ua или любые другие домены в определённой зоне. Тем более, это только по началу было так, что то, что стоит после точки, зависит от типа сайта и его расположения.. Сейчас же люди могут спокойно создать сайт com и на территории России, хотя раньше это считалось чисто американским доменом.

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

Для этого вам нужно будет:

  1. Зайти в настройки проекта.
  2. Нажать на кнопку «Подключить домен».
  3. Вставить адрес в появившееся окно.

Рассказать друзьям:

1. Регистрируем доменное имя

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

Стоимость регистрации доменного имена на данный момент 199 рублей в год. Каждый год его нужно продлять, при этом цена, в зависимости от скидок и акций, может менять и находиться в диапазоне 200-500 рублей.

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

Рекомендация по выбору доменного имени

Лично мне нравится играть словами и выдумывать новые слова-брэнды, а не использовать заезженные auto59.ru, sushi102.ru, blog-mama.ru и тому подобные. Заметьте, что yandex, google и тысячи других доменов — это ранее несуществующие слова, которые стали настолько сильными брендами, что теперь у всех ассоциируются только с этими сайтами.

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

Процесс регистрации домена

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

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

Как только выбрали свой домен, нажимайте кнопку «Зарегистрировать», вы увидите примерно такое окно:

В нём будут добавлены дополнительные услуги в виде хостинга. Нам это сейчас не нужно, поэтому нажимайте на крестик и удаляйте все дополнительные услуги. Затем переходите в самый низ, смотрите чтобы в графе «Итого» была правильная сумма, а затем нажмите «Ввести промокод».

Скопируйте туда код EFCA-A492-EB2F-CD47 и получите 5% скидку на все услуги.

Затем нажмите «Оплатить».

На момент написания статьи стоимость регистрации 199 рублей, но она может меняться, поэтому не пугайтесь, если у вас будет уже другая цена.

Далее вам будет предложено пройти регистрацию на сайте reg.ru, поэтому следуйте инструкциям:

В личном кабинете переходите к оплате услуги. С этим не должно возникнуть проблем, доступно множество вариантов оплаты — банковскими картами, электронными деньгами, сотовым телефоном и через терминалы оплаты.

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

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

После создания профиля вы сможете зарегистрировать домен на ваши паспортные данные.

Указание dns-серверов

В процесс регистрации вас попросят указать dns сервера, вам нужно поставить галочку «Использовать серверы регистратора — БЕСПЛАТНО». После покупки хостинга мы изменим эти значения.

Когда доменное имя зарегистрировано, можно переходить к покупке хостинга.

Внесение изменений в элементы страницы, которые нельзя изменить при помощи редактора

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

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

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

Для этого у себя на компьютере открываем файл index.php, и через поиск вводим здесь название фразы, которую нужно найти в коде. Для вызова окна поиска нажимаем CTRL+F на клавиатуре.

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

Мы можем этот блок либо удалить полностью, либо же просто закомментировать. Например, так:

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

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

Для этого, в программе Notepad++ есть FTP-клиент, при помощи которого можно подключиться к сайту, зайти в папку с нужным доменом, там открыть нужный файл и внести в него все необходимые изменения. Потом сохранить его, нажав на кнопку «Сохранить все». При этом, все внесенные изменения сразу же применятся на хостинге.

Первый способ. Использование готовых шаблонов

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

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

  • Возможность размещать лендинг пейдж на своём хостинге
  • Не нужно тратить много времени на продумывание структуры и дизайна. Можно просто заменить контактные данные и текст на свои.
  • Большой выбор готовых шаблонов.

Однако, есть у него и свои недостатки.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Скачиваем лендинг с помощью плагина ScrapBook в Firefox’е

Найти этот плагин можно в разделе дополнений в Firefox (введите в адресную строку about:addons) — и там просто поищите:

Устанавливаем плагин ScrapBook в Firefox

Далее следует кликнуть «Установить» и перезапустить браузер. Готово. Этот плагин теперь можно дополнительно настроить (в разделе «Расширения» кликните на «Настройки» справа от названия плагина), но и настроек по умолчанию уже достаточно.

Теперь можно скачать страницу. Для этого кликаем правой кнопкой мыши по любому месту страницы и выбираем «Сохранить страницу как……»:

Скачиваем лендинг на компьютер

А затем отмечаем галочкой JavaScript — чтобы скопировать лендинг со скриптами, и Изображения (jpg, png, gif, tiff) — чтоб и картинки все были:

Копируем со скриптами и картинками

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

Нажимаем «Сохранить» — и всё готово. Скорей всего справа внизу выскочит такая штука:

Скопировали лендинг пейдж

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

Добавление и замена изображений

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

Для изменения изображения делаем следующее:

  1. 1.Вводим пароль для доступа к редактированию страниц.
  2. 2.Находим картинку, которую нужно заменить и удаляем её, выделив мышкой и нажав кнопку Delete на клавиатуре.
  3. 3.На панели редактора нажимаем кнопку для вставки изображения
  4. 4.В открывшемся окне нажимаем кнопку «Выбор на сервере»
  5. 5.Открывается окно с файлами сервера и в этом окне нажимаем кнопку «Загрузить файл»
  6. 6.Выбираем нужную картинку на компьютере, загружаем её и после того как она покажется в окне отображения файлов на сервере щёлкаем по ней 2 раза левой кнопкой мышки.
  7. 7.После этого картинка отобразится в окне предпросмотра и если её размер слишком большой, то его можно изменить при помощи соответствующих полей, показанных на скриншоте ниже, но лучше подготовить заранее картинку нужного размера.
  8. 8.Нажимаем кнопку «Ок».

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

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

Начну с минусов.

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

Сложность SEO-продвижения. Этот минус вытекает из предыдущего. Все мы знаем, что для SEO важен контент – тексты, фотографии и так далее. Место на одностраничнике ограничено – много статей на нем не разместить, да и смотреться полотно текста будет непривлекательно. Поисковики плохо индексируют лендинги, поэтому если вы хотите активно продвигать себя в поисковиках по множеству запросов, лендинг пейдж не для вас.

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

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

Тут важно отталкиваться от своей целевой аудитории – для кого вы готовите этот сайт? Кто будет его просматривать? Понравился ли им такая форма подачи?

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

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

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

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

Концентрация информации

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

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

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

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

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

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

Beaver Builder

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

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

Рейтинг
( Пока оценок нет )
Понравилась статья? Поделиться с друзьями:
Добавить комментарий