Форма для сайту з API інтеграціями
[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
- Біла форма, закруглені кути, легкий розмитий фон
- Кольори: темно-синій, зелений, білий
- Всі елементи адаптивні під мобільні та десктопи
Коментар:
Клієнт вводить лише базові дані. Вся технічна інформація витягується після відправлення та використовується для внутрішніх цілей.
Додатки 5
-
5 днів4000 UAH
277 1 0 5 днів4000 UAH
https://xpressoil.pro згідно з вашим технічним завданням.
Планую зробити:
Модальне вікно з glassmorphism-фоном, що не перекриває весь сайт;
Всі 4 кроки з потрібними полями та валідацією (тип заміни, пакети, автоінформація, контакти, адреса, дата та час);
Інтеграції для відправки даних у Telegram, Google Sheets/Excel;
Підключення Google Maps API для автозаповнення адреси і Google Calendar API для вибору доступного часу;
Забезпечення коректної валідації та адаптивності.
Приступаю до роботи негайно.
-
10 днів10 000 UAH
1486 4 0 10 днів10 000 UAH
Добрий день.
Наразі відкритий до співробітництва, маю більше 10ти років досвіду в розробці
-
30 днів10 000 UAH
692 21 0 30 днів10 000 UAH
Здравствуйте. Можу зробити замовлення. Досвід є. Пишіть, домовимось.
-
7 днів12 000 UAH
94346 1269 1 10 7 днів12 000 UAH
Вітаю. Є великий досвід в розробці сайтів. Готовий до співпраці
-
12 днів10 000 UAH
510 2 0 1 12 днів10 000 UAH
Добрий день!
Я ознайомився з вашим технічним завданням щодо реалізації 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 робочих днів під ключ. Оплата — фіксована.
З повагою,
Сліденко Назарій
-
5 днів7999 UAH
2245 22 0 5 днів7999 UAH
Доброго дня, Андрію. Виконаю форму бронювання на сайт в найкращому вигляді. Зроблю все строго по дизайну та реалізую зручну та інтуїтивну взаємодію з формою. Можу створити невеличку інструкцію, щоб якщо що Ви могли самостійно її налаштувати.
Я завжди на зв'язку. Зроблю все швидко та якісно.
Актуальні фриланс-проєкти в категорії Python
Парсинг даних через мобільне APIШукаю людину з досвідом парсингу даних через мобільне API, для парсингу e-commerce, rozetka та аналоги Завдання: 1. Перехоплення трафіку мобільного додатку (Android) налаштування проксі, аналіз запитів 2. Визначення потрібних API endpoints, куди йдуть запити, які headers… Python, Парсинг даних ∙ 4 години 37 хвилин тому ∙ 14 ставок |
Створення бота багато фунціонального бота в телеграм
1000 UAH
(Всі матеріали предоставлю в приватні повідомлення) Ось детальний опис проєкту: Псіля натискання кнопки /start Бот присилає текст з правилми та умови користування (під текстом, кнопка ‘ознакомлен’) Після натискання на кнопку, наступне повідомлення ʼпроверка на подпискуʼ Три… Python, Розробка ботів ∙ 3 дні тому ∙ 94 ставки |
Знайти товарний фід (Google Merchant XML) для сайту на OpenCart
700 UAH
Необхідно знайти пряме посилання на діючий товарний фід (XML) конкурента для Google Merchant Center Платформа (CMS): OpenCart / ocStore Знайти оригінальний фідВимоги до результату: Робоче посилання на XML-файл Python, Парсинг даних ∙ 5 днів 13 годин тому ∙ 28 ставок |
Розробка Тік-Ток ферми (контент-завод)Необхідно розробити систему для централізованого управління кількома TikTok-акаунтами з автоматичною публікацією контенту, використанням індивідуальних проксі та імітацією природної активності акаунтів. Функціональні вимоги1. Управління акаунтами Додавання та видалення… Python, Розробка ботів ∙ 6 днів 1 година тому ∙ 21 ставка |
Покращити роботу Claude Code та роботу з написанням програмного забезпеченняЗараз розробляю СРМ та Аналітику, софт. Роблю через Клод Код, але розумію, що результати не найкращі в плані змін. Є 2 задачі - Потрібно допомогти зробити пресет по навичкам, мд і так далі, щоб покращити якість. Взяти перевірені, з якими працювали, а не з інтернету перші. - В… AI та машинне навчання, Python ∙ 6 днів 7 годин тому ∙ 27 ставок |
Київ