No. 004

Request a quote

The whole request-for-quote flow: contact details with clear text consent, a live priced receipt, a drag-to-book time up to six months out, and a confirmation sent by text.

Category
Booking
Added
Nov 4, 2026
Good for
Service businesses that quote, schedule and follow up by text
Built with
HTML, CSS and JavaScript, no libraries.

What it does

  • Step one asks who it's for. Name and mobile number are required; email and car or address are optional.
  • Right under the phone field it says the quote and booking updates come by text, and the button carries the consent line: rates may apply, reply STOP to opt out.
  • Promotional texts have their own opt-in box, unticked by default, kept apart from the texts about the job.
  • A preview of the first text writes itself as they type their name, so it's obvious what they're signing up for.
  • The number formats itself as it's typed, errors say exactly what to fix, and the cursor goes to the first problem.
  • Their details follow them: the receipt says who it's for, the quote can be texted in one tap, and booking ends with the confirmation text.

Use this element

Copy it into your website builder. It keeps the exact design and behavior, and your site's styles can't change it.

A short snippet that loads the element from finerui.com. Fixes and updates made here show up everywhere it's used.

Paste it into an HTML or embed block:

  • Wix: Add, then Embed code, then Embed HTML
  • Squarespace: a Code block
  • Webflow: an Embed element
  • WordPress: a Custom HTML block
  • GoHighLevel: a Custom JS/HTML element

It sizes its own height and has a clear background, so it sits on your page like it belongs there.

Preparing the code…