Калькулятор калорий для joomla

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

skin35 1Сегодня при помощи сторонних разработок для joomla можно рассчитать всё, что угодно: стоимость поездки, расход топлива, истинную стоимость автомобиля, ввезённого из за границы (полезны для информационных и развлекательных порталов). Имеются и многофункциональные приложения (позволяют создавать собственный калькулятор с нуля, любую другую форму, например, форму заказа и даже объединять их). Для коммерческого сайта такая разработка — большой плюс (увеличивает продажи на 20%, экономит время обеих сторон). Но можно ли её заполучить бесплатно?

У начинающего веб-мастера есть три пути:

  • заказать разработку калькулятора у программиста,
  • скачать и установить стороннее расширение для joomla (бесплатное с авторской ссылкой или платное),
  • воспользоваться услугами специализированных веб-сервисов (разработать в удобном интерфейсе собственный калькулятор с подсказками и заготовками), доступ к которым предоставляется бесплатно на время пробного периода (как правило, 14 дней), а после предлагается приобрести один из платных тарифов (цены разнообразные).

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

Популярные компоненты калькуляторов joomla

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

QuickForm

QuickForm 2 — это конструктор для создания форм, в том числе калькулятора для расчёта стоимости (работ, услуг, товара с доставкой).

Главные особенности:

  • Поддерживает версии joomla 3.х.
  • Является адаптивным приложением (подстраивается под размер экрана).
  • Распространяется в Интернете бесплатно.

Возможности

Судя по статистике запросов, QuickForm 2 — самое популярное приложение для создания форм (опросов, формы заказа, калькулятора, тестов, приложений). Его возможности обширны (включает компонент, модуль и плагин).

  • Можно создавать зависимые поля, без ограничения уровня вложенности. Например, сначала вывести калькулятор, а затем предложить сделать заказ исходя из введённой информации (заказать косметический ремонт в квартире или другой вариант ответов — ремонт премиум класса в коттедже).
  • Имеется в компоненте множество полей для создания разных форм: текстовые (имя, название товара), специальные (со всплывающими подсказками, например, телефон в нужном формате, ), кнопки, ссылки, флажки (например, для согласия с политикой конфиденциальности), поле калькулятора «Итого», поле для ввода цифры, для множественного выбора и прочие.
  • На одной странице без ошибок могут работать несколько форм, созданные с помощью QuickForm 2.
  • Можно создать форму с корзиной (актуально для небольших интернет-магазинов). Через такую форму можно отобрать товар по определённым характеристикам (цвет, размер, комплектация), а затем отправить его в корзину.
  • Оформление зависит от шаблона сайта. Но его можно редактировать (с помощью изменения кода в файле default.css, но лучше его скопировать, переименовать и уже в новом делать изменения, а после не забудьте указать в проекте источником ваш файл css).
  • Чем проще форма, тем «легче» приложение (не загромождает пространство на сервере).

Единственный минус расширения — создан для профессионалов и для тех, кто хорошо помнит математику (в состоянии составить сложную формулу). Многие вещи в нём «интуитивно» не понятны, но к разработке прилагается документация (с ней за пару часов можно создать форму средней сложности).

Установка, пример использования

Находим страницу расширения на официальном портале: https://extensions.joomla.org/extension/quickform. Устанавливаем, после чего создаём первый проект (в панели администрирования QuickForm). В простых формах предусмотрена одна группа полей, в сложных — несколько. Создадим простую, где каждый последующий пункт будет увеличивать стоимость в разы.

skin35 2

skin35 3

skin35 4

skin35 5

skin35 6

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

Плагин позволяет вставить форму в материал joomla с помощью кода {QuickForm id=3}. Вывод на нескольких страницах сайта возможен с помощью модуля.

Чтобы убрать авторскую ссылку, нужно обратиться к разработчику и внести «посильный вклад в развитие проекта».

Сalculoid

Формы создаются на стороннем одноименном веб-ресурсе, можно позаимствовать готовый вариант. На сайт joomla калькулятор выводится с помощью moduleСalculoid (указывается ID созданной формы) или плагина System — Calculoid (скачиваем отдельно). Плагин необходим, чтобы избежать конфликт script и вывести несколько калькуляторов на странице или просто, чтобы иметь возможность вставить в статью.

  • И модуль, и плагин бесплатные (на сервисе предлагаются платные тарифы — от 1250 р., чтобы скрыть свой калькулятор от других пользователей, убрать авторскую ссылку, увеличить возможности — открывается доступ к оплате чере PayPal).
  • Плагин подходит для джумла 2.5-3.2. Модуль расчёта для joomla 3.0.
  • Адаптивный (по ширине экрана).

Сервис www.calculoid.com после регистрации представляет доступ к самым разнообразным формулам и интерактивным формам калькуляторов: более 4 000 вариантов, которые можно настроить и вставить на сайт joomla. Включая те, через которые можно сразу проводить платежи PayPal (помимо типичных полей, но доступны лишь при подключении платного тарифа).

Читайте также:  Как считать калории на айфоне

skin35 7

skin35 8

skin35 9

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

skin35 10

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

skin35 11

skin35 12

skin35 13

skin35 14

skin35 15

skin35 16

Авторскую ссылку можно удалить, если приобрести один из 3-х платных тарифов

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

  • модуль — https://extensions.joomla.org/extension/calculoid;
  • плагин — https://extensions.joomla.org/extension/system-calculoid.

После установки плагина, вставлять калькулятор в статью joomla можно будет с помощью кода, например, {calculoid 123}.

Для интеграции с другими расширениями джумла

Существуют разработки, привязанные к определённому расширению joomla:

  • плагин Сbprice Сalculator позволяет связать результат калькулятора (созданный с помощью расширения Calc Builder Extended) с ценой продуктов в расширении hikashop;
  • компонент HikaPriceCalculatorLightдля Hikashop (импортирует сведения о товарах в exel);
  • стоит также упомянуть о платном расширении CalcBuilder, предоставляет множество возможностей и подключается к VirtueMart (цена — от 1250 руб.).

Специализированные

К специализированным можно отнести модули, плагины, скрипты, созданные для полезных расчётов: вычисления расстояния, расхода топлива, стоимости автомобиля, стоимости кредита или ипотеки, для конвертации денежных единиц по актуальному курсу валют. Многие из этих приложений потеряли свою актуальность ещё до выпуска joomla версии 2.5 и были удалены разработчиками. Другие просто перестали обновлять. Необходимость в них отпала с ростом популярности онлайн калькуляторов (все виды на calcus.ru, online-kalkulyator.com или финансовые на banki.ru).

Некоторые сторонние разработки ещё можно встретить на «просторах» интернета и даже на портале джумла. Например, ипотечный калькулятор для joomla 3 MortgageLoanCalculator. Модуль создан специально для сайтов агентств недвижимости, позволяет рассчитать ипотеку (построить годовой график или за квартал). Но к сожалению, отображается полностью на английском.

  • Для версий CMS3.0-3.х.
  • Доступен (бесплатный).
  • Имеет небольшие размеры, поэтому адекватно будет отображаться на устройствах с небольшим экраном.

skin35 17

skin35 18

Сторонние сервисы

Помимо расширений для joomla существует и другая возможность добавить калькулятор на сайт — сторонние веб-сервисы. Пользуясь ими, вы можете легко создать сложные формы и добавить их на свой сайт с помощью вставки HTML-кода или ссылки.

Наиболее популярные и доступные по цене:

Constructcalc.ru

Основные параметры задать легко (вид кнопки, вид поля, размеры), остальное — через HTML-код. Имеется несколько примеров создания типовых калькуляторов (видеоинструкции).

skin35 19

uCalc

Спустя 14 дней после регистрации, чтобы продолжить пользоваться необходимо перейти на платный тариф: от 200 рублей в месяц (3 формы, 300 уведомлений по почте).

skin35 20

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

Formdeer.ru

Также есть пробный период, во время которого предлагается бесплатно испытать возможности максимальных тарифов. Цена от 360 рублей в месяц, 5 форм, 1000 уведомлений, ограничение на количество пунктов — 10.

skin35 21

CalcCreator.com

От 795 руб. в месяц. Есть бесплатный тариф (предоставляется с ограниченными возможностями). Форма получается адаптивная. Можно редактировать HTML/CSS. Приятное дополнение: поля «дата» и «время», а также предоставляет возможность пользователю отправить самому себе уведомление (о произведённых расчётах).

Все они отличаются функционалом, например, в ConstructApp и CalcCreator не предусмотрены уведомления на почту.

Для CMS Joomla разработано множество компонентов. На официальном портале джумла в каждой из категорий можно найти несколько достойных внимания разработок. К сожалению, «ряды» калькуляторов немногочисленны. Самые достойные из бесплатных расширений устанавливаются с авторской ссылкой. Минимальный взнос за её удаление возможен лишь с QuickForm-2 (автор принимает пожертвования, не оговаривая размер взноса). Другие адекватные разработки «заточены» под конкретное расширение Joomla (HikaShop, Joomla, VirtueMart). Хорошая альтернатива названным — бесплатный сервис с открытым кодом Constructcalc.ru. С его помощью можно полностью настроить калькулятор под себя и обойтись без ежемесячной платы, но для этого потребуются достаточно глубокие знания HTML.

Источник

Сервисы конструкторов форм-калькуляторов как конкуренты компонентов Joomla!

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

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

ConstructAppCalcCreatoruCalcCalcBuilderCalculoid
Ценанет795 руб. в месяцот $3 в месяц19,50€от $19 в месяц
Бесплатная версияполностью бесплатенс ограниченными возможностямис ограниченными возможностямиесть пробный периодтариф «Free»
Редактор и дизайн
Способ установкиHTML, по ссылкеHTML, по ссылкеHTML, по ссылке или расширениерасширениеHTML, по ссылке или расширение
Визуальный редактор++++
HTML/CSS редактор+++
Готовые шаблоны++++
Свои цветовые схемы++
Адаптивность+++
Анимация при расчете+++
Функционал форм и калькуляторов
Многостраничная форма+
Прикрепление файлов++++
Поле «Дата» и «Время»+++
Поле «Ползунок»+++
Математические операции с полями форм+++++
Ветвления (условные операторы)++++
Уведомления
администратору+++
пользователю++++
SMS администратору+
SMS пользователю+
Чат-боты+
Интеграции
Способы оплатыЯндекс.Деньги, Яндекс.Касса, PayPalPaypal, Stripe
Аналитика++подключение через JavaScript events
рассылки+
CRM+
Экспорт собранных данных+
Импорт калькулятора из Excel+
Подключение к VirtueMart+
API+
Скачать код калькулятора++
Читайте также:  Торт с фото и калориями

ConstructApp

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

Калькулятор калорий для joomla

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

Калькулятор калорий для joomla

Калькулятор калорий для joomla

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

CalcCreator

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

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

Калькулятор калорий для joomla

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

Калькулятор калорий для joomla

Калькулятор калорий для joomla

CalcCreator позволяет подключить к форме чат-бота Telegram или Skype. Чат-боты получают сообщения из раздела «Содержимое письма»:

Калькулятор калорий для joomla

uCalc

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

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

Калькулятор калорий для joomla

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

Калькулятор калорий для joomla

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

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

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

CalcBuilder

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

Калькулятор калорий для joomla

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

Калькулятор калорий для joomla

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

Калькулятор калорий для joomla

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

Calculoid

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

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

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

Калькулятор калорий для joomla

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

Калькулятор калорий для joomla

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

Выводы

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

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

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

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

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

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

Источник

Калькулятор для joomla 3

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

Читайте также:  Норма калорий в соли

Для реализации функционала калькулятора услуг мы используем расширение под названием QuickForm.

Калькулятор для  joomla 3

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

Калькулятор для  joomla 3

Хотите узнать, что необходимо для создания сайта?

Посмотрите видео и узнайте пошаговый план по созданию сайта с нуля!

Смотреть видео

Далее, используя ссылку «QF2_v1.0.10.zip» скачиваем компонент к себе на компьютер и выполняем установку, используя менеджер расширений.

Калькулятор для  joomla 3

Теперь, используя пункт меню «Компоненты», переходим на главную страницу панели управления только что, установленного расширения.

Калькулятор для  joomla 3

Теперь мы можем создать свой первый калькулятор joomla, и для этого необходимо создать форму, а значит кликаем по кнопке «Создать».

Калькулятор для  joomla 3

Для создания формы, достаточно указать ее заголовок в соответствующее поле, на вкладке форма. А так же на вкладке «Письмо», добавить адрес электронного ящика, на которые будет отправляться данные введенные в поля формы, тему письма и его шаблон.

Калькулятор для  joomla 3

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

Калькулятор для  joomla 3

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

Калькулятор для  joomla 3

Соответственно, используя кнопку «Создать» переходим на страницу создания группы полей, для определенной формы. Как Вы заметили, я использую словосочетание «группа полей», потому как действительно создается не одно поле а несколько, которые в будущем будут связаны одним идентификатором и могут использоваться для отображения на экран как по умолчанию, то есть как составная часть конкретной формы, так и при срабатывании определенного события, к примеру выбора соответствующего элемента формы. Итак, страница добавления группы полей, выглядит следующим образом.

Хотите узнать, что необходимо для создания сайта?

Посмотрите видео и узнайте пошаговый план по созданию сайта с нуля!

Смотреть видео

Калькулятор для  joomla 3

Собственно здесь, все достаточно просто и интуитивно понятно. Вам необходимо указать заголовок группы и сформировать необходимый набор полей. При этом, поля добавляются в группу, при помощи специальной кнопки с изображением «+» (зеленого плюса). Клик по вышеуказанной кнопке разворачивает специальное меню, в котором приведены все доступные элементы форм.

Калькулятор для  joomla 3

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

В наибольшем по величине текстовом поле указывается заголовок будущего поля, то есть значение для тега label. Под ним располагаются выпадающие варианты выбора. Которые можно добавлять, используя символ маленького «+» (зеленого плюсика). Таким образом, указываем необходимое количество вариантов.

Калькулятор для  joomla 3

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

Калькулятор для  joomla 3

А именно, на вкладке «-fields» Вы можете указать идентификатор группы полей, которые будут показаны на экран при выборе текущего варианта списка. Таким образом, Вы можете формировать зависимые списки. На вкладке «calculator» Вы можете прописать некоторое математическое выражение, которое будет выполнено при выборе текущего списка. К примеру, можно добавлять или вычитать некоторое значение.

Калькулятор для  joomla 3

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

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

Калькулятор для  joomla 3

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

Калькулятор для  joomla 3

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

Калькулятор для  joomla 3

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

Хотите узнать, что необходимо для создания сайта?

Посмотрите видео и узнайте пошаговый план по созданию сайта с нуля!

Смотреть видео

Калькулятор калорий для joomla

Хотите узнать, что необходимо для создания сайта?

Посмотрите видео и узнайте пошаговый план по созданию сайта с нуля!

Смотреть видео

Источник