Put the test kit finder on your site
- Copy the snippet
- Paste it where you want the box
- Done, it links back here
Preview
Plain HTML
No script. Paste it anywhere your site takes HTML.
<form action="https://americanwatertestkits.com/water-test-near-me/" method="get" target="_blank" rel="noopener" role="search" style="display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px;max-width:480px;margin:16px 0;padding:14px 16px;border:1px solid #c9d6de;border-radius:10px;background:#fff;color:#102a43;font:16px/1.4 system-ui,sans-serif;box-sizing:border-box">
<label style="display:flex;flex-direction:column;gap:4px;flex:1 1 190px;margin:0;font-weight:600">Town or ZIP <input name="where" type="search" required style="width:100%;min-width:0;margin:0;padding:11px 12px;border:1px solid #627d98;border-radius:6px;background:#fff;color:#102a43;font:400 16px/1.3 system-ui,sans-serif;box-sizing:border-box"></label>
<button type="submit" style="margin:0;padding:12px 16px;border:0;border-radius:6px;background:#0e6e8c;color:#fff;font:600 16px/1.3 system-ui,sans-serif;cursor:pointer">Find water tests</button>
<p style="flex-basis:100%;margin:2px 0 0;font-size:14px;color:#4e473f">Free and low-cost water test kits, listed by county. From <a href="https://americanwatertestkits.com/" target="_blank" rel="noopener" style="color:#1d4e79">americanwatertestkits.com</a></p>
</form>
Script version
The same box, drawn by a small script from this site.
<div data-awtk-finder></div><script async src="https://americanwatertestkits.com/embed/finder.js"></script>
To change the label, add data-label="Your label" to the div.