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

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

Зверніть увагу: поля, які підтримують розрахунки, помічені іконкою 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 ще зручнішою за допомогою сітки. Вона розділить ваш робочий простір на декілька колонок та допоможе точніше розташовувати елементи, які прив’язуватимуться до краю колонок при наближенні.

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

Ліворуч від перемикача знаходиться іконка налаштувань — клікніть на неї, щоб налаштувати колір та кількість колонок для вашої сітки. Ви можете встановити кількість колонок для кожного окремого девайсу, а також скористатися як попередньо налаштованими пресетами, так і обрати власну кількість або колір для колонок.

Відтепер ви можете налаштувати новий сценарій поведінки для кошика — він автоматично відкриватиметься, коли користувач натискатиме на кнопку «Купити». Це оновлення чудово підійде для магазинів із невеликим асортиментом.

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

Відтепер ви можете самостійно визначати необхідну кількість колонок у шапці сайту — від однієї до п’яти.

Для того, щоб додати нову колонку, натисніть на відповідну іконку, яка з’явиться після наведення курсору до краю існуючої колонки.

Якщо ви хочете видалити зайву колонку, натисніть на три крапки у її правому нижньому куті та оберіть пункт «Видалити».

Відтепер ви можете самостійно керувати розмірами кнопок на вашому сайті. Для того, щоб встановити кастомний розмір кнопки, перейдіть до її налаштувань та відкрийте вкладку «Стиль». У розділі «Розмір кнопки» перемкніться у режим «Кастомний» та встановіть необхідні значення у полях «Відступи».

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

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

Для того, щоб перетворити блок на глобальний, клацніть на іконку з трьома крапками у правому верхньому куті блока та оберіть пункт «Глобальний блок». Коли ви натискатимете на кнопку «Додати блок», він буде доступний у розділі «Глобальні блоки». За бажання ви можете дати цим блокам власні назви, клацнувши на круглу іконку з трьома крапками та обравши пункт «Перейменувати». Таким чином ви легко зможете знайти необхідний блок та додати його до будь-якої сторінки вашого сайту.

Якщо вам необхідно внести зміни до всіх блоків-дублікатів, просто зробіть це один раз у будь-якому глобальному блоці — зміни автоматично відобразяться у всіх його дублікатах.

Якщо вам необхідно внести зміни лише в одному блоці, а решту блоків лишити однаковими, то ви можете натиснути на іконку з трьома крапками та обрати пункт «Неглобальний блок». Після цього усі зміни, які ви внесете, відобразяться лише у даному блоці, а решта — наслідуватиме зміст глобальних блоків.

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

Сподіваємось, що це оновлення допоможе вам оптимізувати час роботи над сайтом та зробити процес його створення ще цікавішим.