Everything you need to go from zero to fully live — with customers getting instant quotes on your link — in under 10 minutes.
01Quick Start — 10 Minutes to Live
Follow these steps in order and you'll have a working quote link to share with customers by the time you're done.
Open the App
Go to app.html. You'll see the customer-facing quote tool. This is what your customers will see too.
Click ⚙ Admin in the top nav
A login box will appear. Enter your Business ID (lowercase letters, numbers, hyphens — like daps-dumpsters) and choose a password. Hit Unlock Admin — your account is created instantly.
Set your dumpster sizes and prices
In the Admin panel under Dumpster Sizes & Pricing, edit each size to match exactly what you offer. Delete sizes you don't have. Add any custom sizes you do have.
Add your ZIP code zones
Under ZIP Code Delivery Zones, add your service areas. Enter a ZIP prefix (e.g. 606 for all Chicago ZIPs starting with 606), set any delivery fee, and block ZIPs you don't serve.
Fill in your business info
Add your company name, phone, email, address, and website under Business Information. This shows up on PDF quotes your customers download.
Hit Save All Settings
Click the big 💾 Save All Settings button at the bottom. Your settings are now saved to the cloud — they'll be there on any device you log into.
Copy your customer link and share it
Look at the orange bar at the top of the screen. Your unique link is shown there — click it to copy. Share it in texts, Google Business, Facebook, or anywhere customers might look for you.
02Your Account & Business ID
Your Business ID is the unique identifier for your business on the platform. It becomes part of your customer link.
daps-dumpsters, acme-rolloff, chicago-bins.
Business ID Rules
Your Business ID must use only: a-z lowercase letters, 0-9 numbers, and - hyphens. No spaces, no capitals, no special characters. Minimum 3 characters.
Logging In From Another Device
Open the app on any device, click ⚙ Admin, enter the same Business ID and password. Your settings and bookings will load automatically from the cloud.
Forgot Your Password?
03Setting Your Prices
Go to Admin → Dumpster Sizes & Pricing. Each row is one dumpster size you offer.
| Field | What It Does | Example |
|---|---|---|
| Size Label | The yard size shown to customers | 11 or 20 |
| Use Case | Description shown under the size on the quote page | Kitchen reno, deck removal |
| Base Price | The starting price for this size | $329 |
| Daily Overage | What you charge per extra day beyond the included days | $18/day |
| Included Days | How many days are included in the base price | 7 days |
04ZIP Code Delivery Zones
Zones let you automatically set delivery fees, show estimated delivery times, and block ZIP codes you don't serve — without any phone calls.
How ZIP Prefix Matching Works
Enter a ZIP prefix like 606 and it will match every ZIP code that starts with those digits — so 60601, 60614, 60647 all match. You can also enter a full 5-digit ZIP for exact matching.
Local zone (no fee)
Add your core service area ZIPs with a $0 delivery fee.
Extended zone (delivery fee)
Further ZIPs you serve but charge extra for — set the fee amount.
Blocked zones
Check "Block this zone" for ZIPs you don't serve. Customers see a clear message and can't book.
05Your Customer Link
After logging in to Admin, a bar appears at the top of the screen showing your unique customer link:
Click it to copy. This is the link you share everywhere:
| Where to share | How |
|---|---|
| Text message | Paste the link when customers ask for a quote |
| Google Business Profile | Add as your website URL or in the "Book" button |
| Facebook / Instagram | Put in your bio link and post about it |
| Email signature | "Get an instant quote: [your link]" |
| Business cards | Print a QR code pointing to your link |
| Your website | Use the embed code (see Embedding section) |
06Branding & Logo
Go to Admin → Business Branding.
Setting Your Colors
Click the color swatch to open a color picker, or type a hex code directly. Your primary color is used for buttons, accents, and the PDF header. The accent color is used for prices and highlights. The preview updates live.
Adding Your Logo
Paste a direct link to your logo image. The URL must end in .png, .jpg, or .svg and be publicly accessible. If you don't have a hosted logo, upload it to imgbb.com for free and paste the direct link.
07Email Notifications Setup
Automated emails require a free EmailJS account (200 free emails/month — enough for most small operations).
Create your EmailJS account
Go to emailjs.com → Sign up free.
Add an Email Service
In EmailJS dashboard → Email Services → Add New Service. Select Gmail (easiest) and connect your Google account.
Create a Customer Template
Email Templates → Create New Template. Name it template_customer. Use these variables in the body: {{customer_name}}, {{booking_id}}, {{size}}, {{delivery_date}}, {{total}}, {{company_name}}, {{company_phone}}.
Create an Owner Alert Template
Create a second template named template_owner — simpler, just a notification you received a new booking with the same variables.
Copy your keys into Admin
EmailJS Dashboard → Account → General → copy your Public Key. Go to Email Services → copy your Service ID. Paste both into Admin → Email Notifications.
Test it
Enter your own email in "Notification Email" and click Send Test Email. Check your inbox.
08Stripe Payments
Accept credit and debit cards at booking. Requires a free Stripe account.
Create your Stripe account
Go to stripe.com → Start now. You'll need your business info and bank account to receive payouts.
Get your Publishable Key
Stripe Dashboard → Developers → API Keys → copy the Publishable key (starts with pk_live_). For testing, use the test key (pk_test_).
Paste into Admin
Admin → Stripe Payments → paste your key. Set your payment timing preference: full charge, deposit only, or optional.
09Dashboard & Bookings
The 📊 Dashboard tab (admin only) gives you a bird's-eye view of your business.
| Feature | What it shows |
|---|---|
| KPI Cards | Total bookings, total revenue, this month's revenue, average order value |
| Bookings Table | Every booking with customer info, date, size, total, and status |
| Status Controls | Mark bookings as Confirmed, Complete, or delete them |
| Filter | View all, confirmed, pending, or complete bookings |
| Export CSV | Download all bookings as a spreadsheet for accounting or records |
| Size Charts | Which dumpster sizes are most popular and generate the most revenue |
10Embedding on Your Website
Add your quote tool to your existing website with one snippet of code. After logging in to Admin, scroll to the Embed on Your Website section and click Copy Embed Code.
Wix
Add → Embed → HTML iFrame → paste the code → click Apply.
Squarespace
Edit a page → click + → Code → paste the code → Apply.
WordPress
Edit page → click + → Custom HTML block → paste the code → Update.
11Managing Bookings
All bookings appear in the Dashboard. Each booking has a unique BK-XXXXXXXXXXXX ID. When a customer contacts you, ask for this ID to pull up their record instantly.
Changing a Booking Status
In the Dashboard table, use the ✓ button to mark confirmed, ✔✔ to mark complete, or ✕ to delete. Status changes save to the cloud instantly.
Blocking a Date
Admin → Blocked / Booked Dates → pick the date → click Block. That date will show as unavailable on the customer-facing calendar.
12Customer Portal
Customers access the portal by clicking My Bookings in the nav and entering the email they used to book. They can:
- View all their bookings and statuses
- Download PDF receipts
- Request rental extensions (you see them in the Dashboard)
13FAQ Page
Your app includes a built-in FAQ page accessible from the nav. It covers sizing, pricing, delivery, bookings, what goes in the dumpster, and extensions — pre-written to handle the most common customer questions.
The FAQ contact links automatically update to show your business phone number and email as soon as you save your business info in Admin. No extra setup needed.
14Troubleshooting
My settings aren't saving
Make sure you clicked Save All Settings at the bottom of the Admin page. Also verify you're logged in — look for the orange admin bar at the top. If you're testing locally without a ?biz= URL parameter, settings save to your browser's localStorage only.
My quote link shows default pricing, not my prices
Make sure your link includes ?biz=your-business-id. Without the biz parameter, the app shows demo pricing. Your unique link with the parameter is shown in the admin bar after you log in.
Emails aren't sending
Check: (1) EmailJS Service ID and Public Key are correct, (2) your EmailJS templates exist with the exact template IDs you entered, (3) you haven't exceeded EmailJS's 200 email/month free limit. Use the Send Test Email button to diagnose.
The calendar shows all dates as blocked
You may have accidentally blocked many dates. Go to Admin → Blocked Dates and remove any you didn't intend to block. Also check that your dates are set in the future — past dates are automatically grayed out.
The embed widget isn't showing on my website
Make sure: (1) your Netlify site is live, (2) the widget.js file is in the same folder as your other files, (3) your website platform allows custom HTML/JavaScript embeds (most do, some locked plans don't).
15EmailJS Template Reference
Here are all the variables available in your EmailJS templates:
| Variable | Contains | Example |
|---|---|---|
{{customer_name}} | Full name | John Smith |
{{customer_email}} | Customer email | john@email.com |
{{customer_phone}} | Phone number | (312) 555-0123 |
{{booking_id}} | Booking reference | BK-1735000000000 |
{{quote_id}} | Quote number | QT-48291 |
{{size}} | Dumpster size | 20 Yard |
{{days}} | Rental duration | 7 |
{{delivery_date}} | Delivery date (formatted) | Monday, January 20, 2025 |
{{delivery_window}} | Time preference | Morning (7am–12pm) |
{{address}} | Delivery address | 123 Oak St, Chicago IL |
{{total}} | Total charged | $382.32 |
{{company_name}} | Your business name | DAPS Dumpsters |
{{company_phone}} | Your phone | (773) 555-0100 |
{{owner_email}} | Your notification email | you@business.com |
{{portal_link}} | Link to customer portal | yoursite.app?biz=xyz |
{{daily_rate}} | Extension daily rate | $18/day |
{{end_date}} | Rental end date | Monday, January 27, 2025 |
16Stripe Account Setup
Sign up at stripe.com
Free to create. You'll need: your legal business name or personal name, your SSN or EIN for identity verification, and your bank account info for payouts.
Complete business verification
Stripe will ask about your business type. Most dumpster rental operators choose "Sole Proprietorship" or "LLC." This is required to accept live payments.
Get your keys
Dashboard → Developers → API Keys. Copy the Publishable key (safe to use in the app). Never share your Secret key.
Test first
Use your test Publishable key first (pk_test_...) with Stripe's test card 4242 4242 4242 4242 to make sure everything works before switching to the live key.