Как создать Лендинг Пейдж самому

Многие вебмастера пришли в интернет для заработка. Успешный онлайн-бизнес требует дополнительных знаний, онлайн бизнесмены успешно поднимают конверсию (% продаж), создавая привлекательные лендинги.
Что такое лендинг пейдж (Landing page)

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

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

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

Где искать лучшие партнерки?

Если вы еще не знаете, то подскажу, что самые “жирные” партнерки можно найти в агрегаторе admitad. Здесь собраны лучшие рекламодатели, среди  которых “Евросеть”, “Эльдорадо” и другие не менее известные компании.
Технология CPA заработка
Я не буду останавливаться на нюансах этого вида заработка в интернете, об этом вы можете прочитать в более осведомленных в этом плане источников. Расскажу лишь суть. Вы создаете продающую страницу (лендинг) с вашей партнерской ссылкой и льете трафик на нее, покупая Директ, трафик из социальных сетей, рекламу в тизерах.
Вебмастера хорошо зарабатывают на CPA, но этому нужно учиться. Скачивайте курсы, читайте информацию на сайтах, все в ваших руках.

Как создать Лендинг Пейдж

/*
Landing Page можно создать на любой площадке, но в этом случае, нам важны такие критерии выбора площадки, как

• простота,
• наглядность,
• создание “чистого” кода.

Конечно, если вы гуру программирования, то у вас не возникнет вопроса выбора движка. Все элементы дизайна лендинга можно написать на html и без помощи программ. А если вы “среднестатистический” вебмастер, то здесь вам на помощь придут специальные конструкторы одностраничников.
Расскажу про один из них - https://maxpage.ru/ – система управления Landing Page.
Его можно скачать и установить совершенно бесплатно. Сайт конструктора:

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

Расскажу основные моменты создания лендинг пайдж на maxpage.ru.

1. Зарегистрируйтесь на сайте maxpage.ru.
2. Войдите на сайт. Скачайте архив с конструктором отсюда
3. Подробная инструкцию по установке конструктора, заливки его на хостинг найдете здесь.
4. Создание страницы:
   
   Заполните соответствующие графы: название страницы, заголовок, описание, ключевые слова. Затем нажмите “Создать”, потом "кнопку “включить”. Подробнее на скриншоте ниже (увеличьте для просмотра):
   
   
5. Теперь переходим в сам конструктор и начинаем работу. Выберите нужную страницу:
   
   
6. Создание блоков – первый этап наполнения лендинга материалами. Блоки делят нашу страницу на зоны, которые будут отличаться цветом, фоном и содержанием. Для этого служит кнопка:

   

7. Мы можем создать сразу несколько глобальных блоков, причем активный блок будет выделен красным. Именно после выделения блока можно его редактировать – добавлять текст, фон, элементы. Для выделения блока кликните по нему мышкой.
   
   
   Изменять размеры блоков вы можете  по вертикали и по горизонтали, изменяя значения whidth и heght на панели инструментов. Перемещать блоки можно простым перетягиванием.
8. Создаем дочерние блоки (те, которые будут встроены в главные зоны лендинга).
   Для этого служит кнопка:
   
   
   Для выделения дочернего блока кликните дважды по нижнему правому углу блока мышкой. Можно выделить сразу два или более второстепенных блоков. Это позволит вам работать сразу над несколькими блоками. Отменяем выделение также – двойным кликов по уже выделенному блоку:
   
   
9. Для создания текстового блока существует специальная кнопка:

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

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

    
    
     

12. Сохраняем страницу.
     
13. Вот и готова наша первая продающая страница! Просмотреть ее можно, нажав на кнопку просмотра (иконка “глаз”).

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