Інтерактивний калькулятор вартості в конфігураторі замовлення на сайті WIX

Функціонал:

Користувач обирає параметри з випадаючого списку в конфігураторі, в цей же час миттєво відбувається підрахування суми обраних параметрів. І біля кнопки "Замовити" відображається сума замовлення. Якщо користувач захоче змінити обрані варіації товарів, сума автоматично зміниться на нову. Після натискання кнопки "Замовити" дані потрапляють в адмін панель сайту, в базу CMS.

Технічна реалізація:

1. Форма на сайті

Використовується кастомна форма. На кнопку "Замовити" вішається обробник подій у Velo (JavaScript).
Випадаючі списки для вибору параметрів (розмір, колір, матеріал).

2. Налаштування Velo (код Wix)

Обробник Автоматично підраховує вартісті в реальному часі при зміні параметрів. Дані передаються на бекенд.
Динамічний вивід ціни біля кнопки "Замовити".

3. Гнучкість налаштувань

Можливість змінювати ціни та параметри без переписування коду.

function calculatePrice() {

let size = $w("#sizeDropdown").value;
let color = $w("#colorDropdown").value;
let material = $w("#materialDropdown").value;

Додатковий функціонал:

Інтеграція з Excel таблицею або Telegram-ботом.
Відправка обраної дати користувачем
Та багато іншого за вашим запитом