No. 003
Live quote receipt
Options on one side, a paper receipt on the other. Lines print in, crossed-out lines fold away and every price rolls to its new number.
- Category
- Pricing
- Added
- Nov 4, 2026
- Good for
- Any service priced by size and options: detailing, lawn care, cleaning, roofing
- Built with
- HTML, CSS and JavaScript, no libraries.
What it does
- New lines slide in like they're printing. Removed lines get each line of text crossed out, then fold away.
- Prices, subtotal, tax and total roll digit by digit when the size or package changes.
- An estimate of how long the job takes updates with the choices.
- The email button opens into a field right where it sits, checks the address and confirms in place.
- One price list drives it. The demo switches between a detailing shop and a lawn-care company.
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…