sp page builder форма обратной связи

ФОРМЫ

idecember2017

Здравствуйте, дорогой коллега!

Сегодня поговорим о целевых действиях.

Во втором случае, нам нужно вставить на лэндинг специальную форму.

Сейчас давайте рассмотрим, какие бывают формы и как мы их можем реализовать.

Виды форм для лэндингов

cdaa17aafe8b0a82ce276d7e3672a9a1cceada90ef1b4c6fb2pimgpsh fullsize distr

1. Форма для связи

8c1ce1dced6813a0bfab262ce9ad3ab4ea76b2157a780467a1pimgpsh fullsize distr

2. Детальная форма

2012a486a6fbe274ccab169b5edb1b4857bffcb73041b51909pimgpsh fullsize distr

3. Форма подписки

Исходные условия

По умолчанию, в SP Page Builder у нас реализованы два вида форм.

1. Форма обратной связи.

Форма реализована неплохо. Подойдет, если нужно просто дать возможность пользователя связаться с нами.

2. Форма подписки на рассылку.

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

Подведем итог.

SP Page Builder имеет базовый функционал. Это хорошо, т.к. у большинства конструкторов этого нет и в целом с этим функционалом можно работать.

Но! Я не стал довольствоваться этим и пошел дальше. Для нашего курса решил расширить возможности лэндингов по максимуму.

ПРОКАЧАЕМ ВОЗМОЖНОСТИ
ЦЕЛЕВЫХ ДЕЙСТВИЙ ПО МАКСИМУМУ

1. Форма для связи

Что же можно улучшить в форме для связи?

Стандная форма для связи отправляет данные пользователя на е-маил.

Идеальная автоматизация

Представьте, что пользователь заполняет форму и заявка сразу же:

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

Стоимость решения: 0 руб. (бесплатно).
Подробные видеоинструкции: записаны и вложены в курс.

forma1

2. Конструктор форм с зависимыми полями и возможностью оплаты

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

Возможности конструктора форм.

Источник

SP Page Builder — лучший конструктор лендингов на Joomla

Содержание

Возможности SP Page Builder

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

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

Перечень функциональных возможностей компонента SP Page Builder действительно впечатляющий:

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

demo sp page builder

SP Page Builder: Pro vs Lite

Компонент распространяется в 2-х версиях:

Возможности бесплатной и платной версий SP Page Builder

Описание аддонов смотрите ниже.

Гибкие настройки адаптивности строк, колонок и аддонов.

Готовые редактируемые шаблоны лэндингов.

Аддон для модуля Joomla

Возможность вставки любого модуля Joomla.

Продвинутый менеджер медиа-файлов и картинок.

Кнопки Отменить и Повторить

Настройки Open Graph

Совместимость со всеми фреймворками

Корректная работа на любом шаблоне Joomla.

Редактор во внешнем интерфейсе

Возможность редактировать страницы не заходя в админку.

Отключение строк, колонок и аддонов

Возможность отключить отображение элемента в один клик.

Возможность копирования и вставки

Возможность вставки строк в столбцы.

Импорт и экспорт страниц

Возможность сохранять созданные страницы и использовать их в качестве шаблонов.

Права доступа к аддонам

Возможность назначать права доступа к аддонам для различных категорий пользователей.

Специальные модули SP Page Builder

Интеграция с материалами Joomla

Возможность генерации страниц в материалах базового компонента контента Joomla.

Интеграция с материалами K2

Возможность генерации страниц в материалах компонента K2.

Интеграция с товарами J2Store

Возможность генерации страниц в карточках товаров J2Store.

Поддержка плагинов сторонних разработчиков

Существует ряд расширений для SP Page Builder от сторонних разработчиков.

Поддержка разработчика на форуме

Аддоны SP Page Builder

Количество аддонов (элементов) на момент написания данного обзора составляет 14 для бесплатной (Lite) и более 40 для платной (Pro) версии компонента:

sp page builder 1

sp page builder 2

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

Возможности Lite Pro
Аддоны бесплатной и платной версий SP Page Builder

Модуль Joomla (Joomla Module)

Вставка модуля Joomla в качестве аддона

Список сворачивающихся элементов

Уведомление (Alert Message)

Текстовый блок с предустановленным стилем

Элемент для разделения в виде линии или картинки

Пустой промежуток (Empty Space)

Пустое пространство с заданной высотой

Блок особенностей (Feature Box)

Картинка или иконка с описанием

Иконка из шрифта Font Awesome

Блок с содержимым во вкладках (табах)

Настраиваемый блок с отзывами

Текстовый блок (Text Block)

Блок с произвольным текстом

Видео с Vimeo или YouTube

Анимированный номер (Animated Number)

Встраивание материала компонента контента Joomla

Аудио (Audio Player)

Блок с номером (Block Number)

Пронумерованный текстовый блок

Группа кнопок (Button Group)

Набор идентичных настраиваемых кнопок

Карусель Pro (Carousel Pro)

Дополнительная вариация карусель изображений

Контактная форма (Contact Form)

Ajax-форма без возможности настройки полей

Блок со списком клиентов

Обратный отсчет (Countdown)

Таймер обратного отсчета

Галерея Flickr (Flickr Gallery)

Вывод галереи фотографий Flickr

Вращающийся блок (Flip Box)

Картинка + текст, отображающийся при наведении

Карты Google (Google Map)

Вставка интерактивной карты Google

Настраиваемый заголовок текста

Группа иконок (Icons Group)

Группа иконок из шрифта Font Awesome

Изображение с текстом (Image Content)

Картинка + текст + кнопка

Instagram галерея (Instagramm Galley)

Настраиваемый блок с отзывами

Всплывающее окно (Modal Popup)

Элемент, по клику на который будет открываться диалоговое окно с указанным содержанием

Настраиваемый список ссылок

Форма подписки (Opt-in Form)

Блок со ссылками на социальные профили

Круговая шкала (Pie Progress)

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

Стоимость услуг (Pricing Table)

Индикатор выполнения (Progress Bar)

Анимированный индикатор с заданной степенью выполнения

Социальные сети (Social Share)

Настраиваемые кнопки шаринга в социальных сетях

Аудиоплеер для одного трека или плейлиста

Отзывы Pro (Testimonials Pro)

Дополнительная вариация блока с отзывами

Временная шкала (Timeline)

Вертикальная шкала с разбиением на участки

Лента Twitter (Twitter Feed)

Слайдер ленты из Twitter

Создание лендингов в SP Page Builder

Представленные ниже видеоролики наглядно демонстрируют процесс создания лендингов разного уровня сложности с помощью SP Page Builder во внешнем интерфейсе, подтверждая высокую функциональность компонента:


» >панель управления также прост и достаточно увлекателен. Условно можно разделить его на следующие этапы:

Сразу предлагается разбить строку на определённое количество колонок с заданными пропорциями. Делается в пару кликов:

sp page builder 3

sp page builder 4

sp page builder 5

Здесь к вашим услугам все возможности по настройке стилей отображения: от размеров шрифта и отступов до эффектов анимации.

Адаптивность элементов в SP Page Builder

Функционал SP Page Builder позволяет производить следующие настройки адаптивности отдельно для мобильных устройств, десктопов и планшетов:

sp page builder 6

sp page builder 7

sp page builder 8

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

В качестве заключения

SP Page Builder небезосновательно заслуживает звание лучшего генератора лэндингов для Joomla 3 и выше, с каждой новой версией оставляя конкурентов всё дальше позади.

battle landing

bystryj start

Всё о Joomla в одном месте

Joomla.center is not affiliated with or endorsed by the Joomla! Project or Open Source Matters. The Joomla! name and logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.

Joomla!® является торговой маркой компании Open Source Matters inc в США и др. странах. Название Joomla! и его вариации используются в рамках ограниченной лицензии, определённой компанией Open Source Matters. Проект joomla.center не относится к компании Open Source Matters или проекту Joomla! Точки зрения представленные на данном сайте не являются официальными точками зрения Joomla Project или Open Source Matters. Торговая марка Joomla® и логотип используются в рамках ограниченной лицензии, предоставленной Open Source Matters.

Источник

Как создать контактную форму Ajax в Joomla?

Контактная форма Ajax это отличный контактный канал для любого веб-сайта. Она открывает двери посетителям вашего сайта для связи с вашим администратором. Хороший плагин контактной формы или расширение для создания быстрой и производительной контактной формы всегда востребованы. Если вы ищете простую контактную форму в Joomla, вы можете воспользоваться компонентом контактной формы по умолчанию. Но если вам нужен более умный и быстрый вариант, вы можете использовать аддон SP Page Builder’s Ajax Contact Form, чтобы создать быструю контактную форму в Joomla. С его помощью вы сможете настроить стили и добавить необходимые контактные поля.

00 intro

Шаг 1.

В первую очередь, вам нужно установить SP Page Builder. После, переходите в Components >> SP Page Builder, чтобы открыть панель управления SP Page Builder. Теперь, выберите и откройте желаемую страницу, чтобы добавить контактную форму.

01

Рис.1 Панель управления бекенда SP Page Builder

Шаг 2.

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

02

Рис.2 Добавление нового ряда с помощью редактора бекенда SP Page Builder

Шаг 3.

Теперь, время добавить аддон создания контактной формы SP Page Builder. Кликните на значок «+» в центре пустого ряда.

03

Рис.3 Добавление аддона контактной формы в ряд

По клику откроется список аддонов SP Page Builder. В нем выберите аддон контактной формы.

04

Рис.4 Добавление аддона контактной формы в ряд

Теперь он добавлен в ваш ряд. Вы можете задействовать пользовательскую структуры колонки SP Page Builder Pro, чтобы определить позицию добавленного вами аддона. В нашем случае, нужно добавить контактную форму в центр страницы. Поэтому, была определена структура страницы как 4+4+4. И, в центре колонки, был добавлен контакт из аддона.

05

Рис.5 Создание пользовательской структуры колонки

Шаг 4.

Теперь нужно изменить аддон. Нажмите кнопку Edit (редактировать) в правой части аддона.

06

Рис.6 Начало модификации Аддона Контактной Формы

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

07

Рис.7 Редактирование Аддона Контактной Формы

Заголовок

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

Email получателя

Здесь вы должны добавить адрес получателя. Это обязательное поле. Без адреса контакт не будет работать. Все детали контакта, включая сообщение (отправленное посетителями), будет доставлено на указанный электронный адрес.

Имя Отправителя

Это поле работает как инструмент анти-спама. Добавьте человека или компанию, которые получат детали контактной формы.

Email Отправителя

Добавьте адрес, «откуда» контактные сообщения будут отправлены администратору сайта, когда посетитель отправит сообщение.

Включить Капчу

Капча служит для защиты от спама.

Тип Капчи

Выберите тип капчи, который вы хотите использовать. Существуют два типа: «Стандартная» и «Google reCaptcha».

Использовать Пользовательскую Кнопку

Если вы хотите добавить пользовательскую кнопку, включите эту опцию. Добавьте текст кнопки и стилизуйте ее под свои требования.

Финальный результат

Итак, контактная форма создана. Это ее финальный вид, после нескольких модификаций аддона. Был выбран цвет фона в опциях ряда. Заголовок и подзаголовок контактной формы также добавлен в опции ряда.

08

Рис.7 Финальный вид контактной формы, выполненной с Аддоном Контактной Формы

Немного CSS

После добавления Аддона Контактной Формы, будет добавлена общая контактная форма. Ее вид можно настроить с помощью CSS.

Внимание: Чтобы добавить пользовательский CSS, вам понадобится открыть «Опции» в верхнем правом углу панели инструментов. После этого, кликните «CSS», и добавьте пользовательский CSS в текстовом поле.

Источник

Sp page builder форма обратной связи

landing kb

Где скачать SP Page Builder?

Установка SP Page Builder

Установка SP Page Builder не отличается от установки любого другого компонента Joomla и выполняется через менеджер расширений.

Создание страницы на SP Page Builder

Выбираем пункт меню Add New Page. При этом открывается конструктор страницы. Вид его может показаться странным, поскольку он не содержит визуального редактора. Выглядит он так:

spp new page

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

rows cols addon

То есть, вначале создаем новую строку (row), затем разбиваем его на колонки (columns), и уже в них добавляем аддоны (addon).

Когда колонки созданы, жмем кнопку Add Addon. Аддоны в бесплатной версии следующие:

spp addons

spp alert

spp tabs

spp testimonials

После вставки и настройки всех аддонов нужно нажать кнопку «Сохранить» вверху слева. Чтобы вывести страницу на сайт, создаем новый пункт меню, выбираем для него тип SP Page Builder и указываем нужную страницу.

Для каждой строки, колонки и аддона можно настраивать цвета текста и фона, отступы (margin, padding), фоновые изображения, даже фоновое видео. Также можно настроить анимацию, чтобы элементы появлялись на странице с задержкой и спецэффектами.

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

Чем платная версия лучше?

Выводы

Важное замечание от 29.11.2016 г.

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

Источник

Обзор SP Page Builder Pro (часть 7). Создание лендинга на Джумла

SP Page Builder Pro – платный русскоязычный компонент, который позволит создать лендинг на Джумла без знаний HTML и CSS. Вам будет доступно множество инструментов и настроек, которые позволят реализовать простой или сложный макет страницы и наполнить его различными объектами.

В предыдущей статье мы рассмотрели такие аддоны/объекты: Конструктор форм, Контактная Форма, Круговая Шкала, Макеты с изображением (Image Layouts), Материалы, Навигация, Обратный отсчёт, Отзывы Pro, Персона и Прейскурант. В этой части закончим обзор доступных в SP Page Builder Pro аддонов.

В обзоре участвует последняя, на момент написания статьи (05.02.2021), русскоязычная версия SP Page Builder Pro 3.7.9 в Joomla 3.9.24. Сайт с быстрым стартом на базе Helix Ultimate 1.1.2.

Видео обзор

Видео лучше просматривать с качеством 720 HD. Этот и другие видео уроки можете найти на каналах сайта Aleksius.com в YouTube и Mail.ru.

Аддоны SP Page Builder Pro

Настройки каждого объекта разделены на три вкладки. Вкладки Style (стили) и Advanced (расширенные) одинаковы для разных объектов. Мы рассмотрели их только на примере одного объекта – HTML Код. Ниже приведены ссылки на все рассмотренные аддоны:

Прокрутка статей (Articles Scroller)

Данный аддон позволяет отображать материалы Joomla или K2 в различном виде. Доступно три вида/режима. На рисунке ниже показаны примеры всех трёх видов отображения материалов. В предыдущей статье мы уже рассматривали аналогичный аддон Материалы, который позволяет отображать материалы в необычном виде.

sp page builder proSP Page Builder Pro

В настройках аддона (рисунок ниже) можно выбрать один из трёх видов/режимов отображения материалов, указать источник (материалы Joomla или K2), категорию, сортировку, включить/отключить элементы управления переключения между материалами, изменить цвета и шрифты разных элементов аддона, задать толщину рамки и настроить другие параметры.

lending dzhumlaЛендинг на Джумла

Для разных видов/режимов отображения материалов часть настроек аддона отличается друг от друга. На рисунке выше показан пример опций для режима News Ticker, а ниже – для News Scroller (те из них, что отличаются).

konstruktor stranits joomlaКонструктор страниц Joomla

На рисунке ниже показан пример отличающихся настроек для режима News Carousel.

lending na dzhumleЛендинг на Джумле

Слайд-шоу (Slideshow)

Этот аддон предназначен для вывода слайд-шоу с текстом и ссылкой (рисунок ниже). А можно и без текста и ссылки.

slajd shou slideshowСлайд-шоу (Slideshow)

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

nastrojki addona slajd shou slideshowНастройки аддона «Слайд-шоу (Slideshow)»

В настройках каждого слайда (рисунок ниже) можно указать изображение или видео в качестве фото слайдера, можно задать наложение цвета или градиента на фон и задать другие настройки.

nastrojki addona slajd shou slideshow 2Настройки аддона «Слайд-шоу (Slideshow)» (2)

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

nastrojki addona slajd shou slideshow 3Настройки аддона «Слайд-шоу (Slideshow)» (3)

На рисунке ниже показан пример настроек анимации элемента.

nastrojki addona slajd shou slideshow 4Настройки аддона «Слайд-шоу (Slideshow)» (4)

Плюс, у каждого элемента есть ряд настроек его визуального оформления (рисунок ниже).

nastrojki addona slajd shou slideshow 5Настройки аддона «Слайд-шоу (Slideshow)» (5)

В настройках слайд-шоу SP Page Builder Pro есть опции для изменения внешнего вида элементов управления слайдами (рисунок ниже).

nastrojki addona slajd shou slideshow 6Настройки аддона «Слайд-шоу (Slideshow)» (6)

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

nastrojki addona slajd shou slideshow 7Настройки аддона «Слайд-шоу (Slideshow)» (7)

Социальные Сети

Создавая лендинг на Джумла Вам может понадобиться разместить на странице кнопки шаринга в социальные сети. Для этого и предназначен одноимённый аддон (рисунок ниже).

Для создания кнопок шаринга можно также использовать сторонние сервисы, например, AddThis. Если заботитесь о скорости загрузки страницы, то подумайте над плагином Social2s FREE. А если нужен автоматический кросспостинг, то компонент Social Backlinks может Вам с этим помочь.

sotsialnye setiСоциальные Сети

В настройках аддона (рисунок ниже) Вы можете настроить список кнопок социальных сервисов: ВКонтакте, Facebook, Twitter, WhatsApp и другие. Всего их 10. Также в настройках можно задать выравнивание кнопок, их стиль, рамку и другие опции.

nastrojki addona sotsialnye setiНастройки аддона «Социальные Сети»

Стоимость услуг

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

Для создания таблицы цен также рекомендую ознакомиться с расширением Droptables.

stoimost uslugСтоимость услуг

На рисунке ниже показан пример настроек одного из аддонов. Тут есть масса настроек для изменения внешнего вида шрифтов, цветов и отступов для цены, валюты, длительности/срока, описания услуги и кнопки. Можно задавать фон и указывать цвета разных элементов в нормальном и наведённом состоянии.

nastrojki addona stoimost uslugНастройки аддона «Стоимость услуг»

Таблица (Table)

Иногда, создавая лендинг на Джумле, может понадобиться разместить таблицу на странице. Специально для этого служит одноимённый аддон (рисунок ниже). Можно выводить не просто таблицу, а таблицу с возможностью поиска и сортировки по столбцам. Плюс, можно включить разделение таблицы на страницы/части.

tablitsa tableТаблица (Table)

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

Для создания таблиц и графиков также рекомендую ознакомиться с расширением Droptables.

tablitsa table 2Таблица (Table) (2)

В настройках содержимого аддона (рисунок ниже) Вы создаёте заголовок таблицы (по столбцам) и тело «страницы» (по строкам). В качестве элементов таблицы (содержимого ячеек) может выступать один или несколько аддонов SP Page Builder Pro. Если в ячейках таблицы нужно отображать обычный текст, то можно выбрать аддон Текстовый блок.

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

nastrojki addona tablitsa tableНастройки аддона «Таблица (Table)»

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

nastrojki addona tablitsa table 2Настройки аддона «Таблица (Table)» (2)

Форма Выбора

Этот аддон позволяет создать форму подписки на рассылку. Но для его работы нужна интеграция с одной из «платформ» e-mail рассылки:

В моём примере я выбрал AcyMailing, так как на сайте установлен компонент AcyMailing Enterprise 7.1.2. Для интеграции с другими сервисами рассылок Вам сперва нужно там зарегистрироваться, создать рассылки, всё настроить и получить API ключ, который нужно добавить в настройки аддона SP Page Builder Pro.

В предыдущей статье мы уже рассматривали аддоны форм, которые есть в SP Page Builder Pro: Конструктор форм и Контактная Форма.

forma vyboraФорма Выбора

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

nastrojki addona forma vyboraНастройки аддона «Форма Выбора»

Цвет Наложения

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

tsvet nalozheniyaЦвет Наложения

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

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

nastrojki addona tsvet nalozheniyaНастройки аддона «Цвет Наложения»

Числовой блок

Этот аддон SP Page Builder Pro позволяет отображать блок с цифрой, заголовком и подзаголовком. На рисунке ниже показаны три таких аддона.

chislovoj blokЧисловой блок

В настройках (рисунок ниже) Вы сможете задать номер, заголовок и подзаголовок. Плюс, сможете настроить выравнивание блока.

nastrojki addona chislovoj blokНастройки аддона «Числовой блок»

В настройках стилей (рисунок ниже) можно отдельно задать оформление для цифры, заголовка и подзаголовка. Доступно изменение цвета, шрифта, отступов и т.д.

nastrojki addona chislovoj blok 2Настройки аддона «Числовой блок» (2)

Свой собственный аддон

Если на одной странице Вы настроили какой-то из аддонов под свои нужды, то можете его сохранить (рисунок ниже), задав собственное имя.

sokhranenie addonaСохранение аддона

А затем можете добавить его на любую страницу (рисунок ниже).

vstavka svoego addonaВставка своего аддона

В этой и предыдущих статьях (sp-page-builder) мы рассмотрели все аддоны, доступные в SP Page Builder Pro 3.7.9, кроме тех, которые требуют подключения к сторонним сервисам:

В следующей статье «Обзор SP Page Builder Pro (часть 8). Конструктор лендингов для сайтов на Joomla» мы рассмотрим модуль и меню компонента, а также поговорим об опциях для оптимизации скорости загрузки страниц, сделанных на этом компоненте.

Автор статьи – Хорошевский Алексей

aleksej khoroshevskij 3 Примерно с 2008 года и по сегодняшний день создаю сайты «под ключ» на Joomla и WebSite X5. Также занимаюсь их доработкой, SEO-продвижением, контекстной рекламой, защитой от взлома и оптимизацией скорости загрузки сайта.

Кандидат технических наук по специальности «Информационные технологии».

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

Источник

Понравилась статья? Поделить с друзьями:
Добавить комментарий
  • Как сделать успешный бизнес на ритуальных услугах
  • Выездной кейтеринг в России
  • Риски бизнеса: без чего не обойтись на пути к успеху
  • sox контроль в финансовом учете
  • soundmax приложение для магнитолы

  • Картинка Аддон Lite Pro
    1 joomla module