Бюджет: 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 по заданной структуре
- Фоновую интеграцию с API Motor.com (или подготовку под нее)
- Аккуратную валидацию, UX-детали и согласованный дизайн в соответствии со стилем сайта
- Чистый код, возможность дальнейшей поддержки или расширения
Могу приступить сразу после согласования технических деталей (API-ключи, Google-аккаунт для Calendar/Sheets). Срок — до 12 рабочих дней под ключ. Оплата — фиксированная.
С уважением,
Слиденко Назарий
Бюджет: 7999 UAH Срок: 5 дней
Добрый день, Андрей. Выполню форму бронирования на сайт в лучшем виде. Сделаю всё строго по дизайну и реализую удобное и интуитивное взаимодействие с формой. Могу создать небольшую инструкцию, чтобы если что, вы могли самостоятельно её настроить.
Я всегда на связи. Сделаю всё быстро и качественно.
Десктопные приложения 69 ставок 31 июля
Разработка ботов 67 ставок 31 июля
Парсинг данных 47 ставок 30 июля
77 ставок 29 июля
Разработка ботов 87 ставок 27 июля