Joomla 3 конструктор шаблона joomla

Обновлено: 25.04.2024

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

Кратко о Фреймворке

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

Кроме этого можно легко выбрать нужную сетку расположения модулей в 1-2-3-…12 колонок. Всё это Фреймворк позволяет делать без внедрения в код шаблона, в визуальном режиме, чаще методом перетаскивания Drag and Drop.

11 Фреймворков для Landing Page на Joomla

Bootstrap 4

Самый популярный Фреймворк HTML, CSS и JavaScript для разработки интерактивных мобильных проектов в Интернет.

Данный Фреймворк нельзя назвать потребительским. Это базовый набор инструментов разработчиков для создания своих веб-проектов с помощью HTML, CSS и JS. Распространяется Bootstrap 4 свободно, открытый исходный код.

Helix3

Это стабильный Фреймворк для создания любого сайта на Joomla 3+. Helix3 прост в управлении, легко интегрируется в систему, хотя требует привыкания и иногда «глючит» при обновлении Joomla.

Я использую Helix 3 на этом сайте, и последние проблемы были после обновления до Joomla 3.8. Длились проблемы недолго, до обновления Фреймворка. На работу фроненд сайта проблемы не отразились.

Это частности, в общем, Helix3 отличный инструмент для верстки Landing Page на Joomla.

Более подробную информацию можно почитать в статье Шаблон Helix3.

Helix Ultimate

Это расширенная и по мнению авторов, более современная версия Helix 3. По представлению авторов это функциональный и готовый к использованию Фреймворк Joomla для создания уникальных шаблонов Joomla. В том числе Landing Page на Joomla.

Однако, по мнению разработчиков и моей пробе, Helix Ultimate еще «сыроват» и дает реальные сбои.

Gantry 5

Легендарный конструктор шаблонов в последней версии «Gantry 5». Включает Фреймворк Gantry 5 и связанные с ним библиотеки, компонент и плагины.

По заверению авторов новая версия Gantry 5 была построена с нуля, чтобы улучшить текущую версию. Фреймворк имеет функции перетаскивания Drag and Drop, мощные административные панели, включая диспетчер компоновки и редактор меню.

YT Framework

Этот Фреймворк свободного распространения для всех, кто заинтересован в создании собственных шаблонов веб-сайтов и веб-страниц. С ним легко работать без знаний программирования, всё на визуальном редактировании, как и на других Фреймворках.

Несомненно, YT Framework упростит вам разработку и настройку собственного Landing Page на Joomla. Это простой и чистый остов HTML/CSS.

По моему мнению, YT Framework слишком упрощен и не позволит воплотить все возможности очень красивого лендинг пейдж. Вот картинка позиций модулей этого конструктора.

ZO2 Framework

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

ZO2 Framework поставляется с компоновщиком Drag & Drop, который позволяет создавать любое количество потрясающих и уникальных макетов в 5 раз быстрее, чем традиционный способ. Это цитата от автора.

SPARKY framework

Это framework Joomla, созданный студией «HotThemes» для создания сайтов без навыков программирования через простой в использовании интерфейс «drag'n'drop».

По заявлению авторов, это единственная структура на рынке, которая не заставит вас чувствовать себя неучем. Заявление амбициозное, потому что SPARKY framework не лучше и не хуже остальных.

Warp 7 (Warp 6)

Загадочные Фреймворки Warp 7 и Warp 6, которые нельзя скачать отдельно от тем. По функциям это очень легкий и очень сокращенный, почти пустой, конструктор для самостоятельной верстки шаблонов Joomla.

Используются новейшие веб-технологии, такие, как HTML5, CSS3, LESS и jQuery. Полностью лицензирован GPL.

Plazart framework

Эта платформа Plazart позиционируется авторами, как гибкая, современная и настраиваемая Template Framework для Joomla. Базируется на Bootstrap 3.

Вывод

В статье я показал источники и кратко представил 11 Фреймворков для создания Landing Page. Создание сайтов на Joomla с фреймворка более удобна и облегчена. Самый сложный из них Bootstrap 4, который я не рекомендую для быстрого использования. Остальные Фреймворки работают как конструкторы сайта и с их помощью можно создать уникальный лейдинг пейдж на Joomla. Просто ставите и настраиваете как шаблон.

Относительно недавно, для любителей CMS Joomla, стал доступен инструмент, который назвали Joomla page builder или построитель страниц или конструктор страниц Joomla. В этой статье познакомимся с этим инструментом подробнее.

Что такое Joomla page builder?

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

Зачем использовать конструктор страниц Joomla?

CMS Joomla, сама по себе, не сложная система, но для создания сайта, требует изучения или денег. Первое требует времени, второго всегда не хватает.

С помощью конструктора страниц вы можете собрать свой сайт методом перетаскивания элементов (drag-and-drop) не думая об изменениях кода и файлов сайта.

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

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

SP Page Builder

Начну обзор с конструктора SP Page Builder. Это очень мощный и многофункциональный конструктор страниц Joomla. С его помощью вы можете создать адаптивный сайт в кратчайшие сроки.

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

Интеграция с Helix Framework

SP Page Builder создан на базе Helix Framework. Helix от Joomshaper считается одним из лучших Фреймворков, отличающегося использованием чистых кодов, современных технологий, оптимизацией для поисковых систем. Я писал о Helix статью тут.

Поддержка дополнений

Чтобы создать планируемый сайт вы должны использовать надстройки к конструктору. Эти аддоны помогут вам создать свой раздел сайта без какого-либо кодирования. В бесплатной Lite версии SP Page Builder вы найдете 14 аддонов. Всего доступно более 50 расширений, которые поставляются с платными версиями.

Наличие 14 бесплатных расширений отличительная особенность этого конструктора. Другие поставщики Joomla page builder не будут так добры.

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

Недостатки. Субъективно отмечаются следующие недостатки:

Нет внешнего бесплатного редактора;
Отсутствует интеграция с SEO;
Слабые параметры для сложных макетов;
Вложенная функция столбца очень запутанна;
Параметры страницы не доступны;
«Предварительно разработанные шаблоны страниц», которые заявлены, как бесплатные доступны только в pro версии.

Quix Page Builder

Quix best Joomla page builder этот расширенный конструктор страниц Joomla с интерфейсом перетаскивания, который позволяет вам быстро создавать любой макет без какого-либо кодирования.

Quix Page Builder создан компанией Themexpert. Поставляется конструктор без встроенного Фреймворка. Однако в нём заложена совместимость с самыми популярными из них: t3, helix, gantry, warp. По заявлению авторов, независимо от того, какой шаблон или Фреймворк вы хотите или уже используете, Quix всегда будет отлично работать.

На сайте автора тут вы можете скачать, как бесплатную версию конструктора, так и купить pro вариант. Бесплатный функционал Quix Joomla page builder гораздо богаче, чем у конструктора SP.

Список функций:

Расширенный медиа-менеджер (добавления любых медиа файлов);
Визуальный конструктор Frontend;
Классический конструктор Backend Builder;
Анализатор SEO;
Разделители форм;
Интеграция сторонних разработчиков;
Поддержка SVG значков;
Конструктор drag-and-drop;
Готовые макеты;
Настройки всего;
Настраиваемые параметры типографии;
100% адаптивность;
И т.д.

JSN Page builder

JSN Page builder один из лучших разработчиков страниц Joomla от JoomlaShine. Этот мощный конструктор позволяет очень легко создавать любой сложный веб-контент в кратчайшие сроки.

Этот конструктор страниц имеет множество функций и функциональных возможностей, а также три ценовых плана: Free, Pro-Individual и Pro Developer.

Конструктор страниц JSN поставляется с готовыми элементами, с помощью которых может быть построен любой шаблон. Каждый элемент имеет несколько предопределенных стилей. Это значит, что вам не нужно тратить время на каждый элемент. Если вам нравится элемент, просто перетащите его в макет. Кроме этого конструктор JSN поставляется с готовыми макетами (шаблонами).

Недостатки:

Пользовательский интерфейс не изящный;
Мало элементов в бесплатной версии;
Бесплатная версия ограничена, всего 3-мя страницами.

Видео

Joomla Website Builder Gridbox

Gridbox позволяет пользователю настраивать веб-сайт в режиме реального времени, всё на сайте мгновенно обновляется. Joomla Website Builder Gridbox - это современное решение для всех, кто хочет построить элегантный блог или сайт Joomla. Любой раздел шаблона можно создать, перетаскивая элементы. При этом изменения будут видны в реальном времени.

Визуальное редактирование интерфейса;
Режим перетаскивания;
Полностью отзывчивый дизайн;
Предварительно разработанные блоки контента;
Приложение для блогов;
Более 40 элементов;
Доступ ко всем готовым шаблонам Gridbox (платно);
Мгновенное создание сайта;
Многоязычная поддержка;
Расширенная панель администратора.

Минусы:

В бесплатной версии нет бесплатных тем;
Платформа для ведения блогов доступна только для версии Pro;
Pro версия на 6 месяцев стоит 89$. 12 месяцев 139$.

Blox Page Builder

Blox Page Builder стоит 39$ для одного сайта, но есть бесплатная версия для начала работ. С его помощью можно создать любые простые и сложные шаблоны, которые вы только можете себе представить. Благодаря функционалу перетаскивания все, что вы задумаете, будет сделано в кратчайшие сроки.

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

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

Недостатки

Доступно 700+ дополнений, но только к нескольким аддонам есть доступ в бесплатной версии;
Пользовательский интерфейс очень сложный.

Видео

Azura Joomla Page Builder

Azura Joomla page builder - это продвинутый серверный редактор Joomla. Интерфейс drag & drop этого конструктора Joomla позволяет вам создать свой сайт за несколько минут.

JA builder

Какой Page Builder выбрать

Теперь вы задаете себе вопрос: «Какой конструктор страниц Joomla выбрать?» На самом деле это зависит от вашей потребности и от того, какую функциональность вы хотите. Однако если вы спросите меня, я бы порекомендовал вам следить за следующими статьями сайта, где я подробнее покажу, каждый конструктор в работе.

Вывод

Joomla page builder или конструктор страниц Joomla, несомненно, уменьшит вашу рабочую нагрузку и сэкономит ваше время. Однако вам всё равно, нужно потратить время на изучение конструктора. Простота в работе появится после его освоения. Начать, лучше, с бесплатных версий.

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

Зачем это нужно? Наверняка вы слышали о том, что CMS Joomla «тяжелая», в ней постоянно выскакивают ошибки, «едет» верстка, «отваливаются» скрипты. В основном это связано с шаблоном, который вы используете, а именно – с подключением множества плагинов и скриптов, фреймворков (как css/js, так и php), которые в процессе работы сайта и для его продуктивности практически не нужны. Поэтому мы сталкиваемся с долгой загрузкой в Google Page Speed и многочисленными ошибками, которые влияют на продвижение сайта в поисковиках.

Для решения этой проблемы мы сделаем свой шаблон (template), в котором можно будет настраивать внешний вид, менять цвета, добавлять информацию. Настройками можно легко управлять с помощью административной панели самой Joomla.

Итак, статья для вас, если:

Вы хотите создавать свои шаблоны для CMS Joomla 3.x и продавать их либо обеспечивать удобство для наполнения контентом и ведения для заказчика.
Если вам надоели клубные «тяжелые» шаблоны с кучей ненужных настроек и скриптов.
Если не хотите использовать шаблоны со сторонними ссылками и вредоносным кодом, что снижает шансы на продвижение ресурса.

Структура шаблона

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

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

2. template_preview.jpg, template_thumbnail.jpg – изображения шаблона, можно в Adobe Photoshop сделать в виде иконок. У меня они такие:

3. index.php – главный файл, в котором будет подключение скриптов, параметров, модули. И самое главное – верстка.

4. index.html – пустой файл html, который должен содержаться в каждой папке, чтобы мошенники не смогли просмотреть содержимое.

5. error.php – страница 404, можно настраивать как угодно, тем самым уйти от стандартной страницы 404 Joomla, которая выглядит не очень презентабельно :)

6. language – языковые файлы, если собираетесь делать шаблон мультиязычным.

7. js – папка со скриптами, со временем можно подключить все самое необходимое для работы сайта.

8. images – говорит само за себя, здесь хранятся картинки шаблона. Рекомендую здесь хранить картинки, относящиеся только к оформлению, так как будет неудобно грузить картинки для статей именно в папку шаблона.

9. html – папка для переопределения модулей и компонентов Joomla. Об этом поговорим позже, но, забегая вперед, скажу, что в этой папке храним все то, что не должно перезаписаться при обновлении модуля или компонента.

10. fonts – в эту папку можно подключить шрифты для сайта, если таковых нет на Google Fonts. Гугл шрифты лучше подключать через основной шаблон. Так вы получите более высокую оценку в Google Page Speed.

11. css – папка со стилями для шаблона, которые мы подключим к нашему шаблону.

Файл templateDetails.xml

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

1. Первая строчка обязательная, содержит версию xml и кодировку:

2. Далее открываем тег extension и начинаем описывать наше приложение:

Указываем версию Joomla, тип расширения, клиент установки и метод установки.

3. Рассмотрим следующие строчки.

В данном виде содержится языковая переменная (как пример), ниже рассмотрим, как это используется на практике.

Здесь и так все понятно :)

Тоже не нуждается в пояснении:

Информация о лицензии:

Всю информацию в этом блоке описываете на свое усмотрение.

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

Важно: частой ошибкой при установке бывает либо отсутствие файла index.html во всех папках, либо отсутствие самого файла – поэтому важно проверить соответствие файлов и папок в описании и по факту.

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

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

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

ru-RU.tpl_universum.ini – для лицевой части шаблона, отображения на сайте.
ru-RU.tpl_universum.sys.ini – для административной части. Описываем позиции модулей, переменные, описание настроек.

Выше мы добавили:

TPL_UNIVERSUM_DESCRIPTION – это и есть переменная, которую мы запишем в языковой файл, и Joomla будет «подтягивать» значение из него.

Открываем файл ru-RU.tpl_universum.ini и записываем значение переменной:

Результат добавления description можно увидеть при установке шаблона:

Чтобы увидеть эту же информацию в настройках, необходимо эту же переменную добавить в файл ru-RU.tpl_universum.sys.ini:

Идем дальше.

6. Описываем позиции шаблона (что и где у нас будет выводится), для этого потребуется раздел positions:

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

7. Параметры шаблона. В этом разделе мы можем указать настройки, которые можно менять в административной панели Joomla. Это удобно, чтобы клиенту или администратору не пришлось открывать файлы с кодом, а можно было изменить информацию в пару кликов. Настройки шаблона могут быть самые разные и зависеть только от вашей фантазии. Мы рассмотрим самые основные, которые помогут вывести необходимую информацию и отредактировать цвета оформления, зачастую этого достаточно. Далее по примеру можно добавить более гибкие настройки шаблона, а также неограниченное количество вкладок для удобства группировки настроек по смыслу.

Задать настройки шаблона нам поможет раздел config. Вот так выглядят параметры в админ-панели Joomla:

Тегом можно задать вкладки, внутри fieldset располагаем поля настроек. Рассмотрим, из чего состоят поля.

Значение по умолчанию (может отличаться в зависимости от типа поля):

Все типы полей можно посмотреть на официальном сайте Joomla.

Языковые переменные, о которых мы говорили выше, их необходимо прописать в файле ru-RU.tpl_universum.sys.ini для отображения в админке:

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

Pagebuilder - это относительно новое направление в Joomla. Достаточно долго в этой области ничего не происходило и по сути с появления компонента Page Builder в 2014 году, рынок не менялся. Но в 2016 году все крупные разработчики расширений и шаблонов представили свои конструкторы страниц. О них мы и поговорим в этой статье.

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

Для начала давайте рассмотрим, что представляют собой современный Pagebuilder.

Состав пакет Pagebuilder для Joomla

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

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

Назначение Pagebuilder и Sitebuilder

На самом деле это разного класса расширения, но так получилось, что они настолько срослись, что их надо рассматривать вместе. Поговорим об принципиальных отличиях Sitebuilder от Pagebuilder.

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

Так зачем же нужен этот класс расширений и почему так активно развивается?

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

Мнение о конструкторах страниц

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

Но что же все таки выбрать из этого многообразия? Со своей стороны я вижу потенциал у четырех участников обзора.

YOOtheme Pro - Немцы всегда подходили к делу основательно и доказали, что умеют делать нужные и качественные продукты, а так, как мне довелось плотно общаться с их конструктором, я думаю они сделали то, что надо. Удачное сочетание конструктора сайта и страниц.
JA Builder - может быть он не функционален, но он подкупает своей простотой и быстротой разработки, я считаю, что это огромный плюс.
Gridbox - лично мне он понравился больше всех, но надо понимать, что это очень локальное явление, о всемирной популярности этого pagebuilder говорить рано, но сделано клево.
SP Page Builder - его я включил в этот список, только потому, что это самый функциональный конструктор, в нем настраивается все, а в паре с Helix3, он претендует на sitebuilder, из минусов могу отметить, что интерфейс не совсем логичен, часто не понятен и очень медленно работает.

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

Статьи по теме.

Руководитель JoomLine. Занимаюсь планированием и стратегией разработки программных продуктов JoomLine. Активный участник сообщества Joomla! Россия с 2007 года.

Рассмотрим несколько сервисов и расширений для создания формы с калькулятором на Joomla-сайте. В разделе JED не так много решений, которые подойдут для сайта произвольной тематики: CalcBuilder и Calculoid. В качестве конкурентов в обзор включены сервисы создания калькуляторов с установкой через HTML-код: ConstructApp, CalcCreator и uCalc.

Рассмотрим несколько сервисов и расширений для создания формы с калькулятором на Joomla-сайте. В разделе JED не так много решений, которые подойдут для сайта произвольной тематики: CalcBuilder и Calculoid. Поэтому в обзор включены сервисы создания калькуляторов с установкой через HTML-код: ConstructApp, CalcCreator и uCalc.

В таблице представлены основные характеристики конструкторов форм-калькуляторов.

ConstructApp

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

Не самый простой интерфейс, но разобраться в нем можно:

ConstructApp не имеет возможности приема оплаты и отправки email уведомлений. Сервис отлично подойдет для создания развлекательных или информирующих калькуляторов. Без сбора контактов, подключения аналитики и каких-либо инструментов, намекающих на коммерческую составляющую.

CalcCreator

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

CalcCreator имеет визуальный редактор, который чем-то напоминает CAD-систему:

Можно отредактировать CSS каждого элемента и добавить свой JavaScript-код:

uCalc

На самом деле uCalc устанавливается не только через вставку HTML-кода, но и через плагин для Joomla. Стоимость uCalc — от 3$ в месяц. Есть бесплатный тариф с ограниченным функционалом: без статистики, целей, приема оплат (PayPal, Яндекс.Кассе) и возможности вставки своего HTML в калькулятор.

В uCalc есть визуальный редактор, а также готовые шаблоны для создания калькулятора:

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

uCalc единственный конструктор, у которого есть возможность уведомлять пользователей и администратора через SMS. Также это единственный подобный сервис с возможностью приема оплаты через Яндекс.Кассу.

К калькулятору подключается Яндекс.Метрика или Google Analytics. К любой кнопке в калькуляторе может быть добавлена цель счетчика.

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

CalcBuilder

Стоимость CalcBuilder — 19,50 €. За свои деньги это достаточно мощный инструмент для создания калькуляторов.

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

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

Среди достоинств конструктора нужно отметить интеграцию с Mailchimp и импорта калькулятора из Excel.

Calculoid

Представлен в JED, однако последнее обновление расширения было в 2015 году. Судя по всему, Calculoid перешел к модели SaaS и поставляет калькуляторы через размещение HTML-кода. Поэтому далее речь пойдет именно об этой версии конструктора.

Стоимость Calculoid начинается от $19 в месяц. Есть бесплатный тариф “Start”, где отсутствует возможность получения платежей (Stripe, PayPal) и создания скрытых калькуляторов.

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

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

Калькулятор легко подключить к RedmineCRM, разработчики уже выполнили эту интеграцию. Для подключения другой CRM или сервиса email рассылок в Calculoid есть API (Webhook).

Выводы

Рынок конструкторов калькуляторов разнообразен, но невелик. Если сформировать требования к калькулятору, то скорее всего выбирать не придется, так как останется один-два сервиса, которые этим требованиям будут удовлетворять.

Так, если вы захотите подключить калькулятор к магазину на VirtueMart, то вам подойдет только CalcBuilder.

Для сайтов, которые планируют получать платежи через Яндекс.Кассу или отправлять SMS уведомления, подойдет только uCalc. uCalc отлично подойдет коммерческим проектам для расчета стоимости доставки; консалтинговых услуг; услуг мастера, фотографа, аниматора и т.д.

Если у вас развлекательный портал, то можно использовать бесплатный ConstructApp, в большинстве случае его возможностей хватит.

У CalcCreator есть чат-боты, но, похоже, это единственная отличительная особенность сервиса, при не самой низкой стоимости.

Если нужен прием средств через Stripe, то посмотрите на Calculoid.

Бессменный админ Joomlaportal и Joomlaforum. Активны участник Joomla-сообщества с 2006 года.

Читайте также:

Joomla 3 конструктор шаблона joomla

Кратко о Фреймворке

11 Фреймворков для Landing Page на Joomla

Bootstrap 4

Helix3

Helix Ultimate

Gantry 5

YT Framework

ZO2 Framework

SPARKY framework

Warp 7 (Warp 6)

Plazart framework

Вывод

Что такое Joomla page builder?

Зачем использовать конструктор страниц Joomla?

SP Page Builder

Интеграция с Helix Framework

Поддержка дополнений

Quix Page Builder

JSN Page builder

Видео

Joomla Website Builder Gridbox

Blox Page Builder

Azura Joomla Page Builder

JA builder

Какой Page Builder выбрать

Вывод

Структура шаблона

Файл templateDetails.xml

Состав пакет Pagebuilder для Joomla

Назначение Pagebuilder и Sitebuilder

Популярные расширения Pagebuilder и Sitebuilder для Joomla

SP Page Builder

YOOtheme Pro

Quix Pagebuilder

JA Builder

Gridbox

JSN PageBuilder

Другие Pagebuilder

Мнение о конструкторах страниц

Статьи по теме.

ConstructApp

CalcCreator

uCalc

CalcBuilder

Calculoid

Выводы