Бюджет: 12000 UAH Термін: 7 днів
Вітаю. Є великий досвід в розробці сайтів. Готовий до співпраці
[MODULE: xpressoil_booking_form_v1]
Тип: Спливаюче вікно (popup)
Призначення: Форма бронювання на сайті https://xpressoil.pro
Загальний опис:
Необхідно реалізувати адаптивну 4-крокову форму бронювання послуги. Форма повинна відкриватися як модальне вікно з напівпрозорим, злегка розмитим фоном (glassmorphism), не перекриваючи сайт повністю. Візуальний стиль строго відповідає сайту https://xpressoil.pro. Після відправки всі дані передаються в Telegram і Excel. CRM та SAP-інтеграції передбачені на етапі обробки після надсилання форми.
Приклад: https://quick-oilbook.preview.emergentagent.com/
Приклад 2: Elite Auto Care
🔹 Крок 1 — Тип заміни, вибір пакета та додаткових послуг:
- Перемикач:
• Приватна заміна
• Комерційна заміна
- Вибір одного з 3 пакетів:
• Basic
• Standard
• Premium
- Під кожним пакетом — короткий опис послуг, що входять
- Блок додаткових послуг — чекбокси (без зазначення ціни):
• Tire rotation
• Brakes
• Rotors
• Battery
• Light bulb
• Air filter – engine
• Air filter – cabin
• Windshield wipers
🔹 Крок 2 — Інформація про автомобіль:
- VIN (необов’язково)
- Марка
- Модель
- Рік випуску (випадаючий список від 1990 до поточного)
- Тип двигуна
- Додаткове поле (коментар, не обов’язково)
- Внизу блоку текст:
“Ми використовуємо масло та витратні матеріали відповідно до специфікацій вашого автомобіля.”
- ⚠️ Інтеграція з API Motor.com та SAP здійснюється **після відправки форми**, технічна інформація (типи олив, фільтрів, рідин) підтягується **у фоновому режимі** для внутрішньої обробки. Клієнт ці дані не бачить.
🔹 Крок 3 — Контактна інформація:
- Ім’я (обов’язкове)
- Прізвище
- Телефон (обов’язкове, з маскою формату US та валідацією)
- Email (необов’язково, з перевіркою формату)
- Dropdown: Спосіб зв’язку (Call / Text / Email)
🔹 Крок 4 — Адреса та дата:
- Введення адреси з автозаповненням через Google Maps API
- Автоматичне підставлення міста та ZIP
- Вибір дати через календар
- Вибір часу (інтервали по 1 годині з 08:00 до 20:00)
- Інтеграція з Google Calendar API для відображення лише вільних інтервалів
- Перемикач: “Подзвонити перед приїздом” (опціонально)
🔹 Відправлення даних:
- Після заповнення відображається повідомлення: “Дякуємо! Ваша заявка прийнята в обробку.”
- Дані надсилаються:
• У Telegram через Webhook або N8N
• У таблицю Google Sheets / Excel за заданою структурою
• ⚠️ На сервер для фонової обробки з використанням Motor.com https://www.motor.com/developer-hub/ (інтеграція після сабміту, невидима для клієнта)
- Дані включають: тип заявки, пакет, додаткові опції, авто, дата/час, адреса, контакт клієнта
🔹 Валідація:
- Телефон: лише цифри, обов’язкове поле, формат US
- Email: перевірка формату
- Обов’язкові поля: ім’я, телефон, адреса, тип заявки, пакет
🔹 Візуальний стиль:
- Строго згідно з сайтом https://xpressoil.pro
- Біла форма, закруглені кути, легкий розмитий фон
- Кольори: темно-синій, зелений, білий
- Всі елементи адаптивні під мобільні та десктопи
Коментар:
Клієнт вводить лише базові дані. Вся технічна інформація витягується після відправлення та використовується для внутрішніх цілей.
Бюджет: 12000 UAH Термін: 7 днів
Вітаю. Є великий досвід в розробці сайтів. Готовий до співпраці
Бюджет: 4000 UAH Термін: 5 днів
https://xpressoil.pro згідно з вашим технічним завданням.
Планую зробити:
Модальне вікно з glassmorphism-фоном, що не перекриває весь сайт;
Всі 4 кроки з потрібними полями та валідацією (тип заміни, пакети, автоінформація, контакти, адреса, дата та час);
Інтеграції для відправки даних у Telegram, Google Sheets/Excel;
Підключення Google Maps API для автозаповнення адреси і Google Calendar API для вибору доступного часу;
Забезпечення коректної валідації та адаптивності.
Приступаю до роботи негайно.
Бюджет: 10000 UAH Термін: 10 днів
Добрий день.
Наразі відкритий до співробітництва, маю більше 10ти років досвіду в розробці
Бюджет: 10000 UAH Термін: 30 днів
Здравствуйте. Можу зробити замовлення. Досвід є. Пишіть, домовимось.
Бюджет: 10000 UAH Термін: 12 днів
Добрий день!
Я ознайомився з вашим технічним завданням щодо реалізації 4-крокової форми бронювання для сайту XpressOil — задача чітка, структурована, і цілком реалістична для якісної реалізації.
У мене є досвід розробки кастомних форм з багаторівневою логікою, інтеграціями з API (Google Maps, Telegram, Google Sheets, календарі), а також роботи з адаптивною версткою та модальними вікнами у стилі glassmorphism. Добре орієнтуюсь у frontend-розробці (React / Tailwind / Next.js), впевнено працюю з backend-інтеграціями через Webhook/N8N.
Що можу гарантувати:
- Реалізацію повноцінної step-by-step форми з адаптацією під мобільні пристрої
- Підключення Google Maps Autocomplete + динамічний календар (з вільними слотами)
- Надсилання даних в Telegram, Google Sheets або Excel за заданою структурою
- Фонову інтеграцію з Motor.com API (або закладку під неї)
- Акуратну валідацію, UX-деталі та узгоджений дизайн відповідно до стилю сайту
- Чистий код, можливість подальшої підтримки або розширення
Можу приступити одразу після узгодження технічних деталей (API-ключі, Google-акаунт для Calendar/Sheets). Термін — до 12 робочих днів під ключ. Оплата — фіксована.
З повагою,
Сліденко Назарій
Бюджет: 7999 UAH Термін: 5 днів
Доброго дня, Андрію. Виконаю форму бронювання на сайт в найкращому вигляді. Зроблю все строго по дизайну та реалізую зручну та інтуїтивну взаємодію з формою. Можу створити невеличку інструкцію, щоб якщо що Ви могли самостійно її налаштувати.
Я завжди на зв'язку. Зроблю все швидко та якісно.
Десктопні додатки 69 ставок 31 липня
Розробка ботів 67 ставок 31 липня
Парсинг даних 47 ставок 30 липня
77 ставок 29 липня
Розробка ботів 87 ставок 27 липня