AutoPot Tray2Grow Automatic Watering System
/* ── DESIGN TOKENS ── */ :root { --bg: #ffffff; --bg-soft: #fafafa; --text: #4d4d4d; --text-light: #6b6b6b; --border: #e1e3e4; --blue: #01adf0; --blue-dark: #0190c8; --blue-pale: #e8f7fd; --green: #61a84d; --green-dark: #4d8a3c; --green-pale: #edf6ea; --orange: #ff723c; --orange-pale: #fff2ed; --font-head: 'Poppins', sans-serif; --font-body: 'Inter', sans-serif; --radius: 8px; --radius-sm: 5px; } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: var(--font-body); font-size: 14px; background: var(--bg); color: var(--text); line-height: 1.65; padding-bottom: 40px; } :focus-visible { outline: 3px solid var(--blue); outline-offset: 3px; border-radius: 3px; } .icon { display: inline-block; flex-shrink: 0; vertical-align: middle; } .svg-sprite { display: none; } /* ── 1. TRUST BAR ── */ .trust-bar { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 16px; padding: 9px 12px; border: 1px solid var(--border); border-radius: var(--radius); background: var(--bg-soft); margin-bottom: 18px; } .trust-item { display: flex; align-items: center; gap: 6px; font-size: 0.74rem; font-weight: 500; color: var(--text-light); } .trust-item strong { color: var(--text); } /* ── 2. INTRO ── */ .intro { padding-bottom: 18px; border-bottom: 1px solid var(--border); } .outcome-headline { font-family: var(--font-head); font-size: 1.15rem; font-weight: 700; color: var(--text); line-height: 1.25; margin-bottom: 10px; } .outcome-headline span { color: var(--green); } .intro p { font-size: 0.84rem; color: var(--text-light); line-height: 1.75; } /* ── SECTION LABELS ── */ .section-label { font-family: var(--font-head); font-size: 0.64rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; color: var(--blue); margin-bottom: 3px; } .section-title { font-family: var(--font-head); font-size: 0.97rem; font-weight: 700; color: var(--text); margin-bottom: 11px; } /* ── 4. COMPARISON ── */ .comparison-wrap { margin: 20px 0; } .comparison-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; } .comp-col { border-radius: var(--radius); overflow: hidden; border: 1px solid var(--border); } .comp-header { padding: 8px 13px; font-family: var(--font-head); font-size: 0.74rem; font-weight: 700; display: flex; align-items: center; justify-content: center; gap: 7px; text-align: center; } .comp-col.old .comp-header { background: #f5f5f5; color: var(--text-light); border-bottom: 1px solid var(--border); } .comp-col.new .comp-header { background: var(--green); color: #fff; } .comp-list { list-style: none; padding: 0; } .comp-list li { display: flex; align-items: flex-start; gap: 8px; padding: 7px 13px; font-size: 0.76rem; color: var(--text-light); border-bottom: 1px solid var(--border); line-height: 1.45; } .comp-list li:last-child { border-bottom: none; } .comp-col.old .comp-list li svg { color: #bbb; margin-top: 2px; flex-shrink: 0; } .comp-col.new .comp-list li { color: var(--text); } .comp-col.new .comp-list li svg { color: var(--green); margin-top: 2px; flex-shrink: 0; } /* ── 5. VIDEO ── */ .gallery-wrap { margin: 20px 0; } /* ── 6. FEATURE CARDS — horizontal rows ── */ .features-wrap { margin: 20px 0; } .features-grid { display: flex; flex-direction: column; gap: 7px; } .feature-card { background: var(--bg-soft); border: 1px solid var(--border); border-radius: var(--radius); padding: 11px 13px; display: flex; flex-direction: row; align-items: flex-start; gap: 11px; position: relative; } .feature-card.hero { border-color: var(--green); background: var(--green-pale); } .feature-icon-wrap { width: 34px; height: 34px; border-radius: var(--radius-sm); background: #fff; display: flex; align-items: center; justify-content: center; flex-shrink: 0; border: 1px solid var(--border); } .feature-card.hero .feature-icon-wrap { border-color: #b8ddb0; } .feature-card-body { flex: 1; min-width: 0; } .feature-card h4 { font-family: var(--font-head); font-size: 0.8rem; font-weight: 700; color: var(--text); margin-bottom: 3px; line-height: 1.3; } .feature-card p { font-size: 0.74rem; color: var(--text-light); line-height: 1.55; margin: 0; } .stat-badge { display: inline-block; background: var(--green); color: #fff; font-family: var(--font-head); font-size: 0.61rem; font-weight: 700; padding: 2px 7px; border-radius: 20px; white-space: nowrap; margin-left: 6px; vertical-align: middle; } /* ── 7. SPECS — 2-col ── */ .specs-wrap { margin: 20px 0; } .specs-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; } .spec-card { background: var(--bg-soft); border: 1px solid var(--border); border-radius: var(--radius); padding: 9px 12px; } .spec-card-label { display: flex; align-items: center; gap: 5px; font-size: 0.65rem; font-weight: 500; color: var(--text-light); text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 2px; } .spec-card-value { font-family: var(--font-head); font-size: 0.81rem; font-weight: 600; color: var(--text); line-height: 1.3; } .manual-link { display: inline-flex; align-items: center; gap: 6px; margin-top: 11px; font-size: 0.76rem; font-weight: 500; color: var(--blue); text-decoration: none; border: 1px solid var(--blue); border-radius: var(--radius-sm); padding: 6px 12px; transition: background 0.15s, color 0.15s; } .manual-link:hover { background: var(--blue); color: #fff; } /* ── 8. HOW IT WORKS — 2×2 ── */ .reassurance-block { background: var(--blue-pale); border: 1px solid #b3e4f9; border-radius: var(--radius); margin: 20px 0; overflow: hidden; } .reassurance-header { background: var(--blue); padding: 10px 15px; display: flex; align-items: center; gap: 9px; } .reassurance-header h3 { font-family: var(--font-head); font-size: 0.83rem; font-weight: 700; color: #fff; margin: 0; } .reassurance-steps { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: #b3e4f9; } .reassurance-step { display: flex; flex-direction: row; align-items: flex-start; gap: 10px; padding: 12px 14px; background: var(--blue-pale); text-align: left; } .step-num { width: 22px; height: 22px; border-radius: 50%; background: var(--blue); color: #fff; font-family: var(--font-head); font-size: 0.7rem; font-weight: 700; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 1px; } .reassurance-step-body { flex: 1; } .reassurance-step h4 { font-family: var(--font-head); font-size: 0.76rem; font-weight: 700; color: var(--text); line-height: 1.3; margin-bottom: 2px; } .reassurance-step p { font-size: 0.71rem; color: var(--text-light); line-height: 1.55; margin: 0; } .reassurance-footer { border-top: 1px solid #b3e4f9; padding: 11px 15px; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; font-size: 0.74rem; color: var(--text-light); line-height: 1.55; background: #fff; } .reassurance-footer-text { display: flex; align-items: flex-start; gap: 8px; flex: 1; min-width: 0; font-size: 0.74rem; color: var(--text-light); line-height: 1.6; } .reassurance-footer-contacts { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 4px; } .contact-link { display: inline-flex; align-items: center; gap: 5px; font-family: var(--font-head); font-size: 0.73rem; font-weight: 600; color: var(--blue); text-decoration: none; padding: 5px 11px; border: 1px solid var(--blue); border-radius: var(--radius-sm); transition: background 0.15s, color 0.15s; white-space: nowrap; } .contact-link:hover { background: var(--blue); color: #fff; } /* ── VARIANT PICKER BLOCK ── */ .variants-wrap { margin: 20px 0; } .variants-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } .variant-col { background: var(--bg-soft); border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; } .variant-col-header { padding: 8px 13px; font-family: var(--font-head); font-size: 0.74rem; font-weight: 700; display: flex; align-items: center; gap: 6px; border-bottom: 1px solid var(--border); } .variant-col-header.blue { background: var(--blue-pale); color: var(--blue-dark); } .variant-col-header.green { background: var(--green-pale); color: var(--green-dark); } .variant-list { list-style: none; padding: 6px 0; } .variant-list li { display: flex; align-items: flex-start; gap: 8px; padding: 5px 13px; font-size: 0.76rem; color: var(--text-light); line-height: 1.5; } .variant-list li svg { flex-shrink: 0; margin-top: 2px; } .variant-list li strong { color: var(--text); } .variant-list li.default { background: var(--green-pale); } .variant-list li.default strong { color: var(--green-dark); } .variant-note { padding: 9px 13px; font-size: 0.72rem; color: var(--text-light); border-top: 1px solid var(--border); background: #fff; line-height: 1.6; } @media (max-width: 599px) { .variants-grid { grid-template-columns: 1fr; } } /* ── 9. FAQ ── */ .faq-wrap { margin: 20px 0; } .faq-list { display: flex; flex-direction: column; gap: 6px; } .faq-item { border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; background: var(--bg); } .faq-toggle { position: absolute; opacity: 0; width: 0; height: 0; pointer-events: none; } .faq-label { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 11px 14px; cursor: pointer; font-family: var(--font-head); font-size: 0.79rem; font-weight: 600; color: var(--text); user-select: none; transition: background 0.15s; line-height: 1.4; } .faq-label:hover { background: var(--bg-soft); } .faq-q-icon { flex-shrink: 0; width: 20px; height: 20px; border-radius: 50%; background: var(--bg-soft); border: 1px solid var(--border); display: flex; align-items: center; justify-content: center; color: var(--blue); transition: background 0.15s, color 0.15s, transform 0.2s; } .faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.35s ease, padding 0.2s; font-size: 0.78rem; color: var(--text-light); line-height: 1.7; padding: 0 14px; background: var(--bg-soft); } .faq-answer a { color: var(--blue); } .faq-toggle:checked + .faq-label { background: var(--blue); color: #fff; } .faq-toggle:checked + .faq-label .faq-q-icon { background: rgba(255,255,255,0.2); border-color: rgba(255,255,255,0.4); transform: rotate(45deg); } .faq-toggle:checked ~ .faq-answer { max-height: 500px; padding: 12px 14px; border-top: 1px solid rgba(1,173,240,0.15); } .faq-toggle:focus-visible + .faq-label { outline: 3px solid var(--blue); outline-offset: -2px; } /* ── 10. CLOSING FOOTER ── */ .closing-trust { margin-top: 22px; padding: 15px 16px; background: var(--bg-soft); border: 1px solid var(--border); border-radius: var(--radius); display: flex; flex-wrap: wrap; align-items: center; gap: 12px; justify-content: space-between; } .closing-trust-text { display: flex; align-items: flex-start; gap: 10px; flex: 1; min-width: 200px; } .closing-trust-text svg { color: var(--green); margin-top: 2px; flex-shrink: 0; } .closing-trust-text p { font-size: 0.78rem; color: var(--text-light); line-height: 1.6; } .closing-trust-text strong { color: var(--text); font-weight: 600; } .closing-contact { display: flex; flex-direction: column; gap: 5px; align-items: flex-end; } .closing-contact a { display: inline-flex; align-items: center; gap: 5px; font-family: var(--font-head); font-size: 0.74rem; font-weight: 600; color: var(--blue); text-decoration: none; padding: 6px 12px; border: 1px solid var(--blue); border-radius: var(--radius-sm); transition: background 0.15s, color 0.15s; white-space: nowrap; } .closing-contact a:hover { background: var(--blue); color: #fff; } .closing-contact a svg { flex-shrink: 0; } /* ── INCLUDED SECTION ── */ .included-tip { padding: 10px 13px; font-size: 0.74rem; color: var(--text-light); border-top: 1px solid var(--border); background: #fff; line-height: 1.6; } .included-tip strong { color: var(--text); } .included-tip a { color: var(--blue); text-decoration: none; font-weight: 600; } .included-tip a:hover { text-decoration: underline; } .included-wrap { margin: 20px 0; } .included-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } .included-col { background: var(--bg-soft); border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; } .included-col-header { padding: 8px 13px; font-family: var(--font-head); font-size: 0.74rem; font-weight: 700; display: flex; align-items: center; gap: 6px; border-bottom: 1px solid var(--border); } .included-col-header.blue { background: var(--blue-pale); color: var(--blue-dark); } .included-col-header.green { background: var(--green-pale); color: var(--green-dark); } .included-list { list-style: none; padding: 6px 0; } .included-list li { display: flex; align-items: flex-start; gap: 7px; padding: 4px 13px; font-size: 0.75rem; color: var(--text-light); line-height: 1.5; } .included-list li svg { flex-shrink: 0; margin-top: 3px; } @media (max-width: 599px) { body { font-size: 15px; overflow-x: hidden; } .comparison-grid, .specs-grid, .reassurance-steps, .included-grid { grid-template-columns: 1fr; } .reassurance-steps { background: transparent; gap: 7px; } .reassurance-step { border: 1px solid #b3e4f9; border-radius: var(--radius); } .section-title { font-size: 0.9rem; } .comp-list li { font-size: 0.82rem; line-height: 1.6; } .feature-card p { font-size: 0.82rem; line-height: 1.6; } .included-list li { font-size: 0.82rem; line-height: 1.6; } .reassurance-step p { font-size: 0.79rem; line-height: 1.6; } .faq-label { padding: 14px; font-size: 0.84rem; min-height: 44px; } .faq-answer { font-size: 0.82rem; } .faq-toggle:checked ~ .faq-answer { padding: 12px 14px; } .closing-trust { flex-direction: column; align-items: stretch; } .closing-contact { align-items: stretch; flex-direction: column; } .closing-contact a { justify-content: center; padding-top: 13px; padding-bottom: 13px; font-size: 0.82rem; min-height: 44px; width: 100%; } } Water your plants automatically. No pumps, no timers, no daily checkups. The AutoPot Tray2Grow is a gravity-fed, completely passive irrigation system that keeps your plants hydrated on their terms, not yours. No pumps. No electricity. No forgetting. It uses a precision AQUAvalve5 to release water only when the tray runs dry, so roots never sit in standing water and you never come home to stressed plants. Whether you're starting seeds, running microgreens, or growing in fabric bags, the Tray2Grow handles all of it from a single tray. It's the most versatile product AutoPot has ever made. Free shipping on orders over $49 30-day returns on all orders Serving growers since 2006 Build your kit Choose your configuration Planter and tray add-on Standard: tray, lid, 4 seed trays, capillary matting, 10 capillary spikes + 23.5 gal planter: adds the large fabric planter box for growing bigger plants directly on the tray + Microgreen trays (2 sets): adds 4 trays (2 with holes, 2 solid) for dedicated microgreen production Standard option includes everything needed for seeds, pots, and grow bags. Reservoir add-on None: connect to your own existing reservoir 6.6 gal FlexiTank: compact option for seed starting and microgreens indoors 13 gal FlexiTank: good for most indoor setups, refill roughly once a week 25 gal FlexiTank: recommended for grow bags or outdoor use in warm climates 60 gal FlexiTank: longest intervals between refills, best for larger setups Not sure which tank? Call or email us: 716-217-0353 / [email protected] Side by side How it stacks up against hand-watering Hand-watering / basic drip timers Requires daily attention. Miss a day and plants stress. Electricity or battery-powered timers can fail at the worst time Over- or under-watering is common without close monitoring Locked into one method. Can't switch between seed trays and grow bags. Nutrient runoff and water waste add up quickly Setup can be fiddly, messy, and hard to level correctly AutoPot Tray2Grow Fully automated. Gravity and capillary action do the work. Zero electricity needed. No pumps, no timers, nothing to plug in. AQUAvalve5 delivers water only when the tray is dry. No guesswork. Five watering methods: seeds, microgreens, pots, grow bags, coco slabs Closed-loop system minimizes runoff and dramatically cuts water waste Spirit levels and grommet fittings included. Levels perfectly every time. What makes it different Built for how growers actually work One tray, any growing method 5 methods Seed trays, microgreens, small pots, grow bags, coco slabs. Switch between capillary spikes and capillary matting to support any setup without buying a different system. Zero electricity required Gravity does the heavy lifting. The AQUAvalve5 uses a simple float mechanism with no pumps, no timers, no batteries. Nothing to fail during a heat wave or a power outage. AQUAvalve5 demand watering Water only enters the tray when it runs dry, not on a timer. Plants drink what they need, when they need it. No standing water. No root rot from overwatering. Dramatically less water waste 50% less water The closed-loop system recirculates unused water back through the valve. No runoff trays to empty, no nutrients lost down the drain. Just efficient, targeted delivery. Gravity-fed from any reservoir Connect to one of the included FlexiTank options or hook straight into your existing reservoir. The tray sits below, no lifting or pumping required. Compact, bench-ready footprint At 44" × 16.2", the Tray2Grow fits standard growing benches, rolling racks, and grow tent shelves. Spirit levels and all hardware included. Level it once and you're done. Specs What's in the box and how it's built Tray dimensions 44" × 16.2" (112 × 41 cm) Seed tray capacity Up to 4 AutoPot seed trays Valve type AQUAvalve5 (included) Watering method Gravity + capillary action Power required None. Fully passive. Reservoir options 6.6g, 13g, 25g, 60g FlexiTank Growing methods Seeds, microgreens, pots, grow bags, coco slabs Max planter size Up to 23.5-gal fabric planter Download full setup guide (PDF) In the box Everything you need to get growing Included with every kit 4× Standard seed trays 1× Capillary matting (for pots & seed trays) 10× Capillary spikes (for grow bags & soil bags) 1× Tray2Grow tray & lid 1× AQUAvalve5 2× 3/8" grommet 3.3 ft of 3/8" tubing 1× 1/4" overflow grommet 3× Circular spirit levels 1× Root control sheet 1× Anti-slug copper tape How the system works 1 Fill the reservoir Water (with or without nutrients) goes into your reservoir. Gravity pulls it toward the tray. No pump needed. 2 AQUAvalve5 takes over Once the tray runs dry, the float valve opens and lets in just enough water to fill it, then closes. No timers, no sensors to calibrate. 3 Capillary action feeds roots Spikes or matting wick water up into your substrate, bottom-up on demand. Roots stay consistently moist without sitting in standing water. 4 You just refill the tank The system runs itself until the reservoir is empty. Check it every few days. Refill less often if you sized up to a larger tank. Questions Frequently asked questions Will this actually work if I've never used a hydroponic or automated system before? Yes, and it's probably the most beginner-friendly automated system we carry. There's no programming, no app, no schedule to set. You fill the reservoir, connect the tubing, level the tray with the included spirit levels, and you're done. The valve handles everything else. Most growers have it running in under 30 minutes. We also have the full setup PDF and if you get stuck, call us at 716-217-0353 and we'll walk you through it. What if I use this outdoors? Will rain cause overwatering? It's designed for outdoor use. The tray includes an overflow plug that prevents the tray from filling beyond a safe level, so a heavy rain won't drown your plants. Fabric grow bags drain quickly, and as long as your substrate has decent drainage, you'll be fine. We'd still suggest going with a 25-gallon or larger tank outdoors so you're not refilling constantly in warm weather. How long can I leave it running unattended? That depends mainly on how large a reservoir you choose. For seed starting and microgreens indoors with a 13-gallon tank, most growers refill once a week. If you're running larger fabric bags outdoors in a hot climate, you may need to refill every 2–3 days with a 13-gallon tank . Or move up to the 25 or 60-gallon FlexiTank for true set-it-and-forget-it coverage. If you tell us your setup we can give you a better estimate. Can I use this with liquid nutrients, or just plain water? Both work fine. The system is fully compatible with liquid nutrient solutions. Just mix your nutrients in the reservoir at your normal dilution rate and the valve delivers it to the tray on demand the same way it would with plain water. The included golf filter helps keep particles from clogging the valve. Rinse it periodically, especially if you're running thicker solutions. Which reservoir size do I actually need? Here's a practical guide: If you're primarily doing seed starting or microgreens indoors and can check on things every week, the 13-gallon FlexiTank is plenty. If you're growing in multiple bags outdoors in a warm climate, or you want longer intervals between refills, go with 25 gallons minimum. The 60-gallon FlexiTank is for larger operations or anyone who wants to set it and check it once every week or two. When in doubt, size up. A bigger tank never hurts, and you can always partially fill it. Do the capillary matting and capillary spikes both come included? Both are included with the standard kit. You get the capillary matting for seed trays, microgreen trays, and pots, as well as 10 capillary spikes for grow bags and soil bags. You don't need to buy accessories to get started with any of these methods. The only additional items are the optional microgreen trays (4-pack) and the raised planter box, which are add-ons if you need them. What if my plants die or the system doesn't work for my setup? If you receive a defective or damaged unit, email us a photo at [email protected] and we'll make it right immediately: replacement or refund, your call. For change-of-mind returns, we accept returns within 30 days for items in new, resalable condition. If you're not sure whether this system is right for your specific plants or grow environment, call us first at 716-217-0353. We'd rather answer your questions before you order than deal with a return afterward. Why should I buy this from Happy Hydro instead of somewhere else? Happy Hydro has been selling growing equipment since 2006. We've carried AutoPot for years because the systems work great and customers who buy them leave happy. Have questions before you order? Call 716-217-0353 or email [email protected]. We're easy to reach and happy to help! Questions? We're easy to reach.Happy Hydro has been serving growers since 2006. Call or email us before you order, after you order, or any time something comes up. When you're happy, we're happy. 716-217-0353 [email protected]
