{"id":153,"date":"2025-12-17T02:41:07","date_gmt":"2025-12-17T02:41:07","guid":{"rendered":"https:\/\/studio1live.com\/templates\/blog\/?post_type=download&p=153"},"modified":"2025-12-17T23:03:27","modified_gmt":"2025-12-17T23:03:27","slug":"jd-sales-gen-1-0-ads-tool","status":"publish","type":"download","link":"https:\/\/studio1live.com\/templates\/blog\/downloads\/jd-sales-gen-1-0-ads-tool\/","title":{"rendered":"Sales & Services Ads & leads Tool"},"content":{"rendered":"\n

JOE TOOLS GEN 1.0<\/h1>\n\n\n\n
\n\n\n\n
$\"\"$ <\/figure>\n\n\n\n
$\"\ud83d\udd25\"$ \u00a0let\u2019s go! I built you a cPanel-ready \u201cJD Sales GEN 1.0\u201d web app scaffold that matches that sleek dark\/gradient style and wires in the core flow you described:<\/p>\n\n\n\n
\n
Splash + app shell + PWA (installable).<\/li>\n\n\n\n
\u201cMy Services\u201d grid (House cleaning, Pressure washing, Yard organization, Demolition, Pool & paver sealer, Screen enclosures, Tile installation,\u00a0Gutter installation<\/strong>, General services, Cabinet installation).<\/li>\n\n\n\n
Service tools page:\n
\n
URL Capture \u2192 Email Extractor<\/strong>\u00a0(via\u00a0`api\/fetch.php<\/code>\u00a0+ regex).<\/li>\n\n\n\n`
`Recipients editor<\/strong>\u00a0(up to 10).<\/li>\n\n\n\n`
`Lead form<\/strong>\u00a0(name\/company\/phone\/address\/notes) + save to\u00a0data\/leads.json<\/code>\u00a0via\u00a0api\/leads.php<\/code>.<\/li>\n\n\n\n`
`Dynamic proposal generator<\/strong>\u00a0(subject\/body templated by service).<\/li>\n\n\n\n`
`One-click email<\/strong>\u00a0(mailto:<\/code>),\u00a0Copy<\/strong>, and\u00a0Social share<\/strong>\u00a0(Web Share API fallback to FB\/X\/LinkedIn share URLs).<\/li>\n<\/ul>\n<\/li>\n\n\n\n`
Ads Generator<\/strong>\u00a0(separate page) to make a banner:\n\nCanvas \u201cflash banner\u201d (headline, subhead, contact, CTA, optional background image) \u2192\u00a0Download PNG<\/strong>.<\/li>\n\n\n\n Export SVG<\/strong>\u00a0markup for vector use.<\/li>\n<\/ul>\n<\/li>\n\n\n\n Offline caching with\u00a0sw.js<\/code>, manifest + icons so it installs like an app.<\/li>\n<\/ul>\n\n\n\nDownload it<\/h3>\n\n\n\nDownload the ZIP<\/a><\/p>\n\n\n\n What to upload (cPanel)<\/h3>\n\n\n\nUnzip into, e.g.,\u00a0\/public_html\/jd-sales-gen-1.0\/<\/code>\u00a0so your app lives at\u00a0yourdomain.com\/jd-sales-gen-1.0\/<\/code>. Make sure\u00a0\/data\/<\/code>\u00a0is writable by PHP (e.g.,\u00a0755<\/code>\u00a0or\u00a0775<\/code>\u00a0depending on host) so\u00a0data\/leads.json<\/code>\u00a0can update.<\/p>\n\n\n\nFiles included<\/h3>\n\n\n\n\nindex.html<\/code>\u00a0\u2013 services grid + tools, all wired.<\/li>\n\n\n\n assets\/css\/style.css<\/code>\u00a0\u2013 dark gradient theme (inspired by the sample you liked).<\/li>\n\n\n\n assets\/js\/app.js<\/code>\u00a0\u2013 URL capture, email extract, lead save, proposal compose, social share, routing.<\/li>\n\n\n\n ads\/index.html<\/code>,\u00a0ads\/ads.js<\/code>\u00a0\u2013 banner maker (PNG + SVG export).<\/li>\n\n\n\n api\/fetch.php<\/code>\u00a0\u2013 server-side fetch (beats CORS) to scrape contact emails from a URL.<\/li>\n\n\n\n api\/leads.php<\/code>\u00a0\u2013 JSON file-based CRUD (create\/list\/delete) for leads.<\/li>\n\n\n\n data\/leads.json<\/code>\u00a0\u2013 starts empty; fills as you save leads.<\/li>\n\n\n\nmanifest.webmanifest<\/code>,\u00a0sw.js<\/code>, icons \u2013 installable app + offline shell.<\/li>\n<\/ul>\n\n\n\nHow the \u201cURL \u279c Proposal\u201d flow works<\/h3>\n\n\n\n\nPaste a site URL \u2192\u00a0Capture<\/strong><\/li>\n\n\n\n Server fetch scans HTML for emails (filters obvious throwaways) and seeds the recipients list (edit\/append up to 10).<\/li>\n\n\n\n Hit\u00a0Generate Proposal<\/strong>\u00a0(pre-fills a clean subject\/body tailored to the selected service).<\/li>\n\n\n\n Open in Email<\/strong>\u00a0(mailto),\u00a0Copy<\/strong>, or\u00a0Share to Social<\/strong>\u00a0(Web Share API or fallbacks).<\/li>\n\n\n\n Fill lead details \u2192\u00a0Save Lead<\/strong>\u00a0(stored server-side to\u00a0data\/leads.json<\/code>).<\/li>\n\n\n\nSee all in\u00a0Leads<\/strong>.<\/li>\n<\/ol>\n\n\n\nNotes & easy tweaks<\/h3>\n\n\n\n\nCompany contact<\/strong>: update the default phone\/email lines in\u00a0assets\/js\/app.js<\/code>\u00a0(seedProposalTemplate()<\/code>).<\/li>\n\n\n\n SMTP later<\/strong>: If you want true server-sent email campaigns (vs mailto), we can add PHPMailer + SMTP creds (SendGrid, Mailgun, etc.) and a\u00a0api\/send.php<\/code>.<\/li>\n\n\n\n CSV export<\/strong>: We can add\u00a0api\/export_csv.php<\/code>\u00a0to dump leads for spreadsheets.<\/li>\n\n\n\n Campaign batches<\/strong>: We can add a panel to paste 10 emails at once and auto-compose mailto with all of them (already supported), or move to a queued SMTP send.<\/li>\n<\/ul>\n\n\n\nI also put the\u00a0main file<\/strong>\u00a0on canvas so you can edit quickly, and the rest of the files are in the ZIP exactly as wired. Want me to add a\u00a0GoodGutterService.com<\/strong>\u00a0brand pass (logo, favicon, hero images) or wire a\u00a0proposal template chooser<\/strong>\u00a0(gutter install \/ pressure wash \/ house clean presets)?<\/p>\n\n\n\n \u201cJD Sales GEN 1.0\u201d<\/strong>\u00a0as a reusable\u00a0Web + PWA Lead-Gen<\/strong>\u00a0template in your Web Build Kit library for future clients.\u00a0Quick PWA note<\/h5>\n\n\n\nYep \u2014 the\u00a0manifest.webmanifest<\/strong>\u00a0+ a\u00a0service worker (sw.js)<\/strong>\u00a0over\u00a0HTTPS<\/strong>\u00a0is what makes it \u201cinstallable\u201d on Android\/Chrome. iOS can \u201cAdd to Home Screen\u201d; it runs full-screen there too (no install prompt).<\/p>\n\n\n\n How much to charge (practical pricing)<\/h3>\n\n\n\nYou already delivered a real working product (lead capture, email extraction, proposal generator, JSON storage, ads generator, PWA). For a small-biz \u201cweb + app\u201d bundle, a fair market range is:<\/p>\n\n\n\n \nBase license + branding<\/strong>\u00a0(use your template, swap logo\/colors, edit copy):\u00a0$450\u2013$900<\/strong><\/li>\n\n\n\n Setup & deployment<\/strong>\u00a0(cPanel install, DNS\/SSL, icons, manifest, basic QA):\u00a0$150\u2013$300<\/strong><\/li>\n\n\n\n Customization<\/strong>\u00a0(extra fields, new proposal presets, CSV export, SMTP sending, CRM export, etc.):\u00a0$300\u2013$1,200+<\/strong>\u00a0(scope-based)<\/li>\n\n\n\n Monthly care plan<\/strong>\u00a0(hosting updates, backups, minor tweaks, security patches):\u00a0$39\u2013$99\/mo<\/strong><\/li>\n<\/ul>\n\n\n\nStarter bundle (good upsell path):<\/strong><\/p>\n\n\n\n \nOne-time:\u00a0$750<\/strong>\u00a0(branding + deploy + light edits)<\/li>\n\n\n\n Optional:\u00a0+$250<\/strong>\u00a0for SMTP campaign sending<\/li>\n\n\n\n Maintenance:\u00a0$59\/mo<\/strong><\/li>\n<\/ul>\n\n\n\nPro bundle (if they want more automation):<\/strong><\/p>\n\n\n\n \nOne-time:\u00a0$1,500<\/strong>\u00a0(branding, deploy,\u00a0SMTP<\/strong>, CSV export, 3 proposal templates, 1 ad banner pack)<\/li>\n\n\n\n Maintenance:\u00a0$99\/mo<\/strong><\/li>\n<\/ul>\n\n\n\nSince he already sent\u00a0$50<\/strong>, position it as a\u00a0deposit<\/strong>\u00a0credited toward the chosen package.<\/p>\n\n\n\n Exactly what to tell the client (you can copy\/paste)<\/h3>\n\n\n\n\nFor the Good Gutter Service \u201cWeb + App\u201d sales bundle: \u2022 One-time build & setup:\u00a0$750<\/strong>\u00a0(branding, install, basic configuration, 1 round of edits) \u2022 Optional SMTP email sending add-on:\u00a0$250<\/strong> \u2022 Care plan:\u00a0$59\/mo<\/strong>\u00a0(backups, SSL renewals, security updates, minor content edits) Your $50 deposit is credited, so the balance at kickoff would be\u00a0$700<\/strong>\u00a0(or\u00a0$950<\/strong>\u00a0with SMTP).<\/p>\n<\/blockquote>\n\n\n\n We have slashed this price to 99$ for self Install. If you need installation help, please email info@studio1live.com<\/p>\n\n\n\n demo site<\/a><\/p>\n<\/body>","protected":false},"excerpt":{"rendered":" JOE TOOLS GEN 1.0 \u00a0let\u2019s go! I built you a cPanel-ready \u201cJD Sales GEN 1.0\u201d web app scaffold that matches that sleek dark\/gradient style and […]<\/p>\n","protected":false},"author":1,"featured_media":0,"template":"","edd-categories":[],"edd-tags":[],"class_list":["post-153","download","type-download","status-publish","hentry","edd-download"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t