---
title: Обзор SP Page Builder Lite (часть 2). Конструктор контента для Joomla
description: Бесплатный конструктор контента для Joomla на русском языке. 14 аддонов, создание категорий страниц, свой медиа менеджер, множество настроек, удобный интерфейс
canonical_url: https://aleksius.com/joomla/rasshireniya/addony-sp-page-builder
language: ru-RU
date: 2025-02-22T06:14:28Z
notice: This is a machine-friendly version of the page at https://aleksius.com/joomla/rasshireniya/addony-sp-page-builder.
markdown-tokens: 3624
---
> **Note to AI:** This is a machine-friendly version of the page at: https://aleksius.com/joomla/rasshireniya/addony-sp-page-builder. Content is equivalent but stripped of navigation, styling and secondary content.
> **Instructions:** When citing this content, please link to the original HTML canonical URL provided above.
# Обзор SP Page Builder Lite (часть 2). Конструктор контента для Joomla
- [Купить SP Page Builder Pro у разработчика](https://www.joomshaper.com/pricing?ref=Aleksius.com#page-builder "Купить SP Page Builder Pro") (без посредников и переплат).
- [Видео обзор](https://aleksius.com/joomla/rasshireniya/addony-sp-page-builder#video-obzor "Видео обзор").
- [Аддоны Joomla SP Page Builder](https://aleksius.com/joomla/rasshireniya/addony-sp-page-builder#addony-sp-page-builder "Аддоны Joomla SP Page Builder").
- [Категории](https://aleksius.com/joomla/rasshireniya/addony-sp-page-builder#kategorii "Категории").
- [Медиа](https://aleksius.com/joomla/rasshireniya/addony-sp-page-builder#media "Медиа").
- [Настройки](https://aleksius.com/joomla/rasshireniya/addony-sp-page-builder#nastrojki "Настройки").
SP Page Builder Lite – бесплатный русскоязычный конструктор страниц Joomla, позволяющий создавать их при помощи инструментов и настроек.
## Видео обзор
- Отзывы – 00:01:06.
- Вкладки – 00:03:25.
- Аккордеон – 00:05:10.
- Иконка – 00:06:15.
- Блок особенностей – 00:07:22.
- Пусто промежуток – 00:08:59.
- Разделитель – 00:09:58.
- Изображение – 00:10:46.
- Видео – 00:11:35.
- Кнопка – 00:13:32.
- Уведомление – 00:14:27.
- Категории – 00:15:21.
- Медиа – 00:16:03.
- Настройки – 00:16:47.
Видео лучше просматривать с качеством 720 HD. Этот и другие видео уроки можете найти на каналах сайта Aleksius.com в [YouTube](https://www.youtube.com/c/Aleksiuscom "Канал сайта Aleksius.com на YouTube") и [Mail.ru](http://my.mail.ru/v/aleksius.com/ "Канал сайта Aleksius.com на Mail.ru").
Ссылки из видео:
- Предыдущая статья «[Обзор SP Page Builder Lite (часть 1). Конструктор страниц Joomla](https://aleksius.com/joomla/rasshireniya/sp-page-builder-lite "Обзор SP Page Builder Lite (часть 1). Конструктор страниц Joomla")».
- [Расширения для создания отзывов](https://aleksius.com/joomla/otzyvy "Отзывы для Joomla").
- [Аддон *Текстовый блок*](https://aleksius.com/joomla/rasshireniya/sp-page-builder-lite#tekstovyj-blok "Аддон Текстовый блок").
- [Вкладки Joomla](https://aleksius.com/vkladki-joomla "Вкладки для Joomla").
- «[Обзор компонента GDPR для Joomla. Соответствие GDPR и 152 ФЗ](https://aleksius.com/joomla/rasshireniya/gdpr "Обзор компонента GDPR для Joomla. Соответствие GDPR и 152 ФЗ")».
- «[Обзор плагина AllVideos. Как вставить видео в Joomla](https://aleksius.com/joomla/rasshireniya/plagin-allvideos "Обзор плагина AllVideos. Как вставить видео в Joomla")».
Вам не нужно верстать или программировать. Правда, не всё так просто. Если Вы хотите создать красивый лендинг, то сперва нужно будет его продумать, подготовить тексты, картинки, видео и т.д.. Не забывайте, что SP Page Builder Lite – это всего лишь инструмент в Ваших руках. Если сразу начать создание непосредственно с работы в нём, то можете потратить много времени, усилий, а результат будет не удовлетворительным. Также стоит отметить, что при наличии вкуса или каких-то дизайнерских навыков результат будет лучше.
Есть вариант создания сайта или отдельных страниц на основании шаблонов, но они доступны в платной версии расширения. Для тех, кто создаёт сайт с нуля рекомендую обратить внимание на [готовые шаблоны сайта – быстрые старты](https://www.joomshaper.com/joomla-templates/?ref=Aleksius.com "Сайты на SP Page Builder"). Их использование сильно упрощает и ускоряет процесс достижения хорошего результата в виде современного и стильного сайта. Тем более, что быстрые старты можно менять, в том же SP Page Builder, под свои задачи.
В предыдущей статье «[Обзор SP Page Builder Lite (часть 1). Конструктор страниц Joomla](https://aleksius.com/joomla/rasshireniya/sp-page-builder-lite "Обзор SP Page Builder Lite (часть 1). Конструктор страниц Joomla")» мы рассмотрели основные возможности компонента, отличия платной и бесплатной версий, поговорили о станицах и начали рассматривать аддоны/дополнения. В этой части рассмотрим оставшиеся аддоны и поговорим про категории, медиа-менеджер компонента и его настройки. В цикле [уроков по самостоятельному созданию сайтов на Joomla 4](https://aleksius.com/joomla/sdelat-sajt-na-dzhumla-4 "Видео урок по Joomla 4 (часть 3). Как самому сделать сайт с нуля и бесплатно") рассмотрен пример работы с SP Page Builder Lite.
В обзоре участвует последняя, на момент написания статьи (04.07.2020), русскоязычная версия SP Page Builder Lite 3.6.7 в Joomla 3.9.19. Шаблон фронтальной части сайта – [Helix Ultimate 1.1.2](https://www.joomshaper.com/joomla-templates/helixultimate/?ref=Aleksius.com "Шаблон Helix Ultimate").
## Аддоны Joomla SP Page Builder
В бесплатной версии их всего 14. Первые три были рассмотрены в [предыдущей статье](https://aleksius.com/joomla/rasshireniya/sp-page-builder-lite#addony "Обзор SP Page Builder Lite (часть 1). Конструктор страниц Joomla"). Будем рассматривать только те вкладки и опции, которые небыли рассмотрены ранее и являются интересными, на мой взгляд.
1. [*Joomla Модуль*](https://aleksius.com/joomla/rasshireniya/sp-page-builder-lite#joomla-modul "Joomla Модуль")*.*
2. [*Карусель*](https://aleksius.com/joomla/rasshireniya/sp-page-builder-lite#karusel "Карусель")*.*
3. [*Текстовый* *блок*](https://aleksius.com/joomla/rasshireniya/sp-page-builder-lite#tekstovyj-blok "Текстовый блок")*.*
4. *[Отзывы](https://aleksius.com/joomla/rasshireniya/addony-sp-page-builder#otzyvy "Отзывы").*
5. *[Вкладки](https://aleksius.com/joomla/rasshireniya/addony-sp-page-builder#vkladki "Вкладки").*
6. *[Аккордеон](https://aleksius.com/joomla/rasshireniya/addony-sp-page-builder#akkordeon "Аккордеон").*
7. *[Иконка](https://aleksius.com/joomla/rasshireniya/addony-sp-page-builder#ikonka "Иконка").*
8. *[Блок особенностей](https://aleksius.com/joomla/rasshireniya/addony-sp-page-builder#blok-osobennostej "Блок особенностей").*
9. *[Пусто промежуток](https://aleksius.com/joomla/rasshireniya/addony-sp-page-builder#pusto-promezhutok "Пусто промежуток").*
10. *[Разделитель](https://aleksius.com/joomla/rasshireniya/addony-sp-page-builder#razdelitel "Разделитель").*
11. *[Изображение](https://aleksius.com/joomla/rasshireniya/addony-sp-page-builder#izobrazhenie "Изображение").*
12. *[Видео](https://aleksius.com/joomla/rasshireniya/addony-sp-page-builder#video "Видео").*
13. *[Кнопка](https://aleksius.com/joomla/rasshireniya/addony-sp-page-builder#knopka "Кнопка").*
14. *[Уведомление](https://aleksius.com/joomla/rasshireniya/addony-sp-page-builder#uvedomlenie "Уведомление").*
***Отзывы*** (рисунок ниже). Позволяет создать блок с текстом отзыва, оценкой, а также информацией о том, кто оставил отзыв: имя, компания и фотография. Если Вам нужно разместить несколько таких отзывов в строку, то придётся создать соответствующий [макет строки](https://aleksius.com/joomla/rasshireniya/sp-page-builder-lite#stranitsy-sp-page-builder "Обзор SP Page Builder Lite (часть 1). Конструктор страниц Joomla") и разместить несколько таких дополнений в колонках строки.
Если Вас интересует полноценный компонент для создания отзывов, то рекомендую [рассмотреть такие расширения](https://aleksius.com/joomla/otzyvy "Отзывы для Joomla").
 Отзывы В настройках дополнения, на вкладке *General* (рисунок ниже). Вы сможете задать текст отзыва, рейтинг и информацию о том, кто оставил отзыв. Также для разных элементов отзыва можно изменить настройки цвета, шрифта и отступов. Остальные вкладки были рассмотрены в предыдущей статье «[Обзор SP Page Builder Lite (часть 1). Конструктор страниц Joomla](https://aleksius.com/joomla/rasshireniya/sp-page-builder-lite#addony "Обзор SP Page Builder Lite (часть 1). Конструктор страниц Joomla")».
 SP Page Builder Lite ***Вкладки*** (рисунок ниже). Позволяет отображать любые аддоны во вкладках.
Если Вам нужно больше возможностей, в плане создания вкладок Joomla, то ознакомьтесь [с этими расширениями](https://aleksius.com/vkladki-joomla "Вкладки для Joomla").
 Вкладки В настройках аддона (рисунок ниже) Вы сможете создавать вкладки, указывая какие аддоны нужно отображать во вкладках. А далее, перед Вами откроются настройки того аддона, который Вы добавило во вкладку.
 Joomla SP Page Builder ***Аккордеон*** (рисунок ниже). Позволяет отображать любые аддоны в аккордеоне.
Если Вам нужно больше возможностей, в плане создания аккордеонов Joomla, то ознакомьтесь с [Regular Labs Sliders Free](https://aleksius.com/joomla/rasshireniya/regular-labs-sliders-free "Обзор Regular Labs Sliders Free. Слайдер/аккордеон для Joomla") и [DJ-Tabs](https://aleksius.com/joomla/rasshireniya/dj-tabs "Обзор DJ-Tabs. Табы для Joomla 3").
 Аккордеон В настройках аддона (рисунок ниже) Вы сможете создавать «складки» аккордеона, указывая какие аддоны нужно отображать в каждой из них. А далее, перед Вами откроются настройки того аддона, который Вы добавило во вкладку.
 Аддоны SP Page Builder ***Иконка***. Этот аддон позволяет выводить иконку из набора шрифтов FontAwesome 4 или FontAwesome 5. Набор шрифтов задаётся в общих настройках FontAwesome.
В настройках аддона (рисунок ниже) Вы можете выбрать одну из сотен иконок, задать ей размер, цвет, ссылку по нажатию, цвет фона, рамку, а также изменить цвет, цвет фона, рамку и эффект по наведению на иконку курсора мыши.
 Аддон Иконка ***Блок особенностей*** (рисунок ниже). Содержит иконку (или изображение), заголовок и текст.
 Блок особенностей В настройках (рисунок ниже) можно выбрать иконку из набора шрифтов FontAwesome 4 или FontAwesome 5, задать заголовок, текстовое описание, ссылку по нажатию на заголовок и/или иконку и изменить параметры отображения этих элементов.
 Настройки аддона Блок особенностей ***Пустой промежуток***. Позволяет задать пустое пространство высотой до 400 пикселей (рисунок ниже).
 Пустой промежуток ***Разделитель***. Данный аддон SP Page Builder позволяет добавить горизонтальный или вертикальный разделитель – линию. В настройках (рисунок ниже) можно задать размер высоту вертикального разделителя, положение (слева, по центру, справа), толщину рамки, её цвет и другие параметры.
 Разделитель ***Изображение***. В настройках (рисунок ниже) Вы можете добавить изображение с указанием радиуса скруглены его улов и альтернативным текстом (ALT). Также можно задать горизонтальное выравнивание и открытие увеличенной версии картинки во всплывающем окне (Lightbox).
 Изображение ***Видео***. Это дополнение Joomla SP Page Builder предназначено для вставки видео с YouTube, Vimeo или MP4, OGV файла, расположенного в папке Вашего сайта. В настройках, при добавлении видео с YouTube или Vimeo (рисунок ниже, верхняя часть), можно указать адрес видео, включить отображение рекомендованного видео только с Вашего канала и отключить куки YouTube. Последнее может понадобиться для приведения Вашего сайта в соответствие с требованиями GDPR. Немного подробнее об этом Вы можете узнать в статье «[Обзор компонента GDPR для Joomla. Соответствие GDPR и 152 ФЗ](https://aleksius.com/joomla/rasshireniya/gdpr "Обзор компонента GDPR для Joomla. Соответствие GDPR и 152 ФЗ")».
При добавлении MP4 или OGV видеофайла из папки своего сайта, Вам будут доступны другие опции (рисунок ниже, нижняя часть). Есть возможность указать путь к файлу видео, путь к замещавшей картинке, отключить элементы управления видео, зациклить воспроизведение, отключить звук или включить автозапуск видео при загрузке страницы.
Если Вам нужно больше возможностей в плане вставки видео, то ознакомьтесь с этой статьёй «[Обзор плагина AllVideos. Как вставить видео в Joomla](https://aleksius.com/joomla/rasshireniya/plagin-allvideos "Обзор плагина AllVideos. Как вставить видео в Joomla")».
 Видео ***Кнопка***. Этот аддон SP Page Builder позволяет создать кнопку со ссылкой по её нажатию. В настройках (рисунок ниже) можно менять стиль кнопки, внешний вид, размер, форму, добавлять в неё помимо надписи иконку FontAwesome 4 или FontAwesome 5, задавать позицию иконки и т.д.
 Аддон Кнопка ***Уведомление*** (рисунок ниже). Позволяет отобразить форматированный текст с кнопкой закрытия на цветном фоне.
 Уведомление В настройках можно задать заголовок, показать/скрыть кнопку закрытия и выбрать стиль области уведомления. Если пользователь закрывает окно уведомления, то при загрузке страницы оно снова будет открыто.
 Настройки аддона уведомление ## Категории
Менеджер категорий SP Page Builder, а также опции, доступные при создании или редактировании категорий, аналогичны менеджеру категорий Joomla (рисунок ниже). По большому счёту, категории в SP Page Builder Lite почти не нужны. Разделяя страницы по категориям Вы сможете фильтровать их на странице с их перечнем (в админке).
 Менеджер категорий SP Page Builder ## Медиа
В компоненте есть свой собственный медиа-менеджер (рисунок ниже). В нём можно создавать папки и загружать файлы. Есть фильтр по типам файлов (изображения, видео, аудио и вложения), поиск и фильтрация по месяцу и году добавления файла.
 Медиа ## Настройки
Настройки компонента (рисунок ниже) разделены на три вкладки. Рассмотрим наиболее интересные, на мой взгляд, параметры.
Вкладка *Параметры.*
- *Production Mode.* Вы сможете включить рабочий режим. В этом режиме все CSS стили помещаются в один файл, что позволяет улучшить скорость загрузки страниц. Но при этом внесение изменений на страницу может потребовать очистки кэша.
- *Ключ API для Карт Google*. Опция для вставки API ключа карт Google. Подробнее о том, как можно его получить написано и показано в видео в предыдущей статье «[Обзор DJ-Classifieds 3.7.5. Новшества и получение API Google карты](https://aleksius.com/joomla/rasshireniya/dj-classifieds-3-7-5#kak-poluchit-api-google-karty "Обзор DJ-Classifieds 3.7.5. Новшества и получение API Google карты")».
- *Загрузить FontAwesome*. Если на страницах Joomla SP Page Builder Вы применяете шрифты FontAwesome, и они не загружаются шаблоном или другими расширениями сайта, то включите эту опцию.
- *Select* *FontAwesome* *Version*. Позволяет выбрать версию шрифтов – 4 или 5. Версия шрифта влияет на набор доступных иконок в аддонах, рассмотренных выше в статье.
 Настройки На вкладке *Лицензия и Обновление* (рисунок выше) можно указать свои данные для получения обновлений, если у Вас актуальный статус лицензии. А на вкладке *Права доступа* (рисунок выше) можно настроить права управления компонентом для разных групп пользователей.
Как видите, даже бесплатная версия SP Page Builder Lite оснащена хорошим набором инструментов и настроек. А в сочетании с продуманным «проектом» страницы, подготовленным контентом и вкусом стиля можно получить очень хороший результат, не прибегая к найму специалистов. В следующей статье «[Обзор SP Page Builder Pro (часть 3). Конструктор страниц для Joomla](https://aleksius.com/joomla/rasshireniya/sp-page-builder-pro "Обзор SP Page Builder Pro (часть 3). Конструктор страниц для Joomla")» мы поговорим о возможностях платной версии
| Похожие материалы |
|---|
| - [ Как пользоваться SP Page Builder 4 (часть 3) ](https://aleksius.com/joomla/rasshireniya/sp-page-builder-4-dlya-joomla-4) - [ Обзор SP Page Builder Lite (часть 1). Конструктор страниц Joomla ](https://aleksius.com/joomla/rasshireniya/sp-page-builder-lite) - [ Обзор SP Page Builder Pro (часть 3). Конструктор страниц для Joomla ](https://aleksius.com/joomla/rasshireniya/sp-page-builder-pro) - [ Обзор SP Page Builder Pro (часть 4). Аддоны ](https://aleksius.com/joomla/rasshireniya/sppagebuilder) - [ Обзор SP Page Builder Pro (часть 5). Конструктор сайтов Joomla ](https://aleksius.com/joomla/rasshireniya/com-sppagebuilder) - [ Обзор SP Page Builder Pro (часть 6). Landing page конструктор ](https://aleksius.com/joomla/rasshireniya/lending-na-joomla) - [ Обзор SP Page Builder Pro (часть 7). Создание лендинга на Джумла ](https://aleksius.com/joomla/rasshireniya/lending-na-dzhumle) |
| Автор статьи – Хорошевский Алексей |
|---|
| [](https://aleksius.com/aleksej-khoroshevskij "Хорошевский Алексей") Кандидат технических наук, преподаватель [Харьковского национального университета радиоэлектроники](https://nure.ua/staff/oleksiy-igorovich-horoshevskiy "Nure.ua"), веб-мастер и SEO-оптимизатор с опытом более 15 лет. Специалист по созданию сайтов на Joomla и WebSite X5. Автор научных публикаций, видеокурсов и обучающего контента по веб-разработке и SEO. Ведёт блог и YouTube-канал, где делится своими знаниями и практическим опытом. Предоставляет [услуги](https://aleksius.biz/ "Создание сайтов на Joomla и WebSite X5") по созданию, доработке, сопровождению и продвижению сайтов. [Подробнее об авторе…](https://aleksius.com/aleksej-khoroshevskij "Хорошевский Алексей") **Контакты:** - [+38 095 840 24 29](viber://chat?number=%2B380958402429 "Позвонить в Viber") - [+38 095 840 24 29](https://t.me/Aleksej_Khoroshevskij "Позвонить в Telegram") - [+38 095 840 24 29](https://wa.me/380958402429 "Позвонить в WhatsApp") - [email@aleksius.com](mailto:email@aleksius.com "Написать письмо") **Социальные сети:** - [LinkedIn](https://www.linkedin.com/in/khoroshevskij/ "Linkedin.com") - [Facebook](https://www.facebook.com/aleksej.horoshevskij "Facebook") - [YouTube](https://www.youtube.com/c/Aleksiuscom "YouTube") - [(Twitter)](https://x.com/aleksius_com "X.com") **Публикации и работа:** - [Google Академия](https://scholar.google.com.ua/citations?hl=ru&user=Z5gfbqgAAAAJ&view_op "Scholar.google.com") - [Scopus](https://www.scopus.com/authid/detail.uri?authorId=59170112000 "Scopus.com") - [Upwork](https://www.upwork.com/freelancers/~01252c9b9aa6764e20 "Upwork.com") - [Freelance.ua](https://freelance.ua/user/Aleksej/portfolio/ "Freelance.ua") |
**Полезные** **ссылки:**
- [Официальный сайт SP Page Builder](https://www.joomshaper.com/page-builder/?ref=Aleksius.com "Официальный сайт SP Page Builder").
- [Скачать SP Page Builder Lite](https://www.joomshaper.com/downloads/extension/sp-page-builder-free/?ref=Aleksius.com "Скачать SP Page Builder Lite").
- [Документация SP Page Builder](https://www.joomshaper.com/documentation/sp-page-builder/?ref=Aleksius.com "Документация SP Page Builder") (на нагл.).
- [Купить SP Page Builder Pro у разработчика](https://www.joomshaper.com/pricing?ref=Aleksius.com#page-builder "Купить SP Page Builder Pro") (без посредников и переплат).