FlowCraft Service Area Checker

Answer "Do you serve my area?" in a second, and turn every answer into a lead.

The FlowCraft Service Area Checker is built with HTML, Tailwind CSS (via CDN) and vanilla JavaScript:

- List the areas you serve as exact ZIP codes (98402), ranges (98371-98375) or prefixes (984*), mixed however you like

- An instant answer: "Yes, we serve 98402 (Tacoma)" with a note like "Same-day service", or "Sorry, not yet"

- No dead ends: visitors outside your area can still leave their email

- Returning visitors see their last answer straight away

- Clear message for mistyped codes; spaces are ignored

- Works with UK, Canadian and other postcodes (patterns included in the README)

- A mistake in your area list never tells visitors "no" by accident; it asks them to contact you instead

- Accessible: labelled input, answers announced to screen readers, keyboard friendly

A built-in quote form changes its wording for each answer ("Get My Free Quote" or "Notify Me") and sends each visitor's email, ZIP code and answer to your form service (Formspree, Make, Zapier or your own webhook).

WHAT'S INCLUDED

- index.html: the checker, both answers, the quote form and your list of served areas

- app.js: all the logic, heavily commented

- style.css: the answer animation, area chips and the red box for a mistyped code

- assets/images/: a sample map illustration

- README.txt: setup, your area list step by step, postcodes for other countries and testing tips, plus an optional .htaccess for Apache/Hostinger

It checks ZIP codes against your list. It doesn't look up street addresses or driving distance.

Try the live demo: https://haveinsights.com/flowcraft/service-area-checker/

License: use and modify in unlimited personal and client projects. Resale or redistribution is not permitted.