Budget: 12000 UAH Deadline: 7 days
Hello. I have extensive experience in website development. Ready to cooperate
[MODULE: xpressoil_booking_form_v1]
Type: Popup window
Purpose: Booking form on the website https://xpressoil.pro
General description:
It is necessary to implement a responsive 4-step service booking form. The form should open as a modal window with a semi-transparent, slightly blurred background (glassmorphism), not covering the entire site. The visual style must strictly match the site https://xpressoil.pro. After submission, all data are transmitted to Telegram and Excel. CRM and SAP integrations are planned at the processing stage after form submission.
Example: https://quick-oilbook.preview.emergentagent.com/
Example 2: Elite Auto Care
🔹 Step 1 — Type of replacement, package selection, and additional services:
- Switch:
• Private replacement
• Commercial replacement
- Choose one of 3 packages:
• Basic
• Standard
• Premium
- Under each package — a brief description of included services
- Additional services block — checkboxes (without price indication):
• Tire rotation
• Brakes
• Rotors
• Battery
• Light bulb
• Air filter – engine
• Air filter – cabin
• Windshield wipers
🔹 Step 2 — Vehicle information:
- VIN (optional)
- Make
- Model
- Year of manufacture (dropdown from 1990 to current)
- Engine type
- Additional field (comment, optional)
- Text at the bottom of the block:
“We use oil and consumables according to your vehicle’s specifications.”
- ⚠️ Integration with API Motor.com and SAP is performed **after form submission**, technical information (oil types, filters, fluids) is fetched **in the background** for internal processing. The client does not see this data.
🔹 Step 3 — Contact information:
- Name (required)
- Surname
- Phone (required, with US format mask and validation)
- Email (optional, with format validation)
- Dropdown: Contact method (Call / Text / Email)
🔹 Step 4 — Address and date:
- Address input with autocomplete via Google Maps API
- Automatic city and ZIP code filling
- Date selection via calendar
- Time selection (intervals of 1 hour from 08:00 to 20:00)
- Integration with Google Calendar API to display only available slots
- Switch: “Call before arrival” (optional)
Data submission:
- After filling out, a message appears: “Thank you! Your request has been received.”
- Data are sent:
• To Telegram via Webhook or N8N
• To Google Sheets / Excel according to the specified structure
• ⚠️ To the server for background processing using Motor.com https://www.motor.com/developer-hub/ (integration after submit, invisible to the client)
- Data includes: request type, package, additional options, vehicle, date/time, address, client contact
Validation:
- Phone: digits only, required, US format
- Email: format validation
- Required fields: name, phone, address, request type, package
Visual style:
- Strictly according to the site https://xpressoil.pro
- White form, rounded corners, light blurred background
- Colors: dark blue, green, white
- All elements are responsive for mobile and desktop
Comment:
The client enters only basic data. All technical information is retrieved after submission and used for internal purposes.
Budget: 12000 UAH Deadline: 7 days
Hello. I have extensive experience in website development. Ready to cooperate
Budget: 4000 UAH Deadline: 5 days
https://xpressoil.pro according to your technical specifications.
Planning to do:
A modal window with a glassmorphism background that does not cover the entire site;
All 4 steps with the necessary fields and validation (replacement type, packages, auto-information, contacts, address, date and time);
Integrations for sending data to Telegram, Google Sheets/Excel;
Connecting Google Maps API for address auto-completion and Google Calendar API for selecting available time;
Ensuring proper validation and responsiveness.
I will start working immediately.
Budget: 10000 UAH Deadline: 10 days
Good afternoon.
Currently open to collaboration, I have more than 10 years of experience in development
Budget: 10000 UAH Deadline: 30 days
Hello. I can place an order. I have experience. Write to us, and we will agree.
Budget: 10000 UAH Deadline: 12 days
Good day!
I have reviewed your technical task regarding the implementation of a 4-step booking form for the XpressOil website — the task is clear, structured, and entirely feasible for quality implementation.
I have experience developing custom forms with multi-level logic, integrations with APIs (Google Maps, Telegram, Google Sheets, calendars), as well as working with responsive layouts and modal windows in the style of glassmorphism. I am well-versed in frontend development (React / Tailwind / Next.js), and confidently work with backend integrations via Webhook/N8N.
What I can guarantee:
- Implementation of a full step-by-step form with adaptation for mobile devices
- Connection of Google Maps Autocomplete + dynamic calendar (with available slots)
- Sending data to Telegram, Google Sheets, or Excel according to the specified structure
- Background integration with Motor.com API (or a placeholder for it)
- Precise validation, UX details, and a consistent design in line with the website style
- Clean code, with the possibility of further support or expansion
I can start immediately after agreeing on the technical details (API keys, Google account for Calendar/Sheets). The deadline is up to 12 working days turnkey. Payment is fixed.
Best regards,
Nazar Slidenko
Budget: 7999 UAH Deadline: 5 days
Good day, Andriy. I will prepare the booking form on the website in the best way. I will do everything strictly according to the design and implement a convenient and intuitive interaction with the form. I can create a small instruction so that if needed, you can set it up yourself.
I am always available. I will do everything quickly and with quality.
Desktop Apps 69 proposals 31 July
Bot Development 67 proposals 31 July
Data Parsing 47 proposals 30 July
77 proposals 29 July
Bot Development 87 proposals 27 July