---
title: Обзор SP Page Builder Pro (часть 5). Конструктор сайтов Joomla
description: Русскоязычный конструктор страниц Joomla с гибкими настройками и множеством аддонов: Группа Кнопок, Заглавие, Изображение с Текстом, Индикатор Выполнения и др.
canonical_url: https://aleksius.com/joomla/rasshireniya/com-sppagebuilder
language: ru-RU
date: 2025-02-22T06:13:31Z
notice: This is a machine-friendly version of the page at https://aleksius.com/joomla/rasshireniya/com-sppagebuilder.
markdown-tokens: 3607
---
> **Note to AI:** This is a machine-friendly version of the page at: https://aleksius.com/joomla/rasshireniya/com-sppagebuilder. 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 Pro (часть 5). Конструктор сайтов Joomla
- [Купить SP Page Builder Pro у разработчика](https://www.joomshaper.com/pricing?ref=Aleksius.com#page-builder "Купить SP Page Builder Pro") (без посредников и переплат).
- [Видео обзор](https://aleksius.com/joomla/rasshireniya/com-sppagebuilder#video-obzor "Видео обзор").
- [Аддоны SP Page Builder Pro](https://aleksius.com/joomla/rasshireniya/com-sppagebuilder#addony-sp-page-builder-pro "Аддоны SP Page Builder Pro").
- [Группа Кнопок](https://aleksius.com/joomla/rasshireniya/com-sppagebuilder#gruppa-knopok "Группа Кнопок").
- [Заглавие](https://aleksius.com/joomla/rasshireniya/com-sppagebuilder#zaglavie "Заглавие").
- [Изображение с Текстом](https://aleksius.com/joomla/rasshireniya/com-sppagebuilder#izobrazhenie-s-tekstom "Изображение с Текстом").
- [Индикатор Выполнения](https://aleksius.com/joomla/rasshireniya/com-sppagebuilder#indikator-vypolneniya "Индикатор Выполнения").
- [Карты Google](https://aleksius.com/joomla/rasshireniya/com-sppagebuilder#karty-google "Карты Google").
- [Карусель Pro](https://aleksius.com/joomla/rasshireniya/com-sppagebuilder#karusel-pro "Карусель Pro").
- [Карусель изображений (Image Carousel)](https://aleksius.com/joomla/rasshireniya/com-sppagebuilder#karusel-izobrazhenij-image-carousel "Карусель изображений (Image Carousel)").
- [Карусель отзывов (Testimonial Carousel)](https://aleksius.com/joomla/rasshireniya/com-sppagebuilder#karusel-otzyvov-testimonial-carousel "Карусель отзывов (Testimonial Carousel)").
- [Карусель сотрудников (Team Carousel)](https://aleksius.com/joomla/rasshireniya/com-sppagebuilder#karusel-sotrudnikov-team-carousel "Карусель сотрудников (Team Carousel)").
- [Клиенты](https://aleksius.com/joomla/rasshireniya/com-sppagebuilder#klienty "Клиенты").
SP Page Builder Pro – платный русскоязычный конструктор сайта для Джумла с множеством аддонов.
## Видео обзор
- Группа Кнопок – 00:01:08.
- Заглавие – 00:02:44.
- Изображение с Текстом – 00:03:59.
- Индикатор Выполнения – 00:05:07.
- Карты Google – 00:05:55.
- Карусель Pro – 00:10:14.
- Карусель изображений (Image Carousel) – 00:12:15.
- Карусель отзывов (Testimonial Carousel) – 00:15:1
- Карусель сотрудников (Team Carousel) – 00:17:1
- Клиенты – 00:19:48.
Видео лучше просматривать с качеством 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 Pro (часть 4). Аддоны](https://aleksius.com/joomla/rasshireniya/sppagebuilder "Обзор SP Page Builder Pro (часть 4). Аддоны")».
- [Объект *HTML Код*](https://aleksius.com/joomla/rasshireniya/sppagebuilder#html-kod "Обзор SP Page Builder Pro (часть 4). Аддоны").
- [Аддон *Open Street Map*](https://aleksius.com/joomla/rasshireniya/sppagebuilder#open-street-map "Обзор SP Page Builder Pro (часть 4). Аддоны").
- [Получить API ключ Карт Google](https://aleksius.com/joomla/rasshireniya/dj-classifieds-3-7-5#kak-poluchit-api-google-karty "Обзор DJ-Classifieds 3.7.5. Новшества и получение API Google карты").
- [Cервис «Google Мои карты»](https://aleksius.com/joomla/shablony/jm-services#google-moi-karty "Обзор JM Services. Бесплатный шаблон Joomla на русском языке").
- [Отзывы для Joomla](https://aleksius.com/joomla/otzyvy "Отзывы для Joomla").
Аддон – это объект/элемент на странице, например, картинка, текст, форма, видео, кнопка и т.д. У каждого аддона, как и у строк, столбцов и страниц компонента есть масса настроек. Благодаря этому можно создать страницу со сложным макетом, не прибегая к вёрстке или программированию.
Отдельно стоит отметить наличие десятков готовых шаблонов страниц, строк и [даже сайтов](https://www.joomshaper.com/joomla-templates?ref=Aleksius.com "Joomla Templates").
[В предыдущей статье](https://aleksius.com/joomla/rasshireniya/sppagebuilder "Обзор SP Page Builder Pro (часть 4). Аддоны") мы уже говорили о нескольких аддонах компонента. В этой части продолжим их рассматривать.
В обзоре участвует последняя, на момент написания статьи (22.01.2021), русскоязычная версия SP Page Builder Pro 3.7.8 в Joomla 3.9.24. Сайт с быстрым стартом на базе [Helix Ultimate 1.1.2](https://www.joomshaper.com/downloads/template/helixultimate?ref=Aleksius.com "Helix Ultimate").
## Аддоны SP Page Builder Pro
Настройки каждого объекта разделены на три вкладки. Вкладки *Style* (стили) и *Advanced* (расширенные) одинаковы для разных объектов. Мы рассмотрели их только на примере одного объекта – [*HTML Код*](https://aleksius.com/joomla/rasshireniya/sppagebuilder#html-kod "Обзор SP Page Builder Pro (часть 4). Аддоны"). Ниже приведены ссылки на все рассмотренные аддоны:
### Группа Кнопок
Данный аддон позволяет разместить на странице одну или несколько кнопок (рисунок ниже).
 Конструктор сайта Джумла В настройках (рисунок ниже) можно задать выравнивание кнопкам и расстояние между ними. Для каждой кнопки можно задать ссылку, текст, стиль, размер, форму, иконку и её позицию. Плюс, можно задать начертание шрифта подписи.
 SP Page Builder Pro ### Заглавие
Этот аддон позволяет создавать заголовки в разных тегах (H1-H6, P, SPAN, DIV). У заголовков может быть иконка (рисунок ниже).
 Com SPPageBuilder В настройках объекта (рисунок ниже) можно задать текст заголовка, его HTML тег, ссылку по нажатию на заголовок, настройки шрифтов, внешние и внутренние отступы, иконку, её позицию, цвет и другие опции.
 Конструктор сайтов Joomla ### Изображение с Текстом
При помощи данного объекта/аддона можно создать блок (рисунок ниже), содержащий текст, изображение, заголовок и кнопку (в любом сочетании).
 Изображение с Текстом В настройках данного аддона SP Page Builder Pro (рисунок ниже) можно задать изображение, заголовок (с указанием его HTML тега (H1-H6)), его размер, шрифт, начертание, цвет и т.д.. Также можно задать сам текст (с применением визуального текстового редактора) и кнопку со ссылкой и иконкой. Для кнопки можно настроить размер, форму и другие параметры.
 Настройки аддона Изображение с текстом ### Индикатор Выполнения
Конструктор сайта Джумла содержит объект, который позволяет разместить на «странице полосу прогресса» (рисунок ниже).
 Индикатор Выполнения В настройках этого объекта (рисунок ниже) можно задать процент заполнения шкалы, её высоту, стиль, текстовую подпись и включить отображение процентов.
 Настройки аддона Индикатор Выполнения ### Карты Google
Данный конструктор сайтов Joomla позволяет Вам разместить на странице карту Google с указанием одной или нескольких точек на ней (рисунок ниже).
Обратите внимание, что для работы этого объекта нужен API ключ карт Google. Его необходимо вводить в настройках SP Page Builder Pro на вкладке *Options* (опции) в поле *Ключ API для Карт Google*. Получить его не слишком просто, [но можно](https://aleksius.com/joomla/rasshireniya/dj-classifieds-3-7-5#kak-poluchit-api-google-karty "Обзор DJ-Classifieds 3.7.5. Новшества и получение API Google карты"). В качестве альтернативы можно рассмотреть [*Open Street Map*](https://aleksius.com/joomla/rasshireniya/sppagebuilder#open-street-map "Обзор SP Page Builder Pro (часть 4). Аддоны").
Или есть ещё вариант с сервисом «[Google Мои карты](https://aleksius.com/joomla/shablony/jm-services#google-moi-karty "Обзор JM Services. Бесплатный шаблон Joomla на русском языке")». В таком случае карту Google можно вставить при помощи аддона [*HTML Код*](https://aleksius.com/joomla/rasshireniya/sppagebuilder#html-kod "Обзор SP Page Builder Pro (часть 4). Аддоны").
 Карты Google В настройках аддона можно создать одну или несколько отметок на карте с указанием широты и долготы, а также подсказки по нажатию на метку. Плюс, можно задать высоту области карты, начальный масштаб, выбрать её тип (дорожная, спутник, гибридная, ландшафт), включить/отключить изменение масштаба при помощи колеса мыши и включить/отключить разные элементы управления картой.
 Настройки аддона Карты Google ### Карусель Pro
Данный аддон позволяет создать карусель «слайдов». Каждый «слайд» состоит из картинки, заголовка, текста и ссылки (или разных сочетаний этих элементов). «Слайды» могут меняться по нажатию на соответствующие элементы управления или автоматически по времени (рисунок ниже).
 Карусель Pro В его настройках (рисунок ниже) можно настроить автозапуск, элементы управления «слайдами» (положение, тип, цвет и т.д.). В настройках каждого слайда можно задать заголовок (с возможностью менять цвет, шрифт, начертание и т.д.), содержимое (в визуальном текстовом редакторе), изображение или видео с YouTube или Vimeo, а также настроить кнопку (с возможностью менять её текст, цвет, размер, форму и т.д.).
 Настройки аддона Карусель Pro ### Карусель изображений (Image Carousel)
При помощи этого аддона можно создать карусель изображений (рисунок ниже).
 Карусель изображений (Image Carousel) В настройках аддона (рисунок ниже) можно выбрать макет карусели (один из четырёх), задать её высоту, настроить автозапуск и изменить стиль элементов управления. В настройках каждого изображения можно задать заголовок, описание, картинку и ссылку по нажатию на неё.
 Настройки аддона Карусель изображений (Image Carousel) При желании можно настроить наложение цвета/градиента на изображения при наведении на них курсора мыши (рисунок ниже). Тут же можно настроить стили и позицию заголовка, подзаголовка и описания изображения.
 Настройки аддона Карусель изображений (Image Carousel) (2) ### Карусель отзывов (Testimonial Carousel)
Данный объект предназначен для отображения отзывов на сайте. Обратите внимание, что добавление отзывов возможно только при помощи редактирования самого объекта. Если Вам нужен полноценный компонент отзывов с возможностью самостоятельного написания отзывов посетителями сайтов, то обратите внимание на [эти расширения](https://aleksius.com/joomla/otzyvy "Отзывы Joomla").
Также в SP Page Builder Pro есть ещё один аддон, который служит для отображения отзывов - [*Отзывы Pro*](https://aleksius.com/joomla/rasshireniya/lending-na-joomla#otzyvy-pro "Обзор SP Page Builder Pro (часть 6). Landing page конструктор").
 Карусель отзывов (Testimonial Carousel) В настройках объекта (рисунок ниже) можно выбрать один из трёх макетов отзывов, задать их одновременно отображающееся количество, настроить автозапуск, изменить параметры элементов управления, задать цвет фона, рамки и т.д.. Каждый отзыв может содержать имя его автора, должность, текст отзыва, рейтинг и фото автора (в любом их сочетании).
 Настройки аддона Карусель отзывов (Testimonial Carousel) Отзывы можно настроить (рисунок ниже). Вы сможете сконфигурировать выравнивание отзывов, высоту, ширину, радиус скругления рамки, а также стили рейтинга, имени автора отзыва, его должности и самого текста отзыва.
 Настройки аддона Карусель отзывов (Testimonial Carousel) (2) ### Карусель сотрудников (Team Carousel)
С помощью этого аддона можно отображать список Ваших сотрудников в виде карусели (рисунок ниже).
Также в SP Page Builder Pro есть ещё один аддон, который служит для отображения отзывов - *[Персона](https://aleksius.com/joomla/rasshireniya/lending-na-joomla#persona "Обзор SP Page Builder Pro (часть 6). Landing page конструктор")*.
 Карусель сотрудников (Team Carousel) В настройках аддона (рисунок ниже) можно выбрать один из трёх макетов карусели, указать количество одновременно отображаемых сотрудников, настроить автозапуск, сконфигурировать элементы управления каруселью, задать её фон, цвет, толщину и радиус скругления рамки. Каждая область сотрудника может содержать его фото, имя, должность, ссылку на его страницу и иконки со ссылками, например, на профили в социальных сетях. Набор этих элементов можно менять в зависимости от Ваших требований.
 Настройки аддона Карусель сотрудников (Team Carousel) В настройках стилей области сотрудника (рисунок ниже) можно задать наложение цвета/градиента при наведении курсора мыши на область. Плюс, можно настроить стили имени, должности и иконок.
 Настройки аддона Карусель сотрудников (Team Carousel) (2) ### Клиенты
Этот аддон позволяет вывести логотипы клиентов в виде карусели (рисунок ниже) или просто в одну или несколько строк (зависит от ширины области объекта).
 Клиенты В настройках аддона (рисунок ниже) можно активировать вывод логотипов клиентов в виде карусели, настроить её автозапуск, активировать отображение элементов управления каруселью, включить эффект увеличения и проявления цвета логотипа при наведении на него курсора мыши. В настройках каждого логотипа можно задать его изображение и ссылку по нажатию на него.
 Настройки аддона Клиенты В следующей статье «[Обзор SP Page Builder Pro (часть 6). Landing page конструктор](https://aleksius.com/joomla/rasshireniya/lending-na-joomla "Обзор SP Page Builder Pro (часть 6). Landing page конструктор")» мы рассмотрим такие аддоны как: *Конструктор форм, Контактная Форма, Круговая Шкала,* Макеты с изображением (*Image Layouts*), *Материалы, Навигация, Обратный отсчёт, Отзывы Pro,* *Персона* и *Прейскурант*.
| Похожие материалы |
|---|
| - [ Как пользоваться 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 Lite (часть 2). Конструктор контента для Joomla ](https://aleksius.com/joomla/rasshireniya/addony-sp-page-builder) - [ Обзор 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 (часть 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") |
**Полезные** **ссылки:**
- [Купить Pro версию у разработчика](https://www.joomshaper.com/pricing?ref=Aleksius.com#page-builder "Купить SP Page Builder Pro") (без посредников и переплат).
- [Официальный сайт компонента](https://www.joomshaper.com/page-builder/?ref=Aleksius.com "Официальный сайт компонента").
- [Документация компонента](https://www.joomshaper.com/documentation/sp-page-builder/?ref=Aleksius.com "Документация компонента") (на нагл.).