Группа компаний ATEY - проектирование информационных системSP Page Builder — мощный конструктор посадочных страниц (лендингов) на Joomla 3. Из данного обзора вы в полной мере узнаете о возможностях платной и бесплатной версии компонента SP Page Builder, а также о его функциональных особенностях.
Содержание
- Возможности SP Page Builder
- Сравнение платной и бесплатной версии
- Аддоны SP Page Builder
- Создание лендингов в SP Page Builder
- Адаптивность элементов в SP Page Builder
- В качестве заключения
Возможности SP Page Builder
Joomla является универсальной системой управления контентом, одинаково подходящая для создания любых типов сайтов, будь то блоги, интернет-магазины, а также лендинги (Landing Page), также известные как станицы захвата или посадочные страницы.
В целом понятие лендинга является достаточно абстрактным, и по большому счету в формате Landing Page можно оформлять любую веб-страницу коммерческой или информационной направленности, и в полной мере это осуществить позволяет компонент SP Page Builder, признанный лучшим среди аналогичных расширений по итогам битвы конструкторов Landing Page на Joomla.
Перечень функциональных возможностей компонента SP Page Builder действительно впечатляющий:
- генерация элементов веб-страниц во внешнем интерфейсе;
- настройка внешнего вида элементов без знания HTML и CSS;
- система перетаскивания элементов (Drag & Drop);
- элементы управления размером окна браузера (устройства вывода);
- 40+ (13 в бесплатной версии) элементов (аддонов);
- продвинутый медиа-менеджер;
- создание сложных структур элементов с помощью секций, строк и колонок;
- управление адаптивностью элементов в зависимости от типа устройства вывода;
- дублирование созданных элементов (аддонов);
- изменение отступов между элементами во внешнем интерфейсе;
- включение или отключение элементов в один клик;
- русский язык и другие локализации;
- возможность добавления пользовательского CSS-кода и добавления классов к элементам;
- сохранение созданных страниц в виде шаблонов;
- совместимость со сторонними компонентам K2 и J2Store;
- выставление прав доступа к отдельным элементам (аддонам);
- заполнение мета-тегов Open Graph для социальных сетей;
- возможность использования редактора JCE вместо TinyMCE;
- дополнительные элементы (аддоны) от других расширений;
- эффекты анимации для строк, колонок и отдельных аддонов.
Слишком хорошо расписано, чтобы быть правдой? На самом деле все заявленные выше возможности не голословны и в полной мере соответствуют действительности. Разработчик даже создал демо-страницу, на которой вы лично можете прощупать богатый функционал компонента.
SP Page Builder: Pro vs Lite
Компонент распространяется в 2-х версиях:
- Lite — бесплатная.
- Pro — платная (от $49).
| Возможности | Lite | Pro |
|---|---|---|
|
Количество аддонов Описание аддонов смотрите ниже. |
13 | 49 |
|
Адаптивные макеты Гибкие настройки адаптивности строк, колонок и аддонов. |
+ | + |
|
Шаблоны страниц Готовые редактируемые шаблоны лэндингов. |
- | + |
|
Аддон для модуля Joomla Возможность вставки любого модуля Joomla. |
+ | + |
|
Медиа-менеджер Продвинутый менеджер медиа-файлов и картинок. |
+ | + |
|
Кнопки Отменить и Повторить |
+ | + |
|
Настройки Open Graph Мета-теги для формирования постов в социальных сетях. |
+ | + |
|
Совместимость со всеми фреймворками Корректная работа на любом шаблоне Joomla. |
+ | + |
|
Редактор во внешнем интерфейсе Возможность редактировать страницы не заходя в админку. |
- | + |
|
Отключение строк, колонок и аддонов Возможность отключить отображение элемента в один клик. |
- | + |
|
Возможность копирования и вставки |
- | + |
|
Вложенные строки Возможность вставки строк в столбцы. |
- | + |
|
Импорт и экспорт страниц Возможность сохранять созданные страницы и использовать их в качестве шаблонов. |
- | + |
|
Права доступа к аддонам Возможность назначать права доступа к аддонам для различных категорий пользователей. |
- | + |
|
Специальные модули SP Page Builder |
- | + |
|
Интеграция с материалами Joomla Возможность генерации страниц в материалах базового компонента контента Joomla. |
- | + |
|
Интеграция с материалами K2 Возможность генерации страниц в материалах компонента K2. |
- | + |
|
Интеграция с товарами J2Store Возможность генерации страниц в карточках товаров J2Store. |
- | + |
|
Поддержка плагинов сторонних разработчиков Существует ряд расширений для SP Page Builder от сторонних разработчиков. |
- | + |
|
Поддержка разработчика на форуме |
- | + |
Аддоны SP Page Builder
Количество аддонов (элементов) на момент написания данного обзора составляет 14 для бесплатной (Lite) и более 40 для платной (Pro) версии компонента:
Каждый из аддонов являются гибко настраиваемыми, что позволяет реализовать огромное множество задумок:
| № | Картинка | Аддон | Lite | Pro |
|---|---|---|---|---|
| 1 |  |
Модуль Joomla (Joomla Module) Вставка модуля Joomla в качестве аддона |
+ | + |
| 2 |  |
Аккордеон (Accordion) Список сворачивающихся элементов |
+ | + |
| 3 |  |
Уведомление (Alert Message) Текстовый блок с предустановленным стилем |
+ | + |
| 4 |  |
Карусель (Carousel) Сменяющиеся изображения |
+ | + |
| 5 |  |
Разделитель (Divider) Элемент для разделения в виде линии или картинки |
+ | + |
| 6 | |
Пустой промежуток (Empty Space) Пустое пространство с заданной высотой |
+ | + |
| 7 |  |
Блок особенностей (Feature Box) Картинка или иконка с описанием |
+ | + |
| 8 |  |
Иконка (Icon) Иконка из шрифта Font Awesome |
+ | + |
| 9 |  |
Изображение Вставка картинки |
+ | + |
| 10 |  |
Вкладки (Tabs) Блок с содержимым во вкладках (табах) |
+ | + |
| 11 |  |
Отзывы (Testimonials) Настраиваемый блок с отзывами |
+ | + |
| 12 |  |
Текстовый блок (Text Block) Блок с произвольным текстом |
+ | + |
| 13 |  |
Видео (Video) Видео с Vimeo или YouTube |
+ | + |
| 14 |  |
Кнопка (button) Настраиваемая кнопка |
+ | + |
| 15 |  |
Анимированный номер (Animated Number) Анимированные цифры |
- | + |
| 16 |  |
Материалы (Article) Встраивание материала компонента контента Joomla |
- | + |
| 17 |  |
Аудио (Audio Player) Вставка аудиоплеера. |
- | + |
| 18 |  |
Блок с номером (Block Number) Пронумерованный текстовый блок |
- | + |
| 19 |  |
Группа кнопок (Button Group) Набор идентичных настраиваемых кнопок |
- | + |
| 20 |  |
Карусель Pro (Carousel Pro) Дополнительная вариация карусель изображений |
- | + |
| 21 |  |
Контактная форма (Contact Form) Ajax-форма без возможности настройки полей |
- | + |
| 22 |  |
Клиенты (Clients) Блок со списком клиентов |
- | + |
| 23 |  |
Обратный отсчет (Countdown) Таймер обратного отсчета |
- | + |
| 24 |  |
Галерея Flickr (Flickr Gallery) Вывод галереи фотографий Flickr |
- | + |
| 25 |  |
Вращающийся блок (Flip Box) Картинка + текст, отображающийся при наведении |
- | + |
| 26 |  |
Галерея (Gallery) Галерея картинок |
- | + |
| 27 |  |
Карты Google (Google Map) Вставка интерактивной карты Google |
- | + |
| 28 |  |
Заглавие (Heading) Настраиваемый заголовок текста |
- | + |
| 29 | |
Группа иконок (Icons Group) Группа иконок из шрифта Font Awesome |
- | + |
| 30 |  |
Изображение с текстом (Image Content) Картинка + текст + кнопка |
- | + |
| 31 |  |
Instagram галерея (Instagramm Galley) Настраиваемый блок с отзывами |
- | + |
| 32 |  |
Всплывающее окно (Modal Popup) Элемент, по клику на который будет открываться диалоговое окно с указанным содержанием |
- | + |
| 33 | |
Навигация (Navigation) Настраиваемый список ссылок |
- | + |
| 34 |  |
Форма подписки (Opt-in Form) Настраиваемая кнопка |
- | + |
| 35 |  |
Персона (Person/Team) Блок со ссылками на социальные профили |
- | + |
| 36 |  |
Круговая шкала (Pie Progress) Круговая шкала с заданной степенью выполнения |
- | + |
| 37 |  |
Стоимость услуг (Pricing Table) Таблица с ценами |
- | + |
| 38 |  |
Индикатор выполнения (Progress Bar) Анимированный индикатор с заданной степенью выполнения |
- | + |
| 39 |  |
HTML код (Raw HTML) Пользовательский HTML-код |
- | + |
| 40 |  |
Социальные сети (Social Share) Настраиваемые кнопки шаринга в социальных сетях |
- | + |
| 41 |  |
Soundcloud (Soundcloud) Аудиоплеер для одного трека или плейлиста |
- | + |
| 42 |  |
Отзывы Pro (Testimonials Pro) Дополнительная вариация блока с отзывами |
- | + |
| 43 |  |
Временная шкала (Timeline) Вертикальная шкала с разбиением на участки |
- | + |
| 44 |  |
Лента Twitter (Twitter Feed) Слайдер ленты из Twitter |
- | + |
Создание лендингов в SP Page Builder
Представленные ниже видеоролики наглядно демонстрируют процесс создания лендингов разного уровня сложности с помощью SP Page Builder во внешнем интерфейсе, подтверждая высокую функциональность компонента:
Процесс генерации лендингов в SP Page Builder через панель управления также прост и достаточно увлекателен. Условно можно разделить его на следующие этапы:
- добавление строки
Сразу предлагается разбить строку на определённое количество колонок с заданными пропорциями. Делается в пару кликов:
Добавление строки - добавление аддонов или новых строк в колонки:
Добавление аддонаДобавление строки в колонку
- настройка элементов: строк, колонок и аддонов
Здесь к вашим услугам все возможности по настройке стилей отображения: от размеров шрифта и отступов до эффектов анимации.
Адаптивность элементов в SP Page Builder
Функционал SP Page Builder позволяет производить следующие настройки адаптивности отдельно для мобильных устройств, десктопов и планшетов:
- отключать любые элементы (строки, колонки и аддоны):
- устанавливать размеры колонок:
- определять стили для аддонов:
Недостаёт, пожалуй, только возможности настройки эффектов анимации в зависимости от устройства вывода. Будем надеяться, что руки разработчиков дотянуться и до этого.
В качестве заключения
SP Page Builder небезосновательно заслуживает звание лучшего генератора лэндингов для Joomla 3и выше, с каждой новой версией оставляя конкурентов всё дальше позади.
Источник материала: https://joomla.center/baza-joomla/funktsional-joomla/sp-page-builder-obzor