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

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

Обратите внимание: поля, поддерживающие расчёты, отмечены иконкой fx.

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

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

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

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

На данный момент доступна загрузка только одного файла за раз — учитывайте это при экспорте медиаданных. 

Чтобы открыть Медиагалерею, перейдите к любому элементу, поддерживающему добавление изображений. Нажмите на элемент, откройте контекстное меню, кликните на иконку Медиагалереи, выберите нужный файл и нажмите кнопку «Скачать».

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

Мы продолжаем работу над меню «Стили сайта», превращая его в централизованное место для управления дизайн-системой сайта.

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

Тени включаются с помощью переключателя и могут настраиваться отдельно для состояний «Обычный» и «При наведении».

Откройте меню «Стили сайта» (в верхнем левом углу экрана), перейдите в раздел «Кнопки». Далее выберите элементы в меню «Мои пресеты» или «Библиотека кнопок», затем выберите «Главная» или «Второстепенная». Активируйте переключатель «Тень» в разделе «Эффекты кнопки» и задайте необходимые значения для размера, размытия, акцента и цвета.

Интеграция с «Покупкой Частями» от monobank наконец доступна для всех пользователей. monobank – это ведущая украинская платёжная система, и мы получили множество запросов на поддержку.

Теперь вы можете подключить «Покупку Частями» от monobank к своему онлайн-магазину и улучшить приём платежей от посетителей сайта. Это обновление значительно повысит эффективность магазинов, работающих с оплатой в гривне (UAH). Вы можете настроить от 3 до 25 платежей. Для товаров на опубликованном сайте, где включена «Покупка Частями», будет отображаться логотип.

Чтобы настроить интеграцию, перейдите в настройки сайта и откройте раздел «Магазин». В подразделе «Платёжные системы» найдите «Покупка Частями от monobank» и нажмите кнопку «Добавить». Для подключения вам понадобятся Store ID и секретный ключ, которые можно получить на стороне monobank.

Обратите внимание

• Поддерживается только украинская гривна (UAH). Если валюта вашего магазина другая, на странице настроек появится соответствующее уведомление.
• В корзине должно быть поле «Номер телефона» в корректном формате. Рекомендуется использовать маску для номера телефона, которую можно настроить по этой инструкции.

Подробнее о платёжных методах и полной настройке интеграции monobank читайте здесь.

Теперь вы можете создавать группы элементов в Flex block — это позволит вам оптимизировать время работы над сайтом и сделает взаимодействие с абсолютными элементами ещё удобнее.

Чтобы создать группу элементов в Flex block, выделите при помощи курсора необходимые элементы, нажмите на иконку с тремя точками и выберите пункт «Сгруппировать». Также вы можете использовать комбинацию Ctrl / Cmd + G.

Для того, чтобы разгруппировать элементы, выделите необходимую группу, нажмите на иконку с тремя точками и выберите пункт «Разгруппировать». Также вы можете использовать комбинацию Shift + Ctrl / Cmd + G.

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

Теперь вы можете сделать свою работу в Flex block ещё удобнее с помощью сетки. Она разделит ваше рабочее пространство на несколько колонок и поможет точнее располагать элементы, которые будут автоматически привязываться к краю колонок при приближении.

Для того, чтобы включить сетку, кликните на иконку «Инструменты» (находится в правом верхнем углу шапки редактора) и активируйте переключатель «Показать сетку».

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

Теперь вы можете настроить новый сценарий поведения для корзины — она будет автоматически открываться, когда пользователь нажмёт на кнопку «Купить». Это обновление отлично подойдёт магазинам с небольшим ассортиментом.

Для того, чтобы настроить автоматическое открытие корзины сразу после добавления товара, сначала откройте в редакторе страницу товара (откройте менеджер страниц, который находится в левом верхнем углу редактора, перейдите на вкладку «Магазин» и выберите «Страница товара»). Затем откройте настройки деталей товара, перейдите на вкладку «Действие» и выберите вариант «Добавить в корзину и открыть корзину» в разделе «Действие при нажатии».

Теперь вы можете самостоятельно определять необходимое количество колонок в шапке сайта — от одной до пяти.

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

Если вы хотите удалить лишнюю колонку, нажмите на три точки в её правом нижнем углу и выберите пункт «Удалить».

Теперь вы можете самостоятельно управлять размерами кнопок на вашем сайте. Для того, чтобы установить кастомный размер кнопки, перейдите в её настройки и откройте вкладку «Стиль». В разделе «Размер кнопки» переключитесь в режим «Кастомный» и установите необходимые значения в полях «Отступы».

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

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

Чтобы превратить блок в глобальный, нажмите на иконку с тремя точками в правом верхнем углу блока и выберите пункт «Глобальный блок». Когда вы нажмёте на кнопку «Добавить блок», он будет доступен в разделе «Глобальные блоки». При желании вы можете дать этим блокам собственные названия, нажав на круглую иконку с тремя точками и выбрав пункт «Переименовать». Таким образом вы легко сможете найти необходимый блок и добавить его на любую страницу вашего сайта.

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

Если вам нужно внести изменения только в одном блоке, а остальные блоки оставить одинаковыми, то вы можете нажать на иконку с тремя точками и выбрать пункт «Неглобальный блок». После этого все изменения, которые вы внесёте, отобразятся только в этом блоке, а остальные — будут наследовать содержимое глобальных блоков.

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

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