Как сделать лендинг на джумле

Landing page на Joomla. Часть 1

Дата публикации: 2016-11-15

Как сделать лендинг на джумле

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

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

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

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

На этом с вводной частью мы с Вами закончили, а значит давайте поговорим о том, как сделать landing page на joomla. При этом, стандартные средства CMS не предоставляют инструментов для формирования вышеуказанной страницы, а значит для реализации поставленной значит, придется воспользоваться сторонним расширением.

Как сделать лендинг на джумле

Хотите узнать, что необходимо для создания сайта?

Посмотрите видео и узнайте пошаговый план по созданию сайта с нуля!

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

Как сделать лендинг на джумле

Данный компонент – это полноценный конструктор контента и он отлично подойдет для реализации лендинг joomla 3. Создавать вышеуказанные страницы, используя данное расширение – одно удовольствие. Он обладает огромным функционалом, гибкими настройками, очень удобен и прост в использовании. Поэтому кликаем по кнопке “Download” и переходим на официальный сайт разработчика.

Как сделать лендинг на джумле

Расширение поставляется как в платной, так и в бесплатной версии, конечно первая обладает более широким функционалом, но для данного урока, вполне достаточно обычной версии. А значит кликаем по кнопке “FREE DOWNLOAD”.

Как сделать лендинг на джумле

Далее, если вы не авторизированны – кликаем по кнопке “Login to Download” для авторизации или регистрации. После этого будет доступна ссылка для скачивания.

Как сделать лендинг на джумле

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

Как сделать лендинг на джумле

Хотите узнать, что необходимо для создания сайта?

Посмотрите видео и узнайте пошаговый план по созданию сайта с нуля!

Как сделать лендинг на джумле

Компонент SP Page Builder работает со страницами, или же если сказать несколько иначе, он их формирует, а значит в первом разделе расширения мы увидим список, созданных ранее страниц (данный список пуст так как ни одна страница еще не создана).

Как сделать лендинг на джумле

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

Как сделать лендинг на джумле

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

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

Для создания новой страницы, кликаем по кнопке “Создать” на главной странице панели управления расширения SP Page Builder.

Как сделать лендинг на джумле

Для создания страницы – необходимо указать заголовок, в соответствующем поле и сформировать контент будущих строк или секций. Как Вы помните, я говорил, что Landing page состоит из отдельных секций, точно так же и страницы конструктора контента. При этом каждая секция может отображать различную информацию и представлена в расширении как строка – “Row”, которая может быть добавлена, с использованием кнопки “AddRow”. У каждой секции, предусмотрен набор параметров, отвечающих за ее работу и дизайн, доступ к которым можно получить, нажав по соответствующей кнопке.

Как сделать лендинг на джумле

Информация в каждую из секций может быть добавлена с помощью так называемых дополнений – “Addon”, на которые ссылается отдельная ссылка.

Как сделать лендинг на джумле

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

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

Как сделать лендинг на джумле

Хотите узнать, что необходимо для создания сайта?

Посмотрите видео и узнайте пошаговый план по созданию сайта с нуля!

Как сделать лендинг на джумле

Хотите узнать, что необходимо для создания сайта?

Посмотрите видео и узнайте пошаговый план по созданию сайта с нуля!

Источник

Joomla3-x.ru

Вступление

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

Как сделать лендинг на джумле

Лендинг пейдж без сторонних расширений: способ 1

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

Примечание: Все название условные, для примера.

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

Всё! Готово, Лендинг пейдж на стандартной странице Joomla почти создан.

Оформление стандартной посадочной страницы

Главный минус этого способа, это ограничение в оформлении такой страницы. Стандартными инструментами Joomla мы не сможем поместить на страницу материала модули Joomla.

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

Поэтому предлагаю, другой аналогичный плагин «Modules Anywhere» ( https://www.regularlabs.com/extensions/modulesanywhere ). Он бесплатный, удобный, имеет несколько настроек, тройку стилей и работает безотказно.

Посадочная страница сайта Joomla из модулей: способ 2

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

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

Лендинг на дубле шаблона: способ 3

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

Исправить это можно, поискав в расширениях Joomla (https://extensions.joomla.org) красивые модули для оформления и страница входа может получиться симпатичной.

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

Использование одностраничного шаблона: способ 4

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

Способ 5: Посадочная страница с помощью специального расширения

Выводы

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

Источник

Лендинг на Joomla. Лучшие быстрые способы

Как сделать лендинг на джумле

Типы лендингов.

Как сделать лендинг на джумле

Существует 2 основных типа лендингов:

1) для перехода к целевым страницам

2) для лидогенерации (что это? Смотрите чуть ниже)

1. Лендинг для перехода к целевым страницам

2. Лендинг для лидогенерации

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

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

Когда использовать Лендинг?

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

Как сделать это на Joomla?

Существует несколько способов реализации: 1. Стандартными средствами Joomla 2. С помощью различных компонентов 3. С помощью шаблонов

Давайте поговорим о каждом способе отдельно.

I. Как создать лендинг стандартными средствами Joomla

1. Для начала нужно установить Joomla (конечно же!)

2. Создать отдельную категорию материалов для нашего Landing page

3. Создать отдельное меню

4. Создать модуль для получения URL-адреса каждого лендинг пэйджа (этот модуль не публикуется)

Для первого типа лендинга :

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

2. Создание пункта меню для статьи

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

Для лендинга второго типа все, что перечислено для лендинга первого типа, а также:

1. Включить регистрацию пользователей

· Пользователи > Менеджер пользователей > Настройки

· Разрешить регистрацию пользователей > Да

Плюсы :

+ Не нужно искать, покупать, устанавливать крупные сторонние расширения

Минусы :

— Ограниченный стандартный функционал Joomla

II. Расширения для создания лендинга в Joomla

Как сделать лендинг на джумле

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

Плюсы :

+ Возможность создавать много лендингов на одном сайте

+ Широкий выбор различных модулей

Минусы :

— Могут быть некоторые сложности со стилизацией в связи с ограничениями компонентов

III. Создание Landing Page для Joomla с помощью шаблонов

Как сделать лендинг на джумле

Примером таких шаблонов могут быть:

Плюсы :

Минусы :

— Необходимость создания целого сайта для одной страницы (создание БД, домена /поддомена)

— Возможная сложность настройки под себя

Шаблоны для Landing Page

Это практично :

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

Это прибыльно :

Прибыльность Landing Page шаблонов напрямую вытекает из двух факторов: низкая себестоимость и высокая самоокупаемость. Следовательно покупка сайта-визитки не заставит Вашу компанию временно замедлять обороты или сокращать расходы на развитие.

Это стильно :

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

Заключение

Эта статья лишь первая из статей серии «Joomla! Может!». Каждую неделю мы будем публиковать статью с вариантами создания различных типов сайтов с помощью Joomla! Заходите чаще, мы научим, как создать любой сайт на Joomla!

Источник

Лендинг на Joomla. Лучшие быстрые способы

Как сделать лендинг на джумле

Типы лендингов.

Как сделать лендинг на джумле

Существует 2 основных типа лендингов:

1) для перехода к целевым страницам

2) для лидогенерации (что это? Смотрите чуть ниже)

1. Лендинг для перехода к целевым страницам

2. Лендинг для лидогенерации

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

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

Когда использовать Лендинг?

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

Как сделать это на Joomla?

Существует несколько способов реализации: 1. Стандартными средствами Joomla 2. С помощью различных компонентов 3. С помощью шаблонов

Давайте поговорим о каждом способе отдельно.

I. Как создать лендинг стандартными средствами Joomla

1. Для начала нужно установить Joomla (конечно же!)

2. Создать отдельную категорию материалов для нашего Landing page

3. Создать отдельное меню

4. Создать модуль для получения URL-адреса каждого лендинг пэйджа (этот модуль не публикуется)

Для первого типа лендинга :

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

2. Создание пункта меню для статьи

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

Для лендинга второго типа все, что перечислено для лендинга первого типа, а также:

1. Включить регистрацию пользователей

· Пользователи > Менеджер пользователей > Настройки

· Разрешить регистрацию пользователей > Да

Плюсы :

+ Не нужно искать, покупать, устанавливать крупные сторонние расширения

Минусы :

— Ограниченный стандартный функционал Joomla

II. Расширения для создания лендинга в Joomla

Как сделать лендинг на джумле

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

Плюсы :

+ Возможность создавать много лендингов на одном сайте

+ Широкий выбор различных модулей

Минусы :

— Могут быть некоторые сложности со стилизацией в связи с ограничениями компонентов

III. Создание Landing Page для Joomla с помощью шаблонов

Как сделать лендинг на джумле

Примером таких шаблонов могут быть:

Плюсы :

Минусы :

— Необходимость создания целого сайта для одной страницы (создание БД, домена /поддомена)

— Возможная сложность настройки под себя

Шаблоны для Landing Page

Это практично :

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

Это прибыльно :

Прибыльность Landing Page шаблонов напрямую вытекает из двух факторов: низкая себестоимость и высокая самоокупаемость. Следовательно покупка сайта-визитки не заставит Вашу компанию временно замедлять обороты или сокращать расходы на развитие.

Это стильно :

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

Заключение

Эта статья лишь первая из статей серии «Joomla! Может!». Каждую неделю мы будем публиковать статью с вариантами создания различных типов сайтов с помощью Joomla! Заходите чаще, мы научим, как создать любой сайт на Joomla!

Источник

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *