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

Содержание

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

Landing Page (лендинг пэйдж) — одно из направлений в создании сайтов. Многие сомневаются в возможностях Joomla! CMS, больше предпочитая для данных целей WordPress. Однако создать функциональный лендинг на Joomla очень даже просто! В данной статье мы разберем, что такое лендинг и как его создать.

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

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

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

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

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

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

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

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

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

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

д.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

2. Создать форму с полями, чтобы собрать нужную информацию о пользователях. Для этого можно использовать расширения вроде BreezingForms или ChronoForms. Если вы хотите стандартные функции Joomla, вы можете использовать S5 Register Module от Shape5.

Плюсы:

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

Минусы:

— Сложность стилизации

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

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

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

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

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

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

Кроме уже названных расширений можно использовать для данных целей могут быть и другие Page Builder-ы.

Плюсы:

+ Быстрая установка

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

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

Минусы:

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

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

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

Кроме того, одновременно для страниц сайта Joomla можно активировать лишь один шаблон, который распространяется сразу на все страницы сайта. Это не проблема, если вы готовы создать отдельный сайт для вашего лендинга. Но встает вопрос, нужны ли вам такие сложности? Быть может, легче будет просто использовать одну единственную html-страницу без обращения к CMS.

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

GavickPro Creativity

Responsive Landing от JoomLead

YJ Fork

Плюсы:

+ Быстрая установка

+ Минимальная настройка

+ Готовая графика

Минусы:

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

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

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

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

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

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

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

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

Это стильно:

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

Заключение

Итак, в данной статье мы рассказали о 3 вариантах создания Landing Page на Joomla. Каких из этих способов лучше — решать вам!

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

Joomla! Может все, что угодно 🙂

Как создать лучший лендинг пейдж в конструкторе с нуля

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

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

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

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

Создаем страницу в Gridbox

Переходим в Панель управления — Компоненты — Gridbox

Теперь создаем новую страницу. Для этого в правом нижнем углу нажимаем на красную кнопку:

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

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

Выбираем количество нужных нам колонок.

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

Добавляем фоновую картинку

Для этого нам нужно:

нажать на боковой шестеренке и выбрать редактирование.

перейти во вкладку BACKGROUND, выбрать тип Image и загрузить картинку.

(Чтобы добавить заливку цветом, нужно сделать те же шаги, что и для добавления картинки, только в Type выбрать не Image, а Color и Ваш фон готов.)

после того как загрузили, нажимаем галочку и смотрим результат.

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

перейти в редактирование блока, вкладка GENERAL
поставить галочку напротив FULL WIDTH

Добавляем лого. В данном лендинге их два, поэтому нужно добавить две колонки:

наводим на шестеренку и нажимаем “добавить поле”

теперь в окошке нужно выбрать две колонки.

чтобы добавить лого, нажимаем на редактирование элемента.

в списке плагинов выбираем IMAGE.

добавляем лого и смотрим, как выглядит теперь.

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

Заголовок и подзаголовок лендинга:

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

выбираем из списка плагинов нужный Вам. В данном случае TEXT.

В результате вышел вот такой первый экран лендинга.

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

6. Обводка блоков

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

навести на элемент и нажать редактирование.

перейти во вкладку LAYOUT и добавить BORDER.

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

Оформление текста

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

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

цветом
курсивом
размером шрифта

8. Блок цен

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

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

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

блока контактов

блока со счетчиками

блока главных(первых) экранов

блока преимуществ

блока цен

блока команды

блока отзывов

Сейчас нам нужен блок цен, выбираем Pricing и подбираем тот вариант, который нам подходит.

9. Блок с видео

В данном примере в блоке “Отзывы” есть видео. Данные видео с ютуба, поэтому, чтобы добавить их на сайт можно воспользоваться скриптом Ютуб Профессионал, он генерирует код, который Вы можете вставить у себя на сайте. Чтобы добавить видео нужно:

создать новый блок

в редактировании блока зайти в плагины

выбрать CUSTOM HTML

сгенерировать код в Ютуб Профессионал, скопировать сгенерированный код.

вставить в редактор HTML и сохранить

Редактирование мобильной версии

В новой версии Gridbox очень удобно реализована функция редактирования мобильной версии сайта. Для этого Вам нужно:

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

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

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

Джумла! Каталог расширений — Целевые страницы

Бесплатно

Mautic

Vine MA — электронный маркетинг, формы, формы интерактивных ботов, чат-боты, аналитика

Автор: vinema

Маркетинг

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

Платная загрузка

JMG Preloader

By JooMega

Целевые страницы

Бесплатно

Page Load Progress

By Glimlag.gr

Design

Page Load Progress 3.X — это плагин, который дает возможность добавить предварительный загрузчик веб-сайта очень простым и элегантным способом. И самое главное БЕСПЛАТНО! Прогресс загрузки страницы основан на библиотеке темп.js и поддерживает 13 различных шаблонов. Установите и активируйте плагин. Плагин имеет 4 параметра: цвет полосы, цвет текста, прозрачность фона и шаблон. В некоторых шаблонах есть полосы, в других текст и т. д.

Платная загрузка

Целевая страница Moonchip с формой подписки

Пол Раф

Целевые страницы

Платная загрузка

Целевая страница Moonchip с контактной формой

Пол Раф

Целевые страницы

Платная загрузка

Целевая страница Moonchip с регистрационной формой

Пол Раф

Целевые страницы

Целевая страница Moonchip с регистрационной формой https://moonchipextensions.

Штирлиц — Сеть печатных салонов в Перми

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

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

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

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

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

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

Заключение

Как создать лучший лендинг пейдж в конструкторе с нуля

Джумла! Каталог расширений — Целевые страницы

Geek Landing Page

jInbound

Diginix Content Generation

LP Простые целевые страницы

Целевая страница Moonchip с регистрационной формой

Целевая страница Moonchip с контактной формой

Целевая страница Moonchip с формой подписки

JMG Preloader

SberLead

Джумла! Каталог расширений

Blox Page Builder

Mautic

Geek Landing Page

No Boss Page Sections

jInbound

Quix

T4 Page Builder

Diginix Content Generation

LP Простые целевые страницы

Быстрые ссылки WT

ui/Theme-Builder Lite

Vine MA — электронный маркетинг, формы, формы интерактивных ботов, чат-боты, аналитика

JMG Preloader

Page Load Progress

Целевая страница Moonchip с формой подписки

Целевая страница Moonchip с контактной формой

Целевая страница Moonchip с регистрационной формой

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